TIPOGRAFI

TIPOGRAFI

Tipografi adalah ilmu yang mempelajari

tentang huruf atau Font
 ANATOMI KETINGGIAN
HURUF
Setiap bentuk huruf mempunyai
keunikan tersediri. Namun intinya
tetap dalam batas-batas tertentu
seperti body size, baseline dan
capital height
 ANATOMI KETINGGIAN
HURUF

Angel
capline
ascender
meanline
body size X-height

baseline
descender
 ANATOMI KETINGGIAN
HURUF

ANGEL
capline
Capital height
body size
baseline
Dengan kesederhanaan huruf kapital (Capitalize) akan
membentuk garis semu pada capline dan baseline,
sehingga cocok dipadukan dengan garis-garis horizontal
dan bidang persegi empat. Huruf dengan bermacam-
macam ketinggian (Title Case) kurang menampilkan garis
semu.

T r ip s a n d T r ix

T R IP S A N D T R IX
Dengan huruf-huruf kecil (lower case) yang memiliki
variasi tinggi, ascender dan descender, kita mendapat
ruang yang dapat dipakai untuk objek lain seperti garis
atau teks lain.

big
mr.
web
page

p
mo uth
design
FOR DESIGNER S

boYs
hello

007
 ANATOMI BENTUK
HURUF
Setiap huruf juga mempuyai batang,
ujung (terminal) atau tangkai seperti
gambar berikut :

f
terminal
tangkai
batang

terminal
 ANATOMI BENTUK
HURUF
Dengan mengetahui komponen-komponen
tsb, kita dapat memainkan terminal dan
batang sehingga membentuk tulisan unik
atau logo serti gambar berikut

desain pada terminal desain pada terminal

ANATOMI BENTUK
HURUF

low
and
g
 GEOMETRI HURUF
Dari bentuk /geometriya huruf dibagi 4
kelompok :
1. Garis tegak datar : E, F, H, I, L
2. Garis tegak miring : A,
K,M,N,V,W,X,Y,Z
3. Garis tegak lengkung : B,D,G,J,P,R,U
4. Garis lengkug : C, O, Q, S
 JENIS HURUF / FONT
