Download - Tipografi Aplikasi
De MaulanaAnggakarti
Program Studi DesainGrafis | Periklanan | MultimediaFakultas Desain KomunikasiVisual | UniversitasWidyatamaBandung , Oktober ‐ 2008
Tipografi Dasar danAplikasi DalamMedia Promosi dan Informasi
Tipografi sebagai citra/ image
Symbol/ Lambang / TandaMenyampaikan bunyi / pesan/ informasiSebagai atribut/ identitasMedia / elemen dalam visualKarakteristik bentuk dan impresiKredibilitasFungsiKejelasan dan ketegasan
Prinsip dalam tipografi
Konsep fundamental memecahkan masalahtypografi adalah;
Yaitu konsep tentang kontras huruf yang jelas dan tegas
Dapat membandingkan dua efek visualyang berlawanan untuk memperjelaskonsep tersebut pada target audience.
Kontras adalah kutub dinamis yang membantu memperjelas gagasan grafis.
Kontras adalah kekuatan visual yang dapatmenyederhanakan proses komunikasi.
Saat memilih huruf yang membawa/mengandung suatu gagasan harusberhati‐hati dalammembatasi pilihan.
Sering semua jenis huruf dalam ukuran yang sama cukup memecahkan masalah secaraefektif.
Lebih dari dua jenis huruf dapatmengeruhkan kontras yang sudah jelas.
Pemirsa harus segera dapat mengenalikontras huruf. Sebab tanpa itu intensitas pesanvisual dapat hilang. Exaggeration (berlebihan) efektif.
Readability | KeterbacaanKemudahan dalam membaca pesan pada setiap media promosi daninformasi. Relevansi dengan penyusunan, pemilihan , perancanganhuruf.Keterbacaan meliputi rancang desain dari keseluruhan tampilanvisual, hubungan yang kompleks antara satuan huruf, kata dankalimat dengan bentuk lain seperti symbol, icon, foto, dan ilustrasi.Penggunaan setiap karakter ; kontras, seimbang, irama dan kesatuan
Legibility | KejelasanBerhubungan dengan pemilihan, pengaturan atau merancangdenganmenggunakan elemen huruf. Kejelasan relevansi dengan kecepatan/waktu dalammengenali atau membaca bentuk/ susunan huruf pada setiapmedia. Ketepatan dalam penyesuaian pada setiap karakter media yang dipergunakan sebagai bentuk menyampaikan pesan
Legibility | KejelasanBerhubungan dengan pemilihan, pengaturan atau merancangdenganmenggunakan elemen huruf. Kejelasan relevansi dengan kecepatan/waktu , ketajaman dalammengenali atau membaca bentuk/ susunan huruf pada setiapmedia. Ketepatan dalam penyesuaian pada setiap karakter media yang dipergunakan sebagai bentuk menyampaikan pesan
Serif :Garis horizontal, membantu dan membaca, kontras tebal tipis.THE QUICK BROWN fox jumps over
Sans‐serif : Sederhana, lebar huruf sama, bersih.THE QUICK BROWN fox jumps over
Skrip : Dirancang untuk meniru tulisan tangan, kontras sangat sedikit antaragaris tebal dan tipis. Huruf bersambungan/berhubungan, mengalir, cenderung miring.THE QUICK BROWN fox jumps over
Dekoratif/ Art : Dirancang sebagai bentuk berhias, modifikasi estetikMemenuhi kebutuhan tertentuThe Quick Brown Fox Jumps Over The Lazy Dog
Shape
(Bentuk)
Nama huruf sering berasal dari nama perancangnya, dari
karakter fisik bentuknya, atau dari tujuan huruf itu dibuat.
Ukuran Ukuran vertical huruf disebut point. Tinggi diukur dari huruf
besar.
Weight
(Bobot)
Lebar garis yang membentuk setiap huruf. Istilah yang
digunakan adalah light (tipis), medium (sedang), bold (tebal),
dan extra-bold (tebal sekali). Diukur berdasarkan skala
kehitaman atau kerapatannya.
Widht (Lebar) Lebar huruf (ukuran horisontalnya). Istilah yang digunakan
adalah CONDENSED (melebar). Skala visual dari sempit hingga
lebar.
Slope
(Kemiringan)
Sudut kemiringan huruf. Bisa vertical (tegak) atau italic
(miring).
TITANIC
TITANIC
TITANIC
TITANICTITANIC
Identifikasi | Kelompok Huruf
Petunjuk dan fakta dalam aplikasi typografi
Ukuran teks terbaik adalah 9, 10, 11, dan 12 point. Gunakan ukuran 11 dan 12 point jika X‐height‐nya kecil (mis: century), gunakan 9 dan 10 point jika x‐height‐nya besar (mis: Helvetica).Untuk huruf berukuran 9, 10, 11, dan 12 point, lebar kolom/baris sekitar18 ‐ 24 pica (sekitar 10 – 12 kata perbaris) adalah yang paling mudahterbaca.Hati‐hati dengan jarak antar baris yang terlalu rapat. Semua jenis huruflebih mudah terbaca jika jarak antar baris sekitar 1 hingga 4 point. Hurufyang tebal memerlukan leading lebih besar.Teks yang tebalnya sedang lebih terbaca dibandingkan teks yang terlalutipis atau tebal. Teks tebal sangat baik untuk huruf miring (penekanan) –tetapi jangan terlalu banyak agar tidak melelahkan mata.Huruf terkait lebih mudah dibaca dibandingkan sans‐serif; sehingga lebihdipilih oleh pembaca.
Petunjuk dan fakta dalam aplikasi typografi
Penyusunan huruf yang tidak rata kiri‐kanan lebih menguntungkan, karenamengurangi biaya produksi, lebih mudah dikoreksi, mata lebih santaidengan satu sisi margin.Penyusunan dengan huruf besar semua mengurangi kecepatan bacasekitar 15 %.Indent (bagian yang menjorok kedalam) suatu paragraf harus jelas(cukup besar) agar margin tidak terlihat berkelok. Jarak antar baris yang lebih besar mungkin bias digunakan sebagai pengganti Ident.Kurangi “janda” dengan mengedit. “Janda/widow” adalah baris terakhirsuatu paragraf yang hanya terdiri dari satu kata.Judul dengan huruf normal (besar dan kecil) lebih mudah dibacadibandingkan yang hanya terdiri dari huruf besar saja atau huruf kecil .
Petunjuk dan fakta dalam aplikasi typografi
Typografi untuk televise, huruf sans serif medium dan huruf serif tebaladalah yang terbaik. Hati‐hati dengan huruf serif dengan kontras tebal‐tipisyang ekstrim. Huruf skrip yang halus dan huruf teks kurang memuaskan.
Gambar televise dibuat dengan menscan cahaya dan sangat tidak efektifdalammenangkap serif yang halus, garis atau detail. Huruf dengan suduttajam cenderung membuat detail kadang‐kadang hilang. Perlu mencobahuruf dengan mengintip/melihat lewat monitor sebelummenyelesaikannya.
Untuk typografi di luar ruangan. Huruf tebal paling sesuai karena harusdibaca dalamwaktu singkat. Kejelasan dan keterbacaan sangatlah penting. Tulisan dalam billboard sebaiknya kurang dari 7 kata. Hindari huruf skripdengan teks. Hati‐hati dengan penyusunan huruf besar semua kecuali untukkata tunggal.
Kunci Dasar Memecahkan Masalah Typografi
KECIL – BESARKontras berdasarkan ukuran. Besar terhadap kecil. Skala (perbandinganukuran huruf) juga memainkan peranan.TEBAL – TIPISKontras berdasarkan ketebalan. Tipis terhadap tebal. Hitam terhadapkelabu. Lemah terhadap kuat.KERAS – LEMBUTKontras berdasarkan kelenturan. Kita dapat merasakan bentuk, dan suduthuruf.SEMPIT - LEBARKontras berdasarkan ukuran horizontal huruf. Menutup terhadapmembuka. Sempit terhadap lebar. Ketat terhadap longgar.
Kunci Dasar Memecahkan Masalah Typografi
TEGAK – MIRINGKontras berdasarkan tingkat stabil ke dinamis. Diam terhadap tegak.
PADAT – OUTLINE/RANGKAKontras dari penuh menuju kosong, positif terhadap negatif, padamterhadap menyala, hitam terhadap putih, ya terhadap tidak.
PADAT – TERPECAHKontras adalah keseluruhan terhadap bagian, selesai terhadap tidak selesai.
Layout Dalam Typografi
Rata kiri: Bagian kanan bergerigi. Aliran huruf mengalir secara alamiah,dipilih oleh kebanyakan perancang grafis. Margin hanya pada bagian kirisaja, seperti pada mesin tik.Justified: Rata kiri dan kanan. Sering digunakan untuk buku, majalah.Kurang baik jika baris huruf sedikit sebab akan terlihat “lubang” dalam spasihuruf. Susah untuk diperbaiki.Rata kanan: Bagian kiri bergerigi. Sangat lemah bagian kiri margin untukmengembalikan arah mata. Hanya sesuai untuk informasi singkat sepertiteks iklan, system bisnis, hedline. Spasi kata bagus.Center: Simetris. Bagian kir dan kanan bergerigi. Bagus untuk spasi kata.Baris huruf harus tak sama lebarnya agar menghasilkan silhouette yangmenarik. Sering digunakan untuk teks yang pendek seperti system bisnis,undangan, pengumuman, sangat formal.
Layout Dalam Typografi
Kontur: Huruf menyesuaikan dengan bentuk symbol, silhouette foto, atauilustrasi. Kompleks, seringkali mahal dalam penyusunan teks.Dapat memberi perasaan nyaman dan menarik. Menggunakan lay‐outsirkus. Memerlukan teks yangmemadai.Run‐around: melingkunpi . Huruf membungkus sebuah foro segi empat.Lebar garis berubah‐ubah dalam buku, laporan tahunan, majalah.Asimetris: Tidak ada margin kiri dan kanan. Pola tidak dapat diperkirakansebelumnya. Menarik secara visual. Sulit untuk dibaca. Digunakan untukcopy yang terbatas. Bagus untuk system bisnis, judul, dan poster.Shaped (berbentuk): Penyusunan berdasarkan Gestalt dari gagasantentang continuation (kesinambungan). Aliran pandangan sepanjang garislengkung atau yang tak beraturan. Dapat dibuat lewat distorsi kamera atauhard‐setting. Ekspresif, digunakan hanya untuk teks yang singkat sepertipada system bisnis, poster. Masih jarang.
Layout Dalam Typografi
Concrete: Penyusunan huruf membentuk objek atau tindakan yangdiuraikan dalam teks. Juga disebut calligrammes. Dikembangkan olehpenyair konkrit perancis, Apollinaire, Lewis Carroll, E.E. Cummings.Meningkatkanmakna huruf. Sangat berpotensi.Huruf Vertikal: Huruf disusun secara vertical, sering digunakan untuk judul,pinggir buku, cover, dan tanda. Sayangnya sering salah penggunaan. Hati‐hati dalam menggunakan kata‐kata yang panjang atau headline secaravertical. Untuk teks hampir tak mungkin.Huruf yang Miring: Disusun dulu seperti pada salah satu pilihan alternativekemudian dimiringkan pada formatnya. Inklinasi (pemiringan huruf) dapatmempengaruhi target‐audience. Desainer dapat menarik perhatian pemirsapada pesan headline dengan menggerakkan/memiringkan di luar hal yangbiasa. Memberi asosiasi sesuatu yang inovatif, progresif. Huruf yang miringke kanan atas lebih nyaman dibaca daripada yang ke bawah. Namun agakdiragukan akan terasanyaman kalau seluruh buku seperti itu.
Layout Dalam Typografi
This story can fit 175‐225 words.The purpose of a newsletter is to provide specialized information to a targeted audience.
Newsletters can be a great way to market your product or service, and also create credibility and build your organization’s identity among peers, members, employees, or vendors.First, determine the audience of the newsletter.
This could be anyone who might benefit from the information it contains, for example, employees or people Interested in purchasing a product or requesting your service.
.
This story can fit 175-225 words.The purpose of a newsletter is to provide
specialized information to a targeted audience.
Newsletters can be a great way to market your product or service, and also create credibility and build your organization’s
identity among peers, members, employees, or vendors.
First, determine the audience of the newsletter.
This could be anyone who might benefit from the information it contains, for example, employees or people
Interested in purchasing a product or requesting your service.
Corbel/ Body 12 ptSejajar kiri
Adobe Garamond 13 ptTerpusat/ poros
Layout Dalam Typografi
This story can fit 175‐225 words.The purpose of a newsletter is to provide
specialized information to a targeted audience.
Newsletters can be a great way to market your product or service, and also create credibility and build your organization’s
identity among peers, members, employees, or vendors.
First, determine the audience of the newsletter.
This could be anyone who might benefit from the information it contains,
for example, employees or people Interested in purchasing a product or
requesting your service.
.
This story can fit 175-225 words.The purpose of a newsletter is to providespecialized information toa targeted audience.
Newsletters can be a great way to marketyour product or service, and also createcredibility and build your organization’sidentity among peers, members,employees, or vendors.First, determine the audience of thenewsletter.
This could be anyone who might benefitfrom the information it contains, forexample, employees or people Interested inpurchasing a product or requesting yourservice.
Corbel/ Body 12 ptSejajar kanan
Adobe Garamond 13 ptSejajar kiri dan kanan
Layout Dalam Typografi
This story can fit 175-225 words.The purpose of a newsletter is to provide
specialized information to a targeted audience.
Newsletters can be a great way to market your product or service, and also create
credibility and build your organization’s identity among peers, members,
employees, or vendors.First, determine the audience of the
newsletter.
This could be anyone who might benefit from the information it contains, for example, employees or people
Interested in purchasing a product or requesting your service.
.
This story can fit 175-225 words.The purpose of a newsletter is to provide specialized information to a targeted audience.
Newsletters can be a great way to market your product or service, and also create credibility and build your organization’s identity among peers, members, employees, or vendors.First, determine the audience of the newsletter.
This could be anyone who might benefit from the information it contains, for example, employees or people Interested in purchasing a product or requesting your service.
Apex 12 ptSejajar kanan
Amelia 14 ptSejajar kiri
Layout Dalam Typografi
This story can fit 175-225 words.The purpose of a newsletter is to provide specialized information to a targeted audience.
Newsletters can be a great way to market your product or service, and also create credibility and build your organization’s identity among peers, members, employees, or vendors.First, determine the audience of the newsletter.
This could be anyone who might benefit from the information it contains, for example, employees or people Interested in purchasing a product or requesting your service.
Arno Pro 14 ptSejajar kanan
Kontras pengunaan hurufdalam typografi
This story can fit 175-225 words.The purpose of a newsletter is to provide
specialized information to a targeted audience.
Apex dan CorbelKontras penggunaan huruf
This story can fit
175-225 words.The purpose of a newsletter is to provide specialized
information to a targeted audience.
Apex dan Arial BlackKontras penggunaan huruf
This story can fit 175-225 words.The purpose of a newsletter is to provide
specialized information to a targeted audience.
Apex dan CorbelKontras penggunaan hurufdan bidang
This story can fit
175-225 words.The purpose of a newsletter is to provide specialized
information to a targeted audience.
Apex dan Arial BlackKontras penggunaan huruf
Kontras pengunaan hurufdalam typografi
Kontras huruf dan tata letak
Pergerakan arah matadalam membaca tulisan
Point interest :Titik awal mata bergerakmembaca tulisan.
Kecepatan konstan dengansusunan baris teratur
Pola membaca dari kiri / kanansejajar, horizontal
Kemudahan, kenyamanan,Kejelasan
Impresi bersih, eksklusif, formal
This story can fit 175‐225 words.The purpose of a newsletter is to provide specialized information to a targeted audience.
Newsletters can be a great way to market your product or service, and also create credibility and build your organization’s identity among peers, members, employees, or vendors.First, determine the audience of the newsletter.
This could be anyone who might benefit from the information it contains, for example, employees or people Interested in purchasing a product or requesting your service.
.
Corbel/ Body 12 ptSejajar kanan
Pergerakan arah matamembaca tulisan
Point interest :Titik awal mata bergerakmembaca tulisan.
Mengarah pada satu titik yangmempengaruhi mata, adanyaVisual
Bergerak diagonal, menurunMengikuti alur pola tata letakAntara tulisan dan visual
This story can fit 175‐225 words.The purpose of a newsletter is to provide specialized information to a targeted audience.
Newsletters can be a great way to market your product or service,
This could be anyone who might benefit from the information it contains, for example, employees or people Interested in purchasing a product or requesting your service.
.
Corbel/ Body 12 ptSejajar kanan
Pergerakan arah matamembaca tulisan
Point interest :Titik awal mata bergerakmembaca tulisan dari atas.
Kecepatan konstan dengansusunan baris berbentuk kolomMenyelesaikan bacaan
Bergerak berlawanan arahSecara diagonal
Mencari akhir dari kalimat.
Format; majalah, koran
This story can fit 175‐225 words.The purpose of a newsletter is to provide specialized information to a targeted audience.
Newsletters can be a great way to market your product or service, and also create credibility and build your organization’s identity among peers, members, employees, or vendors.First, determine the
audience of the newsletter.
This could be anyone who might benefit from the information it contains, for example, employees or people Interested in purchasing a product or requesting your service.
.
Corbel/ Body 12 ptSejajar kanan
Pergerakan arah matamembaca tulisan
Point interest :Titik awal mata bergerakmembaca tulisan dari atas.
Kecepatan konstan dengansusunan baris berbentukLebih dari dua kolom
Format teratur susunankatalog/ direktori
This story can fit 175‐225 words.The purpose of a newsletter is to provide specialized information to targeted audienc.
Newsletters can be a great way to market your product
or service, and also create credibility and build your organization’s identity among peers, members, employees, or vendors.First, determine the anyone who might benefit from the
information it containsfor example employees or people Interested in
Corbel/ Body 12 ptSejajar kanan
Pergerakan arah matamembaca tulisan
Point interest :Titik awal mata bergerakmembaca tulisan dari atas.
Kecepatan melambat, adanyaJeda diantara body text/ naskahDengan visual insert/
Terkadang minat baca di awaliDengan melihat visual sebagaiAksentuasi
This story can fit 175‐225 words.The purpose of a
newsletter is to provide specialized information to targeted audienc.
Newsletters can be a
great way to market your product or service, and also create credibility and build your organization’s identity among peers, members,
employees, or vendors.
First, determine the anyone who
might benefit from the information it containsfor example employees or people Interested in
Corbel/ Body 12 ptSejajar kanan
Pergerakan arah matamembaca tulisan
Point interes :Titik awal mata bergerakMencari bentuk dominan;Diantara gambar atau judul
Bergerak mengikuti polaMenurun body text, diakhiriBerupa keterangan/ captions
Pergerakan mata mencariTingkat kepentingan objekYang akan di lihat.
This story can fit 175‐225 words.The purpose of a
newsletter is to provide specialized information to targeted audienc.
Newsletters can be a great way to market your product or service, and also create credibility and build your organization’s identity among peers, members,
employees, or vendors.First, determine the anyonewho
might benefit from the information it containsfor example employees or people Interested in
Corbel/ Body 12 ptSejajar kanan
Pergerakan arah matamembaca tulisan
Point interes :Dua pola susunanYang berbeda dapatDirasakan denganPergerakan mata
Horizontal / vertical
Menyebar
Bahasa visual dibangun atas tiga unsur/ elemen visual ;Image – ( gambar, ilustrasi, foto, …)Form/ Shape – ( bentuk vector gambar geometri, garis, bidang, titik , …)Text/ Type – ( naskah, tulisan, huruf, …)
BahasaVisual ( visual language )
FORM TEXT
IMAGE
SHAPE/FORMTEXTBentuk Geometris, Simbol, Diagram, …
Naskah, Judul, Caption, Notes, ….
IMAGEIlustrasi ‐ Fotografi ‐ Gambar ‐ Cliptart,…
The quickt to promo with image
The quick promo with image
Integrasi Image – Shape ‐Text
Pergerakan arah matamembaca tulisan
Point interest :Simple, kuat bertahan lamaDapat memberikan inspiratifTerhadap perkembanganKe arah moderen/ masa kini.
Horizontal / vertical
Pergerakan arah matamembaca tulisan
Point interest : Terpusat pada kelompokgambar pada posisi tengah.Aksentuasi dikombinasikanAntara susunuan huruf dangambar.
Gaya pop art / komik yang banyak dipergunakan sebagaipendekatan desai di masa kini
Pergerakan arah matamembaca tulisan
Point interest :Gaya bebas denganGambar/ ilustrasi anak,Imajinatif, menyampaikanPesan dan kesederhanaan
Pergerakan arah matamembaca tulisan
Point interest : Dua pola kelompok susunanHuruf sebagai judul danidentitas serta ilustrasi tunggalDengan gaya dekoratif/ silhuet
Pergerakan arah matamembaca tulisan
Point interest :Penekanan huruf dengan teknikGlow penegasan makna padaKarakter huruf
Pergerakan arah matamembaca tulisan
Point interest :Memainkan tata letakAntara huruf dan gambarGuna mencapai komposisiDan keseimbanganDalam suatu bidang poster.
Fokus terlihat pada objekHitam terpusat.
Pergerakan arah matamembaca tulisan
Point interest :Penekanan objek dimulaiDari arah atas denganMenyajikan kesan/ impresiKarakter produk
Karakter huruf danImplementasi Pada Media
Objektives :Peranan karakter huruf tidak sekedarkosmetik estetika, karakter dapat mewakili makna,Pengertian dari konsep pesan yang disampaikan.
Dapat memberikan kejelasan, keterbacaan danKetegasan yangmewakili bahasa visual
Harmoni , kombinasi menciptakan citra kesatuanDengan Unsur/ elemen visual lainnya
Mampumerekam daya ingat yang baik/ lamadalam pikiran Pemirsa/ audience/ konsumen
Aktual, impresi, sensasi, memorable, disukai danBisa jadi inspiratif
Karakter huruf danImplementasi Pada Media
Objektives :Peranan karakter huruf tidak sekedarkosmetik estetika, karakter dapat mewakili makna,Pengertian dari konsep pesan yang disampaikan.
Dapat memberikan kejelasan, keterbacaan danKetegasan yangmewakili bahasa visual
Harmoni , kombinasi menciptakan citra kesatuanDengan Unsur/ elemen visual lainnya
Mampumerekam daya ingat yang baik/ lamadalam pikiran Pemirsa/ audience/ konsumen
Aktual, impresi, sensasi, memorable, disukai danBisa jadi inspiratif