View
288
Download
6
Category
Preview:
DESCRIPTION
Sesi 2 ergonomi huruf
Citation preview
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
Recommended