Dokumen ini membahas sejarah dan evolusi tipografi dari lukisan dinding gua hingga jenis-jenis font modern seperti TrueType dan OpenType. Terdapat penjelasan tentang elemen desain huruf, ergonomi dalam tipografi, serta prinsip keterbacaan dan kejelasan. Selain itu, dokumen memberikan panduan dalam pemilihan dan penggunaan jenis huruf untuk meningkatkan estetika dan fungsionalitas desain.

1. Review
Pertemuan pekan lalu membahas tentang sejarah Tipografi,
mulai sejak lukisan pada dinding gua sampai kini.
Masih ingatkan apa itu pengertian Tipografi ?
Evolusi Bahasa Tulis : Simbol > Lukisan Gua > Petroglyphs
(ukiran batu) > Berbagai Pictogram (pictograph) > Idiogram >
Alfabet

2. HURUF digital
• Bitmap Fonts (screen font)
• Postscript Fonts (type 1 atau type 3)
• Truetype Fonts
• Opentype Fonts
• Multiple Master Fonts

3. Bitmap Fonts
font yang disusun berdasarkan kumpulan titik-titik yang
mengisi suatu pola (grid pattern).

4. Post Script Fonts
format font yang memiliki 2 bagian, screen fonts & printer
fonts. Screen font -> tampilan layar, Printer font -> cetak.
Printer font -> bentuk outline yg kemudian diisi dengan
titik-titik semprotan tinta yang mengisi ke seluruh ruangan
(rasterization).
Hubungan Post Script Font dengan Printer
lebih besar dpi lebih baik.

5. Arial, Times New Roman, Avant Garde,
Myriad, Helvetica, Kozuka Gothic Pro B, Kozuka Gothic Std R,
Adobe Song Std L, Century Old Style, dll”
Dahulu jenis font ini khusus untuk produk2 Adobe

6. True Type Font
Default system OS Windows
Keuntungan TrueType Fonts adalah ia hanya memiliki satu file
untuk semua ukuran font. (seperti bold, italic dan bold-italic).
Contoh :
Arial Black, Albertus, AvantGarde Md BT, Tahoma, Verdana, dll.

8. Open Type Font ;
Lahir atas kerja sama Adobe & Microsoft
Butuh satu file saja untuk screen & printer
Jenis font ini adalah pengembangan terakhir dari kedua jenis font
diatas (TT & PSF)
Contoh : Myriad Pro, Lytos.

9. Multiple Master Font
Font type 1 (lebar & tebal) dapat dimodifikasi langsung dari
master designya.
Dibuat oleh adobe & terpasang pada produk-produk Adobe
Palatino Palatino Palatino Palatino
Contoh : ITC AvagarMM, ITC AvantGarde Gothic MM

10. Type Family
Kumpulan hasil modifikasi dari bentuk font yang telah ada, ke
arah ;
Ketebatan (Weight) ; Semi Bold,Bold & Extra Bold, Black & Extra
Black,
Proporsi dari bentuk huruf ; Condensed (sempit), Expanded
(lebar), Ultra condensed, Normal, Narrow, dsb.
Sudut Kemiringan ; Oblique, Cursive, Slanted
Texture Permukaan ; Design

11. Anatomi Huruf

12. STRESS
APEX /puncak
ASCENDER
SHOULDER
DOT
CAPLINE
MIDLINE
CROSSBAR
AXIS
TAIL
EYE
LEG
CROSS STROKE
HOOK
SERIF
FINIAL
BALL TERMINAL
BRACKET
LIGATURE
LINK/NECK EAR
APERTURE
BOWL
STEM
OVERHANG
COUNTER
TWO-STROREY LETTER
ARCH
BASELINE
ASCENDER LINE
DESCNDER LINE
SPINE
CAP HEIGHT
X-HEIGHT
BODY HEIGHT
LOBE
LOOP
DESCENDER
TAIL

