Sesi 2 ergonomi huruf
Transcript of Sesi 2 ergonomi huruf
![Page 1: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/1.jpg)
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
![Page 2: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/2.jpg)
HURUF digital• Bitmap Fonts (screen font)
• Postscript Fonts (type 1 atau type 3)
• Truetype Fonts
• Opentype Fonts
• Multiple Master Fonts
![Page 3: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/3.jpg)
Bitmap Fonts
font yang disusun berdasarkan kumpulan titik-titik yang mengisi suatu pola (grid pattern).
![Page 4: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/4.jpg)
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.
![Page 5: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/5.jpg)
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
![Page 6: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/6.jpg)
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.
![Page 7: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/7.jpg)
![Page 8: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/8.jpg)
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.
![Page 9: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/9.jpg)
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
![Page 10: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/10.jpg)
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
![Page 11: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/11.jpg)
Anatomi Huruf
![Page 12: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/12.jpg)
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
![Page 13: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/13.jpg)
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
![Page 14: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/14.jpg)
Point (pt) + Pica72 point = 6 pica = 1 inch = 2.539 cm
12 point = 1 pica
inches
picaspoints
![Page 15: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/15.jpg)
14 point
24 point
34 point
44 point
54 point
![Page 16: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/16.jpg)
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:
![Page 17: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/17.jpg)
![Page 18: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/18.jpg)
![Page 19: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/19.jpg)
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
![Page 20: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/20.jpg)
GRID
Struktur & pembagianruang pada sebuah bidangsebagai penuntun untukmeletakkan tulisan, margin,kolom & gambar.
![Page 21: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/21.jpg)
![Page 22: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/22.jpg)
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.
![Page 23: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/23.jpg)
TRACKINGMengatur jarakantar kataMengatur panjang kolom“Lebarnya tidak lebih dari11 kata (7-10 kata).”
REVERSEBatasi penggunaan teksputih diatas latar hitam.
![Page 24: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/24.jpg)
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).
![Page 25: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/25.jpg)
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).
![Page 26: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/26.jpg)
Bantu denganIlustrasi, Fotografi,
Infografik: skema/diagram dan Warna
![Page 27: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/27.jpg)
![Page 28: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/28.jpg)
![Page 29: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/29.jpg)
![Page 30: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/30.jpg)
![Page 31: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/31.jpg)
![Page 32: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/32.jpg)
![Page 33: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/33.jpg)
![Page 34: Sesi 2 ergonomi huruf](https://reader033.fdocuments.net/reader033/viewer/2022052316/558e16e31a28abaa788b469f/html5/thumbnails/34.jpg)
Pekan Depan ... insyaa AllohPengelompokan Huruf
Mengukur Huruf