Tipograf/Teks

dalam Multimedia

Kelompok 8
Afdholia Nurul A

(13144600098)

Alya Ulfa Mustafaf (13144600118)

Tipograf dalam Multimedia

Tipograf
Tipograf (typography) adalah ilmu
yang mempelajari tentang huruf. Latar
belakang tipograf dimulai sejak usaha
manusia
berusaha
menuangkan
pesan-pesan yang ingin disampaikan
kepada orang melalui tulisan.

PPI
2

Tipograf dalam Multimedia

Tipograf merupakan elemen multimedia

yang
menjadi
dasar
utama
dalam
menyampaikan informasi, karena teks
adalah jenis data yang paling sederhana
dan membutuhkan tempat penyimpanan
yang paling kecil. Teks yang terdapat pada
sebuah software ada berbagai macam,
seperti : Times New Roman, Arial, Calibri,
Comic sans dan lain-lain.

PPI
2

Tipograf dalam Multimedia

Prinsip tipograf
1. Legibility
Kualitas pada huruf membuat huruf tersebut dapat dibaca.
2. Readability
Penggunaan huruf dengan memperlihatkan hubungannya
dengan huruf lain sehingga terbaca.
3. Visibility
Kemampuan suatu huruf, kata, dan kalimat dalam suatu
karya komunikasi visual dapat terbaca dalam jarak
tertentu.
4. Clarity
Kemampuan huruf-huruf dalam karya desain dapat
dibaca dan dimengerti oleh pengamat yang dituju.
PPI
2

Tipograf dalam Multimedia

Anatomi Huruf
Setiap bentuk huruf memiliki keunikan
fsik yang dapat membedakan antara huruf
satu
dengan
yang
lainnya.
Korelasi
komponen visual satu dengan yang lainnya
membentuk satu kesatuan (gestalt). Teori
Gestalt, salah satu hukumnya menyatakan
bahwa untuk membaca gambar diperlukan
adanya kontras antara ruang positif yang
disebut dengan figur dan ruang terminal
yang disebut dengan ground.
PPI
2

Tipograf dalam Multimedia

Huruf dapat dikelompokkan menjadi

2 jenis, yaitu huruf besar (upper case
atau capital letter) dan huruf kecil
(lower case). Huruf juga dapat
dikelompokkan menjadi tiga, yaitu
huruf berkait (serif), huruf tak berkait
(sansserif ) dan huruf latin (script).
Menurut Danton Sihombing (2001),
terminologi umum yang dipakai untuk
penamaan setiap komponen visual
PPI
huruf
adalah seperti yang terlihat pada
2
gambar.

Tipograf dalam Multimedia

PPI
2

Tipograf dalam Multimedia

Sementara Freddy Adiono Basuki

(2000) memberikan istilah untuk
anatomi huruf seperti yang terlihat
pada gambar berikut:

PPI
2

Tipograf dalam Multimedia

Dalam tipografi dikenal istilah karakter yang tidak

hanya berupa huruf namun terdiri dari huruf (Alphabet),
tanda baca (Special Symbol) dan angka (Number).
Perpaduan angka huruf dan angka sering disebut
alphanumeric. Semua karakter secara optis rata dengan
base line, tinggi badan huruf kecil secara optis rata
dengan x-height. Setiap karakter memiliki batang
(stem/stein) dengan ujung-ujungnya yang mempunyai
garis akhir sebagai penutup disebut terminal.

PPI
2

Tipograf dalam Multimedia

Pada dasarnya setiap huruf merupakan kombinasi dari berbagai guratan
garis (stroke) yang menjadi guratan garis dasar (basic stroke) dan guratan
garis sekunder (secondary stroke).

I+=F
Basic stroke
PPI
2

Secondary stroke

Tipograf dalam Multimedia

Ditinjau dari sudut geometri, garis dasar yang

mendominasi struktur huruf dibagi dalam 4 kelompok
besar

1. Kelompok garis
2. Kelompok garis
Z, X, Y, W)
3. Kelompok garis
4. Kelompok garis

PPI
2

tegak datar (E, F, H, I, L)

