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.


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 .


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.


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.


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.


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


This story can fit 175‐225 words.The purpose of a newsletter is to provide


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




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.



Apex 12 ptSejajar kanan

Amelia 14 ptSejajar kiri


This story can fit 175-225 words.The purpose of a newsletter is to provide specialized information to a targeted audience.



Arno Pro 14 ptSejajar kanan

Kontras pengunaan hurufdalam typografi



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



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




.


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


Newsletters can be a great way to market your product or service,


.



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


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.


.




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




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



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



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


Point interest :Simple, kuat bertahan lamaDapat memberikan inspiratifTerhadap perkembanganKe arah moderen/ masa kini.

Horizontal / vertical


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


Point interest :Gaya bebas denganGambar/ ilustrasi anak,Imajinatif, menyampaikanPesan dan kesederhanaan


Point interest : Dua pola kelompok susunanHuruf sebagai judul danidentitas serta ilustrasi tunggalDengan gaya dekoratif/ silhuet


Point interest :Penekanan huruf dengan teknikGlow penegasan makna padaKarakter huruf


Point interest :Memainkan tata letakAntara huruf dan gambarGuna mencapai komposisiDan keseimbanganDalam suatu bidang poster.

Fokus terlihat pada objekHitam terpusat.


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

Tipografi Aplikasi

Documents

Transcript of Tipografi Aplikasi