Dokumen tersebut membahas empat sistem pengukuran yang digunakan untuk mengukur teks pada web yaitu em, pixel, point dan persen. Dokumen juga menjelaskan pentingnya pengaturan jarak antar huruf (kerning) dan jarak antar baris (leading) untuk meningkatkan kemudahan membaca.

1. I Nyoman Yoga Sumadewa, S.Kom., M.Sn
TIPOGRAFI
SPACING

2. Pengukuran teks untuk web dilakukan dengan
menggunakan empat satuan, yaitu:
• Ems (em) Unit pengukuran em merupakan unit
pengukuran skala, yang meningkat atau menurun relatif
terhadap ukuran teks dasar. Misalnya, jika ukuran teks
dasar dari sebuah dokumen web adalah 12pt,
maka 1em dihitung sebagai 12pt. Dengan logika yang
sama, 2em adalah 24pt, dan 0.5em adalah 6pt.
SISTEM PENGUKURAN HURUF

3. • Pixels (px)Pixel merupakan unit pengukuran berukuran
tetap, yang digunakan pada layar komputer. Satu pixel
merupakan satu titik pada layar komputer. Unit
pengukuran ini biasanya digunakan untuk menghasilkan
dokumen yang mementingkan pengukuran tepat (seperti
presentasi)
• Points (pt)Merupakan unit pengukuran yang digunakan
pada percetakan tradisional. 1pt sama dengan 1/72 inch.
SISTEM PENGUKURAN HURUF

4. • Percents (%)Seperti em, percent merupakan unit
pengukuran skala yang ukurannya berubah sesuai dengan
ukuran teks dasar. Perbedaan dengan em ialah,
jika 1em sama dengan ukuran teks dasar, pada percent
yang merupakan ukuran teks dasar ialah 100%.
SISTEM PENGUKURAN HURUF

5. Kerning adalah istilah untuk jarak antar huruf dalam
sebuah kata, kalimat, atau paragraf. Jarak antar huruf ini
berpengaruh banyak terhadap kemudahan membaca serta
keindahan dari kata atau kalimat tersebut.
SPACE/SPACING/JARAK

6. Ada huruf-huruf yang
memiliki white space /
negative space besar seperti
C, T, atau V; sehingga
terkadang, meski jarak antar
huruf-huruf dalam kata
tersebut sama secara matem
atis, jarak secara optis tidak
sama karena ilusi optik yang
ditimbulkan white space
tersebut.

8. Leading merupakan isitlah untuk jarak antar baris teks.
Secara umum, Leading default masih lebih oke
dibandingkan Kerning default, tapi masih tetap lebih baik
jika diatur manual, karena perlu mempertimbangkan huruf-
huruf yang “tinggi” atau “punya kaki” (ascender dan
descender), misalnya b, l kecil, g, h, j, p, y.

9. Sebuah teks yang
panjang akan
memiliki beberapa
baris. Jarak antar
baris sangat penting
untuk memastikan
pembaca
mendapatkan
pengalaman
membaca yang
maksimal.
SPACE/SPACING/JARAK

10. membuat komposisi kata/ kalimat dengan spacing
option
TUGAS

11. DesainKomunikasiVisual
Desain Komunikasi Visual
D e s a i n K o m u n i k a s i V i s u a l