tegak miring (A, K, M, N, V,
miring (B, D, G, J, P, R, U)
lengkung (C, O, Q, S).

Tipograf dalam Multimedia

Ditinjau dari hukum persepsi teori Gestalt, huruf

memiliki ruang dasar yaitu figure dan ground.
Ruang negatif dari seluruh huruf dapat
dikelompokkan menjadi tiga
1. Ruang negatif bersudut lengkung (B, C, D, T, G,
O, P, Q, R, S, U)
2. Ruang negatif bersudut persegi empat (E, F, H,
I, L, T)
3. Ruang negatif bersudut persegi tiga (A, K, M,
N, V, W, X, Y, Z)

PPI
2

Tipograf dalam Multimedia

BAGIAN JENIS HURUF

PPI
2

Tipograf dalam Multimedia

PPI
2

Tipograf dalam Multimedia

Pengelompokkan Huruf
Huruf tak berkait (Sans Serif)

Adalah bentuk huruf yang tidak memiliki kait, bertangkai tebal,

sederhana, dan lebih mudah dibaca. Ciri lain jenis huruf ini adalah
tidak memiliki stroke/ekor. Ujungnya bisa berbentuk tumpul
(rounded corner) atau tajam. Sifat huruf ini kurang formal, lebih
hangat, dan bersahabat. Sans-Serif biasanya sangat cocok untuk
screen-font (untuk tampilan dilayar monitor) karena tajam dan
gampang dibaca. Bentuk huruf Sans-Serif yang paling pupuler
adalah Helvetica dan Arial

Aa
PPI
2

Tipograf dalam Multimedia

Huruf Berkait (Serif)

Adalah bentuk huruf yang memiliki kait, dengan

ketebalan yang kontras. Jenis huruf (typefaces)
dengan stroke menghiasi jenis huruf ini. Jenis ini
merupakan
huruf
yang
formal.
Serif
mengekspresikan organisasi dan intelektualitas.
Sangat anggun dan konservatif. Contoh paling
umum adalah times.

Aa
PPI
2

Tipograf dalam Multimedia

Huruf Tulis/Latin (Script)

Jenis ini merupakan dasar dari bentuk yang ditulus dengan
tangan, kontras tebal dan tipisnya sedikit, saling berhubungan
dan mengalir. Bentuk huruf yang menyerupai tulisan tangan.
Jenis huruf ini juga sering disebut Kursif (Cursive). Memberikan
kesan keanggunan dan sentuhan pribadi.

Kanpmann
BT
PPI
2

Aa

Commercial
Script BT

Brush
Script BT

Tipograf dalam Multimedia

Dekoratif
(Decorative)
Bentuk huruf yang sangat rumit desainnya.
Bentuk huruf ini akan sangat memusingkan jika
dipakai sebagai body text, dan hanya cocok untuk
dipakai untuk headline. Jenisnya sangat banyak.
Jenis decorative biasanya paling cocok digunakan
untuk judul, dan lebih baik jangan digunakan
sebagai body text/body copy.

PPI
2

Tipograf dalam Multimedia

Monospace
Setiap
huruf
yang
berjenis
monospace
mempunyai jarak/lebar yang sama setiap hurufnya.
Huruf pada mesin ketik juga merupakan contoh
huruf monospace. Jenis monospace banyak
digunakan oleh programmer untuk coding, dan juga
untuk preformatted text.

PPI
2

Aa

Tipograf dalam Multimedia

Pengelompokan Huruf Sesuai

Kemiripan Anatominya
Huruf ROMAN
Jenis huruf ini memiliki ciri ketebalan yang tidak
sama. Ada bagian yang dibuat lebih tebal,
sedangkan bagian lainnya lebih tipis

PPI
2

Tipograf dalam Multimedia

Huruf GOTHIC
Jenis huruf ini memiliki bagian-bagian
yang sama tebalnya baik pada bagian yang
lurus maupun lengkung, stroke maupun bar.

courier
Century Gothic

PPI
2

Copperlate Gothic

Tipograf dalam Multimedia

Huruf TEXT
Huruf text adalah huruf yang memiliki ketebalan
garis-garis yang ringan serta tidak memiliki wajah
yang
terlalu
lebar.
Sebagaimana
nama
kelompoknya, jenis huruf ini dipergunakan untuk
body teks.

Century Schoolbook

PPI
2

Tipograf dalam Multimedia

Huruf
BLOCK

Huruf block adalah huruf yang memiliki

ketebalan stroke sangat mencolok. Biasanya
dipergunakan untuk penulisan judul, sebagai huruf
display, dan tidak tepat sebagai huruf teks.
ARIAL BLACK

PPI
2

Tipograf dalam Multimedia

Huruf SCRIPT
Jenis huruf ini diambil dari corak tulisan tangan.
Namun pada perkembangannya tidak semua tipe
tulisan tangan termasuk script, karena kelompok ini
berkembang secara lebih luas menjadi Freehand
dengan berbagai macam coraknya

Brush Script

PPI
2

Tipograf dalam Multimedia

Huruf
ITALIC
Huruf italic adalah huruf yang strokes-nya tidak
berdiri
tegak,
melainkan
kemiringan kekanan.

PPI
2

memiliki

derajat

Tipograf dalam Multimedia

Pengukuran Ruang Tipograf dan

Spasi Huruf
Istilah ini biasanya menunjuk pada interval
antarelemen tipograf yang mencakup jarak
antarhuruf atau yang disebut kerning, jarak
antarkata atau yang disebut word spacing, dan
jarak antarbaris atau disebut leading.
Tiga dasar pengukuran dalam tipograf adalah
point (pt) untuk mengukur tinggi huruf, pica untuk
mengukur
panjang
baris,
dan
unit
untuk
pengukuran dari lebar persatuan huruf serta jarak
antarhuruf.
PPI
2

Tipograf dalam Multimedia

Jarak antar huruf

Pengukuran jarak antarhuruf (kerning) dalam
photo-typesetting dan digital composition dihitung
dengan sistem unit. Sistem ini tidak memiliki acuan
pengukuran yang tetap, dalam pengertian bahwa
unit memiliki nilai yang berbeda-beda, tergantung
pada sistem yang digunakan.

PPI
2

Tipograf dalam Multimedia

Jarak antar baris

Tidak boleh terlalu dekat karena mengakibatkan
baris yang sama terbaca 2 kali, dan tidak boleh
terlalu
jauh
karena
mengakibatkan
pembaca
kehilangan starting point.

PPI
2

Tipograf dalam Multimedia

Huruf dapat juga dilihat dari ukurannya. Ukuran

huruf berbeda-beda, antara untuk judul, subjudul,
dan naskah. Ukuran huruf dinyatakan dalam point
size. Untuk latihan serta contohnya anda dapat
bereksperimen menggunakan komputer dengan
melakukan perubahan terhadap ukuran huruf.
Penggunaan huruf menurut ukurannya dapat dibagi
menjadi dua kelompok, yaitu untuk teks (body copy)
dan untuk judul (head line). Ukuran yang dianjurkan
untuk teks (body copy) adalah 6, 8, 10, dan 12,
sedangkan untuk judul atau subjudul dianjurkan
untuk menggunakan ukuran 14 sampai 42 point.
PPI
2

Tipograf dalam Multimedia

Daftar Pustaka
http://slideplayer.info/slide/3746837 / diakses pada tanggal 03
Desember 2016, pukul 11:08
Andi Kusrianto.2004.Tipografi Komputer untuk Designer
Grafis.
Yogyakarta: Andi Offset
http://elista.akprind.ac.id/staff/catur/Sistem%20Multimedia /
03-Komponen%20Multimedia.pdf
http://
narendro.staff.gunadarma.ac.id/Downloads/fles/17743/elemen+Multi
media.pdf
Diakses pada 04 Desember 2016, pukul 13:04
https://
celotehduajari.fles.wordpress.com/2010/09/elemen-komponen-dan-p
roduk-multimedia.pdf
Diakses pada 04 Desember 2016, pukul 13:29
Pujiriyanto. 2005. Desain Grafis Komputer: teori grafis komputer.
Yogyakarta: Andi Offset
PPI
2

Tipograf dalam Multimedia

Terima Kasih
PPI
2