Tipografi Aplikasi

De Maulana Anggakarti

Tipografi Dasar dan Aplikasi Dalam Media Promosi dan Informasi

Program Studi Desain Grafis | Periklanan | Multimedia Fakultas Desain Komunikasi Visual | Universitas Widyatama Bandung ,  Oktober ‐ 2008

Tipografi sebagai citra/ image ƒ ƒ ƒ ƒ ƒ ƒ ƒ ƒ

Symbol/ Lambang / Tanda Menyampaikan bunyi / pesan/ informasi Sebagai atribut/ identitas Media / elemen dalam visual Karakteristik bentuk dan impresi Kredibilitas Fungsi Kejelasan dan ketegasan

Prinsip dalam tipografi Konsep fundamental memecahkan masalah typografi adalah;  ƒ Yaitu konsep tentang kontras huruf yang  jelas dan tegas ƒ Dapat membandingkan dua efek visual yang berlawanan untuk memperjelas konsep tersebut pada target audience.  ƒ Kontras adalah kutub dinamis yang  membantu memperjelas gagasan grafis.   ƒ Kontras adalah kekuatan visual yang dapat menyederhanakan proses komunikasi.

ƒ Saat memilih huruf yang  membawa/mengandung suatu gagasan harus berhati‐hati dalam membatasi pilihan. ƒ Sering semua jenis huruf dalam ukuran yang  sama cukup memecahkan masalah secara efektif.  ƒ Lebih dari dua jenis huruf dapat mengeruhkan kontras yang sudah jelas. ƒ Pemirsa harus segera dapat mengenali kontras huruf. Sebab tanpa itu intensitas pesan visual dapat hilang. Exaggeration (berlebihan)  efektif.

Readability  | Keterbacaan Kemudahan dalam membaca pesan pada setiap media promosi dan informasi. Relevansi dengan penyusunan, pemilihan , perancangan huruf. ƒ Keterbacaan meliputi rancang desain dari keseluruhan tampilan visual, hubungan yang kompleks antara satuan huruf, kata dan kalimat dengan bentuk lain seperti symbol, icon, foto, dan ilustrasi. ƒ Penggunaan setiap karakter ; kontras, seimbang, irama dan kesatuan ƒ

Legibility | Kejelasan ƒ Berhubungan dengan pemilihan, pengaturan atau merancang dengan menggunakan elemen huruf.  ƒ Kejelasan relevansi dengan kecepatan/waktu dalam mengenali atau membaca bentuk/ susunan huruf pada setiap media.  ƒ Ketepatan dalam penyesuaian pada setiap karakter media   yang dipergunakan sebagai bentuk menyampaikan pesan

Legibility | Kejelasan ƒ Berhubungan dengan pemilihan, pengaturan atau merancang dengan menggunakan elemen huruf.  ƒ Kejelasan relevansi dengan kecepatan/waktu , ketajaman dalam mengenali atau membaca bentuk/ susunan huruf pada setiap media.  ƒ 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 antara garis tebal dan tipis. Huruf bersambungan/berhubungan, mengalir,  cenderung miring.

THE QUICK BROWN fox jumps over

Dekoratif/ Art : Dirancang sebagai bentuk berhias, modifikasi estetik Memenuhi kebutuhan tertentu The Quick Brown Fox Jumps Over The Lazy Dog

Identifikasi | Kelompok Huruf

TITANIC

TITANIC

Shape

Nama huruf sering berasal dari nama perancangnya, dari

(Bentuk)

karakter fisik bentuknya, atau dari tujuan huruf itu dibuat.

Ukuran

Ukuran vertical huruf disebut point. Tinggi diukur dari huruf besar.

Weight

Lebar garis yang membentuk setiap huruf. Istilah yang

(Bobot)

digunakan adalah light (tipis), medium (sedang), bold (tebal),

TITANIC TITANIC TITANIC

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

Sudut kemiringan huruf. Bisa vertical (tegak) atau italic

(Kemiringan)

(miring).

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 sekitar ƒ 18 ‐ 24 pica (sekitar 10 – 12 kata perbaris) adalah yang paling mudah terbaca. ƒ Hati‐hati dengan jarak antar baris yang terlalu rapat. Semua jenis huruf lebih mudah terbaca jika jarak antar baris sekitar 1 hingga 4 point. Huruf yang tebal memerlukan leading lebih besar. ƒ Teks yang tebalnya sedang lebih terbaca dibandingkan teks yang terlalu tipis 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 lebih dipilih oleh pembaca.

