Apa Itu Typography?

Typography itu seni mengatur huruf supaya kelihatan menarik dan mudah dibaca. Misalnya, memilih jenis huruf, mengatur ukuran, jarak antar huruf, jarak antar baris, dan lain-lain, supaya tulisan bisa kelihatan rapi, sesuai karakter brand, dan enak dibaca.

Kenapa Typography Penting?

Typography itu penting karena:

• Bisa menarik perhatian orang sebelum mereka mulai membaca.

• Membantu mengatur informasi supaya mudah dipahami (pakai ukuran dan gaya huruf yang berbeda-beda).

• Membuat orang mengenali merek kamu lebih cepat.

• Membantu mendukung isi konten, misal supaya kelihatan serius, santai, elegan, dll.

Sejarah Singkat Typography

• Awalnya, huruf cetak ditemukan sama Gutenberg di tahun 1400-an.

• Awalnya pakai gaya tulisan mirip tulisan tangan zaman dulu (blackletter).

• Lalu orang Italia buat huruf lebih simpel (Roman).

• Lama-lama muncul serif, sans-serif, dan banyak gaya baru yang kita kenal sekarang kayak Times New Roman, Helvetica, Arial, dll.

5 Jenis Huruf yang Paling Sering Dipakai

Elemen Penting dalam Typography

• Alignment: Atur tulisan rata kiri, kanan, tengah, atau penuh supaya rapi dan enak dilihat.

• Color: Pilih warna tulisan yang kontras sama latar belakang supaya mudah dibaca.

• Hierarchy: Bedakan ukuran teks untuk judul, subjudul, dan isi. Contoh: Judul lebih besar dari subjudul.

• Kerning: Atur jarak antar huruf biar kelihatan serasi.

• Leading: Atur jarak antar baris tulisan supaya teks gak terlalu rapat atau renggang.

• Tracking: Atur jarak antar semua huruf dalam satu kata atau kalimat (beda dengan kerning yang per huruf).

Cara Memilih Typeface yang Tepat

1. Pahami proyekmu: Ini buat website? App? Buku?

2. Bikin moodboard: Kumpulin contoh gaya yang sesuai.

3. Cari di Google Fonts atau Figma: Pilih yang cocok dengan kesan yang mau ditampilkan.

4. Coba pakai konten asli: Biar kelihatan nyata, bukan cuma "Lorem Ipsum."

5. Tes warna teks: Pastikan warna teks tetap kelihatan di berbagai latar belakang.

Mengenal Weight dan Style

• Weight: Ketebalan huruf. Misal, tipis (light), biasa (regular), tebal (bold).

• Style: Gaya huruf seperti italic (miring), all caps (semua huruf besar), small caps (huruf besar kecil).

• Case: Huruf kecil (lowercase) atau huruf besar (uppercase).

Tentang Ukuran Huruf

• Ukuran huruf bergantung media (HP, website, billboard).

• Biasanya mulai dari ukuran isi (body text) dulu, misalnya 16px.

• Judul bisa 3x lebih besar dari isi.

Detail Kecil Tapi Penting

• Danglies: Kata sisa satu di akhir paragraf, perlu dihindari supaya teks rapi.

• Line length: Usahakan maksimal 40–60 karakter per baris buat teks lebih mudah dibaca.

• Consistency: Pastikan semua jarak dan tata letak konsisten di semua halaman atau layar.

Figma Membantu Typography

Figma punya alat dan contoh-contoh typography, moodboard, dan komunitas yang bisa kamu pakai buat cari inspirasi dan belajar lebih cepat.