TIPOGRAFITIPOGRAFITIPOGRAFITIPOGRAFI
Tipografi adalah ilmu yang mempelajari Tipografi adalah ilmu yang mempelajari tentang huruf atau Fonttentang 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
Angelcapline
meanline
baseline
body size
ascender
X-height
descender
ANATOMI KETINGGIAN HURUF
ANGELbody size
capline
baseline
Capital height
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.
Trip s a n d Tr 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.
webpagedesi ngF O R D E S I G N E R S
mr.
mouthbig
phellobYos007
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
lowandg
GEOMETRI HURUF• Dari bentuk /geometriya huruf dibagi
4 kelompok :1. Garis tegak – datar : E, F, H, I, L2. Garis tegak – miring : A,
K,M,N,V,W,X,Y,Z3. Garis tegak – lengkung : B,D,G,J,P,R,U4. Garis lengkug : C, O, Q, S
JENIS HURUF / FONT• Huruf tak berkait (Sans Serif)1. Tidak memiliki kait hanya batang dan
tangkainya saja2. Contoh : Arial, Avant Garde, Switzerland,
Varground dll.3. Ujungnya bisa tajam atau tumpul4. Sifatya kurang formal, sederhana, akrab5. Keuntungannya sangat mudah dibaca6. Cocok untuk huruf desain di layar komputer
(web, e-book, CD, Profile, desain pertelevisian dan media elektronik lainnya.
Huruf tak berkait (Sans Serif)
Headline SubheadArial Black Tahoma
JENIS HURUF / FONT• Huruf berkait (Serif)1. Memiliki kait pada ujungnya2. Contoh : Times Roman, Garamond, Dwitan,
Tifany dll.3. Sifatnya formal, elegant, mewah, anggun,
intelektual.4. Kurang mudah dibaca dibanding font San Serif5. 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
tangan2. Contoh : Brush Scripts, Shelley, Mystral, Comic
Sans, Lucida dll.3. Sifatnya: anggun, traditioanal, pribadi, informal4. Kurang mudah dibaca, sehingga jangan
dipakai terlalu banyak dan terlalu kecil5. Cocok untuk desain undangan pernikahan,
ulang tahun, keluarga, ucapan tradisional
Huruf tulis (Script)
Telah Menikah Wahyuni WelcomeBrus Scripts
Mistral Vladimir Script
JENIS HURUF / FONT• Huruf Dekoratif1. Setiap huruf dibuat secara detail, kompleks
dan rumit2. 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 ernikahanOpen House Open House
JENIS HURUF / FONT• Huruf Monospace1. 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 tik4. Mudah dibaca, namun kurang rapi dan efisien ruang
jika tampil banyak5. Cocok untuk tampilan pengetikan code / bahasa
program di komputer, logo group musik.
Huruf Monospace
3DStudioMax3DStudioMax
3DStudioMax3DStudioMax
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 omput er
u n d a n g a n
KARAKTERSITIK HURUFa. 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 Textgaris bawah menandakan adanya suatu ‘penting’
KARAKTERSITIK HURUFd. Huruf berwarna – Sample Text
cara membedakan teks dapat menggunakan warna, meskipun tidak sekuat bold.
e. Huruf kapital – SAMPLE TEXThuruf 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 PENGGUNAAN HURUF KAPITAL
CONTOH PENGGUNAAN HURUF KAPITAL
Contoh penggunaan huruf kapital
TRANSFORMASI DASAR
• Dengan menggunakan prisip transformasi pada gambar, huruf dapat dikombinasikan dengan macam-macam jenis tranformasi PRST (Position Rotation Scale Transparansy)
a. PositionKombinasi posisi huruf dalam kata
TRANSFORMASI DASARb. Rotasiom
Kombinasi rotasi dan orientasi posisi setiap huruf dalam katac. 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. SkewDengan men-skew huruf dalam kata, dapat membuat kesan dinamis atraktif. Cocok untuk judul film actions.
f. Transparansydengan huruf transparan yang saling tumpang tindih, akan membuat kesan lain didaerah perpotongannya.
g. Warnaperbedaaan pada huruf-huruf, dapat membuat penekanan dan perubahan makna.
h. Bataspenempatan huruf-huruf sampai melewati batas area desain, dapat menarik perhatian, penasaran dan arti lain.