Petunjuk dan fakta dalam aplikasi typografi ƒ Penyusunan huruf yang tidak rata kiri‐kanan lebih menguntungkan, karena mengurangi biaya produksi, lebih mudah dikoreksi, mata lebih santai dengan satu sisi margin. ƒ Penyusunan dengan huruf besar semua mengurangi kecepatan baca sekitar 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 terakhir suatu paragraf yang hanya terdiri dari satu kata. ƒ Judul dengan huruf normal (besar dan kecil) lebih mudah dibaca dibandingkan 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 tebal adalah yang terbaik. Hati‐hati dengan huruf serif dengan kontras tebal‐tipis yang ekstrim. Huruf skrip yang halus dan huruf teks kurang memuaskan.  Gambar televise dibuat dengan menscan cahaya dan sangat tidak efektif dalam menangkap serif yang halus, garis atau detail. Huruf dengan sudut tajam cenderung membuat detail kadang‐kadang hilang. Perlu mencoba huruf dengan mengintip/melihat lewat monitor sebelum menyelesaikannya. Untuk typografi di luar ruangan. Huruf tebal paling sesuai karena harus dibaca dalam waktu singkat. Kejelasan dan keterbacaan sangatlah penting.  Tulisan dalam billboard sebaiknya kurang dari 7 kata. Hindari huruf skrip dengan teks. Hati‐hati dengan penyusunan huruf besar semua kecuali untuk kata tunggal. 

Kunci Dasar Memecahkan Masalah Typografi KECIL – BESAR Kontras berdasarkan ukuran. Besar terhadap kecil. Skala (perbandingan ukuran huruf) juga memainkan peranan. TEBAL – TIPIS Kontras berdasarkan ketebalan. Tipis terhadap tebal. Hitam terhadap kelabu. Lemah terhadap kuat. KERAS – LEMBUT Kontras berdasarkan kelenturan. Kita dapat merasakan bentuk, dan sudut huruf. SEMPIT - LEBAR Kontras berdasarkan ukuran horizontal huruf. Menutup terhadap membuka. Sempit terhadap lebar. Ketat terhadap longgar.

Kunci Dasar Memecahkan Masalah Typografi TEGAK – MIRING Kontras berdasarkan tingkat stabil ke dinamis. Diam terhadap tegak. PADAT – OUTLINE/RANGKA Kontras dari penuh menuju kosong, positif terhadap negatif, padam terhadap menyala, hitam terhadap putih, ya terhadap tidak. PADAT – TERPECAH Kontras 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 kiri saja, 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 spasi huruf. Susah untuk diperbaiki. Rata kanan: Bagian kiri bergerigi. Sangat lemah bagian kiri margin untuk mengembalikan arah mata. Hanya sesuai untuk informasi singkat seperti teks 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 yang menarik. Sering digunakan untuk teks yang pendek seperti system bisnis, undangan, pengumuman, sangat formal.

Layout Dalam Typografi Kontur: Huruf menyesuaikan dengan bentuk symbol, silhouette foto, atau ilustrasi. Kompleks, seringkali mahal dalam penyusunan teks. Dapat memberi perasaan nyaman dan menarik. Menggunakan lay‐out sirkus. Memerlukan teks yang memadai. 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 diperkirakan sebelumnya. Menarik secara visual. Sulit untuk dibaca. Digunakan untuk copy yang terbatas. Bagus untuk system bisnis, judul, dan poster. Shaped (berbentuk): Penyusunan berdasarkan Gestalt dari gagasan tentang continuation (kesinambungan). Aliran pandangan sepanjang garis lengkung atau yang tak beraturan. Dapat dibuat lewat distorsi kamera atau hard‐setting. Ekspresif, digunakan hanya untuk teks yang singkat seperti pada system bisnis, poster. Masih jarang.

