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 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.
TITANIC Weight Lebar garis yang membentuk setiap huruf. Istilah yang
(Bobot) digunakan adalah light (tipis), medium (sedang), bold (tebal),

TITANIC
dan extra-bold (tebal sekali). Diukur berdasarkan skala
kehitaman atau kerapatannya.
Widht (Lebar) Lebar huruf (ukuran horisontalnya). Istilah yang digunakan

TITANIC adalah CONDENSED (melebar). Skala visual dari sempit hingga

lebar.
Slope Sudut kemiringan huruf. Bisa vertical (tegak) atau italic
TITANIC (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 Adobe Garamond 13 pt

Sejajar kiri Terpusat/ poros

This story can fit 175‐225 words. This story can fit 175-225 words.

The purpose of a newsletter is to provide  The purpose of a newsletter is to provide
specialized information to  specialized information to
a targeted audience.  a targeted audience.

Newsletters can be a great way to market  Newsletters can be a great way to market

your product or service, and also create  your product or service, and also create
credibility and build your organization’s  credibility and build your organization’s
identity among peers, members, 
identity among peers, members,
employees, or vendors.
First, determine the audience of the 
employees, or vendors.
newsletter.  First, determine the audience of the
newsletter.
This could be anyone who might benefit 
from the information it contains,  This could be anyone who might benefit
for example, employees or people  from the information it contains,
Interested in purchasing a product or  for example, employees or people
requesting your service. Interested in purchasing a product or
requesting your service.
. 
Layout Dalam Typografi

Corbel/ Body 12 pt Adobe Garamond 13 pt

Sejajar kanan Sejajar kiri dan kanan

This story can fit 175‐225 words. This story can fit 175-225 words.

The purpose of a newsletter is to provide  The purpose of a newsletter is to provide
specialized information to  specialized information to
a targeted audience.  a targeted audience.

Newsletters can be a great way to market  Newsletters can be a great way to market

your product or service, and also create  your product or service, and also create
credibility and build your organization’s  credibility and build your organization’s
identity among peers, members, 
identity among peers, members,
employees, or vendors.
First, determine the audience of the 
employees, or vendors.
newsletter.  First, determine the audience of the
newsletter.
This could be anyone who might benefit 
from the information it contains,  This could be anyone who might benefit
for example, employees or people  from the information it contains, for
Interested in purchasing a product or  example, employees or people Interested in
requesting your service. purchasing a product or requesting your
service.
. 
Layout Dalam Typografi
Apex 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.
. 
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.
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.
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 Apex dan Arial Black

Kontras penggunaan huruf Kontras penggunaan huruf

This story can fit  This story can fit

175-225 words.
The purpose of a
175-225
newsletter is to provide 
words.
specialized  information The purpose of a
to newsletter is to provide specialized

a targeted information to
audience. a targeted audience.
Kontras pengunaan huruf
dalam typografi

Apex dan Corbel Apex dan Arial Black

Kontras penggunaan huruf Kontras penggunaan huruf
dan bidang

This story can fit  This story can fit

175-225 words.
The purpose of a
175-225
newsletter is to provide 
words.
specialized  information The purpose of a
to newsletter is to provide specialized

a targeted information to
audience. 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 Corbel/ Body 12 pt
membaca tulisan. Sejajar kanan

Mengarah pada satu titik yang This story can fit 175‐225 words.

The purpose of a newsletter is to provide 
mempengaruhi mata, adanya specialized information to 
Visual a targeted audience. 

Newsletters can be a great way to market 
Bergerak diagonal, menurun your product or service, 
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‐ audience of the 
225 words. newsletter. 
The purpose of a 
newsletter is to  This could be anyone 
provide specialized  who might benefit 
information to  from the information it 
a targeted audience.  contains, 
for example, 
Newsletters can be a  employees or people 
great way to market  Interested in 
your product or  purchasing a product 
service, and also  or requesting your 
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 : Corbel/ Body 12 pt This  or  informat

Sejajar kanan story  service,  ion it 
Titik awal mata bergerak can fit  and also  contains
membaca tulisan dari atas. 175‐225  create  for 
words. credibilit example 
The  y and  employe
Kecepatan konstan dengan purpose  build  es or 
of a  your  people 
susunan baris berbentuk newslett organiza Interest
Lebih dari dua kolom er is to  tion’s  ed in
provide  identity 
specializ among 
Format teratur susunan ed  peers, 
informat member
katalog/ direktori ion to  s, 
targeted  employe
audienc.  es, or 
vendors.
Newslet First, 
ters can  determi
be a  ne the 
great  anyone 
way to  who 
market  might 
your  benefit 
product  from the 
Pergerakan arah mata
membaca tulisan

Point interest : Corbel/ Body 12 pt This  great  First, 

Sejajar kanan story  way to  determi
Titik awal mata bergerak can fit  market  ne the 
membaca tulisan dari atas. 175‐225  your  anyone 
words. product  who 
The  or 
Kecepatan melambat, adanya purpose  service, 
of a  and also 
Jeda diantara body text/ naskah create 
Dengan visual insert/ credibilit
y and  might 
build  benefit 
Terkadang minat baca di awali your  from the 
newslett organiza informat
Dengan melihat visual sebagai er is to  tion’s  ion it 
Aksentuasi provide  identity  contains
specializ among  for 
ed  peers,  example 
informat member employe
ion to  s,  es or 
targeted  people 
audienc.  Interest
ed in
Newslet employe
ters can  es, or 
be a  vendors.
Pergerakan arah mata
membaca tulisan

Point interes : Corbel/ Body 12 pt This story can fit 175‐225 

Sejajar kanan words.
Titik awal mata bergerak
The purpose of a 
Mencari bentuk dominan;
Diantara gambar atau judul newsletter is to provide specialized 
information to 
targeted audienc. 
Bergerak mengikuti pola
Newsletters can be a great way to 
Menurun body text, diakhiri market your product or service, 
Berupa keterangan/ captions and also create credibility and build 
your organization’s identity among 
peers, members, 
Pergerakan mata mencari
employees, 
Tingkat kepentingan objek or vendors.
First, 
Yang akan di lihat. 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 Horizontal / vertical
Dapat memberikan inspiratif
Terhadap perkembangan
Ke arah moderen/ masa kini.
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