Kenapa Typography Sangat Penting dalam UI Design?
Dalam desain UI, typography bukan sekadar memilih font yang “bagus”. Typography adalah cara menyampaikan informasi melalui teks agar mudah dipahami oleh pengguna.
Hampir semua aplikasi dan website bergantung pada teks:
- judul
- deskripsi
- tombol
- menu navigasi
Jika typography buruk:
- teks sulit dibaca
- user cepat lelah
- informasi tidak tersampaikan
Sebaliknya, jika typography baik:
👉 user langsung memahami isi tanpa berpikir lama
Apa Itu Typography dalam UI?
Typography dalam UI adalah cara mengatur teks agar:
- mudah dibaca
- terlihat rapi
- memiliki struktur yang jelas
Typography mencakup:
- jenis font
- ukuran teks
- spacing
- hierarchy
1. Pilih Font yang Mudah Dibaca
Langkah pertama adalah memilih font yang tepat.
Gunakan font yang:
- simpel
- clean
- tidak terlalu dekoratif
Hindari font yang terlalu unik karena bisa menyulitkan pembacaan, terutama di layar kecil.
2. Gunakan Maksimal 1–2 Jenis Font
Terlalu banyak font membuat desain terlihat berantakan.
Solusi:
- gunakan 1 font utama
- tambah 1 font pendukung jika perlu
Ini membuat desain lebih konsisten dan profesional.
3. Buat Hierarchy yang Jelas
Hierarchy membantu user memahami urutan informasi.
Contoh:
- Judul (besar & bold)
- Subjudul
- Isi teks
Tanpa hierarchy, semua teks terlihat sama dan membingungkan.
4. Gunakan Ukuran Font yang Tepat
Ukuran font mempengaruhi kenyamanan membaca.
Rekomendasi:
- Heading: 24–32px
- Subheading: 18–24px
- Body: 14–16px
5. Perhatikan Line Height
Line height adalah jarak antar baris.
Gunakan sekitar:
👉 1.4 – 1.6 dari ukuran font
Agar teks tidak terlalu rapat atau terlalu renggang.
6. Gunakan Spacing yang Konsisten
Spacing membantu desain terlihat rapi.
Gunakan jarak yang sama antar elemen agar:
👉 tidak terlihat acak
7. Gunakan Warna Teks yang Tepat
Teks harus kontras dengan background.
Contoh:
- hitam di putih
- putih di gelap
Hindari warna yang terlalu mirip dengan background.
8. Hindari Teks Terlalu Panjang
Paragraf panjang membuat user cepat bosan.
Gunakan:
- paragraf pendek
- poin-poin
9. Gunakan Alignment yang Tepat
Alignment yang paling nyaman:
👉 rata kiri
Gunakan tengah hanya untuk judul.
10. Gunakan Bold Secukupnya
Bold membantu menonjolkan informasi penting.
Tapi jangan berlebihan agar tetap efektif.
11. Gunakan Typography untuk UX
Typography membantu:
- memperjelas informasi
- mempercepat pemahaman
- meningkatkan pengalaman user
12. Uji Keterbacaan
Selalu cek:
- apakah mudah dibaca
- apakah jelas
Coba di berbagai ukuran layar.
Kesimpulan
Typography adalah kunci dalam desain UI yang baik.
Dengan:
- font yang tepat
- ukuran yang jelas
- spacing yang rapi
- hierarchy yang terstruktur
kamu bisa membuat desain yang:
👉 profesional
👉 nyaman dibaca
👉 mudah dipahami
FAQ
1. Berapa jumlah font ideal?
1–2 font saja agar konsisten.
2. Kenapa typography penting?
Karena hampir semua informasi disampaikan melalui teks.
3. Ukuran body text yang ideal?
14–16px.
4. Apa itu hierarchy?
Urutan tingkat penting teks.
5. Boleh pakai font dekoratif?
Boleh, tapi hanya untuk bagian tertentu.
baca artikel sebelumnya:
