Anatomi furuf

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


Angelcapline

meanline

baseline

body size

ascender

X-height

descender


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


• 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


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.

Technology

Anatomi furuf