13. stem
baseline
capline
meanline
x - height
: Garis lurus horisontal yang menjadi bagian terbawah dari setiap huruf besar
: Garis lurus horisontal yang menjadi bagian teratas dari setiap huruf besar
: Garis lurus horisontal yang menjadi bagian terbawah dari setiap huruf kecil
: Ketinggian huruf kecil / jarak antara meanline dengan baseline
Ascender
Descender
: Bagian dari huruf kecil yang posisinya tepat diantara Capline + Meanline
: Bagian dari huruf kecil yang posisinya tepat dibawah Baseline
Stem
terminal
: batang
: baguan ujung ditemukan beberapa garis akhir sebagai penutup

14. Point
(pt)
+ Pica
72 point = 6 pica = 1 inch = 2.539 cm
12 point = 1 pica
inches
picas
points

15. 14 point
24 point
34 point
44 point
54 point

16. Ergonomi Huruf
Readibility dan Legibility huruf.
“ergonomi” - ERGON (KERJA) dan NOMOS (HUKUM ALAM) ;
studi tentang aspek-aspek manusia dalam lingkungan yang
ditinjau secara anatomi, fisiologi, psikologi, engineering,
manajemen dan desain atau perancangan (Nurmianto, 2008).
Ergonomi berkenaan berkenaan pula dengan optimasi,
efisiensi, kesehatan, keselamatan dan kenyamanan manusia
ditempat kerja, di rumah, dan di tempat rekreasi. Persoalan
dalam tipografi:

19. Pengolahan tipografi:
Sederhana, mudah & nyaman dibaca,
memberi pengalaman/sensasi visual,
(menarik dan menghibur).
•
•
•
•
Grid: struktur, konsistensi & keseimbangan.
Hirarki : flow, navigasi, kesatuan.
Readability/keterbacaan: pengaturan ruang, teks & spacing
Legibility/kejelasan: pemilihan typeface/font

20. GRID
Struktur & pembagian
ruang pada sebuah bidang
sebagai penuntun untuk
meletakkan tulisan, margin,
kolom & gambar.

22. Body text (teks/paragraf pada kolom)
•
•
•
•
•
•
•
Lebih baik teks rata kiri (justified menyulitkan/ meletihkan,
kecuali ada pengaturan ruang antar kata
Line spacing 1.2 spasi.
Gunakan sub-judul dengan ukuran lebih besar dari teks
(dapat juga memberi garis bawah/menggunakan bold).
Batasi panjang kolom tidak lebih dari 11 kata
Gunakan tidak lebih dari 2 typeface (jenis huruf)/font.
Jangan menggunakan all-caps (semua huruf kapital).
Tentukan margin yang sesuai dengan besar kolom.

23. TRACKING
Mengatur jarak
antar kata
Mengatur panjang kolom
“Lebarnya tidak lebih dari
11 kata (7-10 kata).”
REVERSE
Batasi penggunaan teks
putih diatas latar hitam.

24. Kombinasi huruf
dapat menggunakan kombinasi
dengan 2 kategori:
huruf serif (dengan kait) dan
sans serif (tanpa kait).
Atau dengan satu jenis,
tetapi dengan menggunakan
keragaman bobot
(misal bold, medium, light).

25. Contoh Ukuran huruf (jarak 2-3 m).
• Judul: 60 - 72 point (dapat lebih)
• Sub judul: 36 - 44 point
• Body text 24 - 32 point
jika poster kecil > 18 - 24 point
Alternatif kombinasi jenis huruf/font:
San serif: Arial, Helvetica, Frutiger > sub judul & teks
Serif: Times New Roman, Palatino > judul (& atau sub judul).

26. Bantu dengan
Ilustrasi, Fotografi,
Infografik: skema/diagram
dan Warna

34. Pekan Depan ... insyaa Alloh
Pengelompokan Huruf
Mengukur Huruf