Huruf tak berkait (Sans Serif)
1. Tidak memiliki kait hanya batang dan tangkainya
saja
2. Contoh : Arial, Avant Garde, Switzerland, Varground
dll.
3. Ujungnya bisa tajam atau tumpul
4. Sifatya kurang formal, sederhana, akrab
5. Keuntungannya sangat mudah dibaca
6. Cocok untuk huruf desain di layar komputer (web, e-
book, CD, Profile, desain pertelevisian dan media
elektronik lainnya.
Huruf tak berkait (Sans
Serif)

Headline Subhead
Arial Black Tahoma
 JENIS HURUF / FONT
Huruf berkait (Serif)
1. Memiliki kait pada ujungnya
2. Contoh : Times Roman, Garamond, Dwitan, Tifany
dll.
3. Sifatnya formal, elegant, mewah, anggun,
intelektual.
4. Kurang mudah dibaca dibanding font San Serif
5. Cocok utntuk huruf desain di media cetak seperti
koran skripsi, brosur, dll.
 JENIS HURUF / FONT
Huruf tulis (Script)
1. Setiap hurufnya saling terkait seperti tulisan
tangan
2. Contoh : Brush Scripts, Shelley, Mystral, Comic
Sans, Lucida dll.
3. Sifatnya: anggun, traditioanal, pribadi, informal
4. Kurang mudah dibaca, sehingga jangan dipakai
terlalu banyak dan terlalu kecil
5. Cocok untuk desain undangan pernikahan, ulang
tahun, keluarga, ucapan tradisional
 Huruf tulis (Script)

TelahMenikah Wahyuni Welcome

Brus Scripts Vladimir Script
Mistral
 JENIS HURUF / FONT
Huruf Dekoratif
1. Setiap huruf dibuat secara detail, kompleks dan
rumit
2. Contoh : Augsburger Initial, English dll.
3. Sifatnya mewah, bebas, anggun, traditional.
4. Sangat sulit dibaca, hanya baik tampil 1 huruf
saja, jangan tampil satu kata.
5. Cocok untuk hiasan, huruf pada awal alinea artikel
(Cap Hub), logo pernikahan, logo perusahaan.
JENIS HURUF / FONT

P ernikahan P ernikahan
Open House Op
enHouse
 JENIS HURUF / FONT
Huruf Monospace
1. Bentuknya bisa sama seperti huruf Sans Serif atau Serif,
tetapi jarak dan ruang setiap hurufnya sama. Contoh jarak
dan ruang huruf I dan m dihitung sama dengan m.
Seperti gambar pada contoh terlihat sesama huruf jenis
monospace akan sama berakhir pada tempat/batas yang
sama.
2. Contoh : Courier, Monotype, Lucida Console dll.
3. Sifatnya formal, sederhana, kaku seperti mesin tik
4. Mudah dibaca, namun kurang rapi dan efisien ruang jika
tampil banyak
5. Cocok untuk tampilan pengetikan code / bahasa program di
komputer, logo group musik.
Huruf Monospace
3DStudioMax
3DStudioMax

3DStudioMax
3DStudioMax
Contoh pada desain
 JARAK ANTARA HURUF
(KERNING DAN TRACKING)
Kerning dan Tracking adalah istilah untuk
jarak antara huruf. Namun kerning
mempunyai nilai yang khas / beda pada
setiap hurufnya. Di CorelDraw dan Adobe
Photoshop lebih banyak dipakai istilah
Tracking satuan tracking menggunkan
persentase dari lebar font (point)
CONTOH PENERAPAN
TRACKING

c o mp u t e r
u n d a n g a n
 KARAKTERSITIK HURUF
a. Huruf miring (Italics) Sample Text
Teks italic akan menarik mata karena kontras
dengan teks normal. Terlalu panjang kalimat
dengan teks italics akan sulit dibaca, apalagi jika
digunakan di layar komputer.
b. Huruf tebal (Bold) Sample Text
huruf tebal juga mengandung perhatian karena
kontras dengan huruf normal. Biasanya dipakai
pada judul atau subjudul. Terlalu banyak huruf
tebal akan mengaburkan fokus dan makna.
c. Huruf garis bawah (Underline) Sample Text
garis bawah menandakan adanya suatu penting
 KARAKTERSITIK HURUF
d. Huruf berwarna Sample Text
cara membedakan teks dapat menggunakan
warna, meskipun tidak sekuat bold.
e. Huruf kapital SAMPLE TEXT
huruf kapital dapat diartikan sebagai perintah
atau amarah. Jika anda kirim sms dengan huruf
kapital bisa diartikan anda sedang emosi /
marah. Namun jika ditambah komponen garis
putus-putus, artinya menjadi sedang berbisik-
bisik.

CONTOH CONTOH
Contoh penggunaan
PENGGUNAAN PENGGUNAAN
huruf kapital
HURUF KAPITAL HURUF KAPITAL
 TRANSFORMASI DASAR

Dengan menggunakan prisip

transformasi pada gambar, huruf
dapat dikombinasikan dengan
macam-macam jenis tranformasi
PRST (Position Rotation Scale
Transparansy)
a. Position
Kombinasi posisi huruf dalam kata
 TRANSFORMASI DASAR
b. Rotasiom
Kombinasi rotasi dan orientasi posisi setiap huruf dalam kata
c. Scale /Size
Kombinasi ukuran font (Font Size)
d. Cermin (Mirror)
Dengan mencerminkan jenis salah satu huruf akan membuat sesuatu yang tidak lazim
sehingga dapat menarik perhatian
e. Skew
Dengan men-skew huruf dalam kata, dapat membuat kesan dinamis atraktif. Cocok
untuk judul film actions.
f. Transparansy
dengan huruf transparan yang saling tumpang tindih, akan membuat kesan lain
didaerah perpotongannya.
g. Warna
perbedaaan pada huruf-huruf, dapat membuat penekanan dan perubahan makna.
h. Batas
penempatan huruf-huruf sampai melewati batas area desain, dapat menarik
perhatian, penasaran dan arti lain.