sesi 2 ergonomi huruf

ReviewPertemuan 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

HURUF digital• Bitmap Fonts (screen font)

• Postscript Fonts (type 1 atau type 3)

• Truetype Fonts

• Opentype Fonts

• Multiple Master Fonts

Bitmap Fonts

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

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 Printerlebih besar dpi lebih baik.

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

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.

Open Type Font ;

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

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

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, SlantedTexture Permukaan ; Design

Anatomi Huruf

CROSSBAR

AXIS EYE CROSS STROKE HOOK BALL TERMINAL APERTURE COUNTER

TWO-STROREY LETTERBOWLBRACKET

LIGATURE

LOBE LOOP DESCENDER TAIL

LINK/NECK EAR STEM SPINE

ARCH

TAIL LEG SERIF FINIAL OVERHANG

STRESS APEX /puncak ASCENDER SHOULDER CAPLINE

MIDLINE

BASELINE

ASCENDER LINE

DESCNDER LINE

X-HEIGHT

CAP HEIGHT

BODY HEIGHT

DOT

CAPLINE

MIDLINE

BASELINE

baseline : Garis lurus horisontal yang menjadi bagian terbawah dari setiap huruf besarcapline : Garis lurus horisontal yang menjadi bagian teratas dari setiap huruf besarmeanline : Garis lurus horisontal yang menjadi bagian terbawah dari setiap huruf kecilx - height : Ketinggian huruf kecil / jarak antara meanline dengan baseline

Ascender : Bagian dari huruf kecil yang posisinya tepat diantara Capline + MeanlineDescender : Bagian dari huruf kecil yang posisinya tepat dibawah Baseline

Stem : batangterminal : baguan ujung ditemukan beberapa garis akhir sebagai penutup

stem

Point (pt) + Pica72 point = 6 pica = 1 inch = 2.539 cm

12 point = 1 pica

inches

picaspoints

14 point

24 point

34 point

44 point

54 point

Ergonomi HurufReadibility 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:

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

GRID

Struktur & pembagianruang pada sebuah bidangsebagai penuntun untukmeletakkan tulisan, margin,kolom & gambar.

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.

TRACKINGMengatur jarakantar kataMengatur panjang kolom“Lebarnya tidak lebih dari11 kata (7-10 kata).”

REVERSEBatasi penggunaan teksputih diatas latar hitam.

Kombinasi huruf

dapat menggunakan kombinasidengan 2 kategori:huruf serif (dengan kait) dansans serif (tanpa kait).Atau dengan satu jenis,tetapi dengan menggunakankeragaman bobot(misal bold, medium, light).

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 pointAlternatif kombinasi jenis huruf/font:San serif: Arial, Helvetica, Frutiger > sub judul & teksSerif: Times New Roman, Palatino > judul (& atau sub judul).

Bantu denganIlustrasi, Fotografi,

Infografik: skema/diagram dan Warna

Pekan Depan ... insyaa AllohPengelompokan Huruf

Mengukur Huruf