Layout Dalam Typografi Concrete: Penyusunan huruf membentuk objek atau tindakan yang diuraikan dalam teks. Juga disebut calligrammes. Dikembangkan oleh penyair konkrit perancis, Apollinaire, Lewis Carroll, E.E. Cummings. Meningkatkan makna 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 secara vertical. Untuk teks hampir tak mungkin. Huruf yang Miring: Disusun dulu seperti pada salah satu pilihan alternative kemudian dimiringkan pada formatnya. Inklinasi (pemiringan huruf) dapat mempengaruhi target‐audience. Desainer dapat menarik perhatian pemirsa pada pesan headline dengan menggerakkan/memiringkan di luar hal yang biasa. Memberi asosiasi sesuatu yang inovatif, progresif. Huruf yang miring ke kanan atas lebih nyaman dibaca daripada yang ke bawah. Namun agak diragukan akan terasanyaman kalau seluruh buku seperti itu.

Layout Dalam Typografi

Corbel/ Body 12 pt Sejajar kiri

Adobe Garamond 13 pt Terpusat/ poros

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

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. 

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 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.

Layout Dalam Typografi

Corbel/ Body 12 pt Sejajar kanan

Adobe Garamond 13 pt Sejajar kiri dan kanan

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

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. 

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 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.

Layout Dalam Typografi

Apex 12 pt Sejajar kanan

Amelia 14 pt Sejajar kiri

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

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.

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 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.

Layout Dalam Typografi Arno Pro 14 pt Sejajar kanan

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.

Kontras pengunaan huruf dalam typografi

Apex dan Corbel Kontras penggunaan huruf

Apex dan Arial Black Kontras penggunaan huruf

This story can fit  175-225 words. The purpose of a

This story can fit

newsletter is to provide  specialized 

information

to a targeted audience.

175-225 words.

The purpose of a

newsletter is to provide specialized

information to a targeted audience.

Kontras pengunaan huruf dalam typografi

Apex dan Corbel Kontras penggunaan huruf dan 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 Black Kontras penggunaan huruf

This story can fit

175-225 words.

The purpose of a

newsletter is to provide specialized

information to a targeted audience.

Kontras huruf dan tata letak

Pergerakan arah mata dalam membaca tulisan Point interest : Titik awal mata bergerak membaca tulisan. Kecepatan konstan dengan susunan baris teratur Pola membaca dari kiri / kanan sejajar, horizontal Kemudahan, kenyamanan, Kejelasan Impresi bersih, eksklusif, formal

Corbel/ Body 12 pt Sejajar kanan 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. . 

Pergerakan arah mata membaca tulisan Point interest : Titik awal mata bergerak membaca tulisan.

Corbel/ Body 12 pt Sejajar kanan

Mengarah pada satu titik yang mempengaruhi mata, adanya 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, 

Bergerak diagonal, menurun Mengikuti alur pola tata letak Antara tulisan dan visual

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. . 

Pergerakan arah mata membaca tulisan Point interest : Titik awal mata bergerak membaca tulisan dari atas. Kecepatan konstan dengan susunan baris berbentuk kolom Menyelesaikan bacaan Bergerak berlawanan arah Secara diagonal Mencari akhir dari kalimat. Format; majalah, koran

Corbel/ Body 12 pt Sejajar kanan This story can fit 175‐ 225 words. The purpose of a  newsletter is to  provide specialized  information to  a targeted audience. 

audience of the  newsletter. 

This could be anyone  who might benefit  from the information it  contains,  for example,  Newsletters can be a  employees or people  great way to market  Interested in  purchasing a product  your product or  or requesting your  service, and also  create credibility and  service. build your  organization’s identity  .  among peers,  members,  employees, or  vendors. First, determine the 

Pergerakan arah mata membaca tulisan Point interest : Titik awal mata bergerak membaca tulisan dari atas. Kecepatan konstan dengan susunan baris berbentuk Lebih dari dua kolom Format teratur susunan katalog/ direktori

Corbel/ Body 12 pt Sejajar kanan

This  story  can fit  175‐225  words. The  purpose  of a  newslett er is to  provide  specializ ed  informat ion to  targeted  audienc.  Newslet ters can  be a  great  way to  market  your  product 

or  service,  and also  create  credibilit y and  build  your  organiza tion’s  identity  among  peers,  member s,  employe es, or  vendors. First,  determi ne the  anyone  who  might  benefit  from the 

informat ion it  contains for  example  employe es or  people  Interest ed in

Pergerakan arah mata membaca tulisan Point interest : Titik awal mata bergerak membaca tulisan dari atas. Kecepatan melambat, adanya Jeda diantara body text/ naskah Dengan visual insert/ Terkadang minat baca di awali Dengan melihat visual sebagai Aksentuasi

Corbel/ Body 12 pt Sejajar kanan

This  story  can fit  175‐225  words. The  purpose  of a 

newslett er is to  provide  specializ ed  informat ion to  targeted  audienc.  Newslet ters can  be a 

great  way to  market  your  product  or  service,  and also  create  credibilit y and  build  your  organiza tion’s  identity  among  peers,  member s, 

employe es, or  vendors.

First,  determi ne the  anyone  who 

might  benefit  from the  informat ion it  contains for  example  employe es or  people  Interest ed in

Pergerakan arah mata membaca tulisan Point interes : Titik awal mata bergerak Mencari bentuk dominan; Diantara gambar atau judul Bergerak mengikuti pola Menurun body text, diakhiri Berupa keterangan/ captions Pergerakan mata mencari Tingkat kepentingan objek Yang akan di lihat.

Corbel/ Body 12 pt Sejajar kanan

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 contains for example employees or people  Interested in

Pergerakan arah mata membaca tulisan Point interes : Dua pola susunan Yang berbeda dapat Dirasakan dengan Pergerakan mata Menyebar Horizontal / vertical

Bahasa Visual ( visual language )

IMAGE

FORM

TEXT

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, …)

Integrasi Image – Shape ‐ Text 

Ilustrasi ‐ Fotografi ‐ Gambar ‐ Cliptart,…

IMAGE SHAPE/FORM Bentuk Geometris, Simbol, Diagram, …

TEXT Naskah, Judul, Caption, Notes, ….

The quickt to The quick promo promo with with image image

Pergerakan arah mata membaca tulisan Point interest : Simple, kuat bertahan lama Dapat memberikan inspiratif Terhadap perkembangan Ke arah moderen/ masa kini.

Horizontal / vertical

Pergerakan arah mata membaca tulisan Point interest :  Terpusat pada kelompok gambar pada posisi tengah. Aksentuasi dikombinasikan Antara susunuan huruf dan gambar. Gaya pop art / komik yang  banyak dipergunakan sebagai pendekatan desai di masa kini

Pergerakan arah mata membaca tulisan Point interest : Gaya bebas dengan Gambar/ ilustrasi anak, Imajinatif, menyampaikan Pesan dan kesederhanaan

Pergerakan arah mata membaca tulisan Point interest :  Dua pola kelompok susunan Huruf sebagai judul dan identitas serta ilustrasi tunggal Dengan gaya dekoratif/ silhuet

Pergerakan arah mata membaca tulisan Point interest : Penekanan huruf dengan teknik Glow penegasan makna pada Karakter huruf

Pergerakan arah mata membaca tulisan Point interest : Memainkan tata letak Antara huruf dan gambar Guna mencapai komposisi Dan keseimbangan Dalam suatu bidang poster. Fokus terlihat pada objek Hitam terpusat.

Pergerakan arah mata membaca tulisan Point interest : Penekanan objek dimulai Dari arah atas dengan Menyajikan kesan/ impresi Karakter produk

Karakter huruf dan Implementasi Pada Media Objektives : Peranan karakter huruf tidak sekedar kosmetik estetika, karakter dapat mewakili makna, Pengertian dari konsep pesan yang disampaikan. Dapat memberikan kejelasan, keterbacaan dan Ketegasan yang mewakili bahasa visual Harmoni , kombinasi menciptakan citra kesatuan Dengan Unsur/ elemen visual lainnya Mampu merekam daya ingat yang baik/ lama dalam pikiran Pemirsa/ audience/ konsumen Aktual, impresi, sensasi, memorable, disukai dan Bisa jadi inspiratif

Karakter huruf dan Implementasi Pada Media Objektives : Peranan karakter huruf tidak sekedar kosmetik estetika, karakter dapat mewakili makna, Pengertian dari konsep pesan yang disampaikan. Dapat memberikan kejelasan, keterbacaan dan Ketegasan yang mewakili bahasa visual Harmoni , kombinasi menciptakan citra kesatuan Dengan Unsur/ elemen visual lainnya Mampu merekam daya ingat yang baik/ lama dalam pikiran Pemirsa/ audience/ konsumen Aktual, impresi, sensasi, memorable, disukai dan Bisa jadi inspiratif