Menata Tipografi pada Media Digital
Teks yang tertata baik membuat pesan tersampaikan tanpa perlu dibaca dua kali. Pelajari anatomi huruf, memilih pasangan font, dan mengatur hierarki teks di Adobe Illustrator.
AAnatomi Dasar Huruf
Sebelum mengatur teks, kenali dulu istilah yang akan selalu muncul di panel Character.
Baseline adalah garis dasar tempat huruf "berdiri". x-Height adalah tinggi huruf kecil, Cap Height tinggi huruf kapital.
Tracking
Jarak antar seluruh huruf dalam satu blok teks, diatur merata.
Kerning
Jarak antara dua huruf tertentu saja, disesuaikan satu per satu.
Leading
Jarak antar baris teks, istilah Illustrator untuk line-height.
Alignment
Perataan teks: kiri, tengah, kanan, atau rata kiri-kanan (justify).
BEmpat Kategori Font
Serif
Ada kaki kecil di ujung huruf. Kesan klasik, formal.
Sans Serif
Tanpa kaki, bersih. Kesan modern, mudah dibaca di layar.
Script
Meniru tulisan tangan. Kesan personal, elegan.
Display
Karakter kuat dan unik. Untuk judul besar, bukan teks panjang.
CPrinsip Memasangkan Font
Aturan paling aman untuk pemula: gunakan maksimal 2 jenis font dalam satu karya, dengan kontras yang jelas di antara keduanya.
Kontras yang Jelas
Terlalu Mirip
DMenggunakan Type Tool
Point Type vs Area Type T
- Tekan T untuk mengaktifkan Type Tool.
- Klik sekali di Artboard untuk membuat Point Type — cocok untuk judul singkat, teks memanjang mengikuti panjang ketikan.
- Atau klik-seret untuk membuat kotak terlebih dulu, menghasilkan Area Type — cocok untuk paragraf panjang, teks otomatis pindah baris mengikuti lebar kotak.
- Ketik teks yang diinginkan, lalu tekan Esc atau pilih Selection Tool untuk keluar dari mode mengetik.
Panel Character Ctrl/Cmd + T
Panel ini mengatur seluruh detail tampilan teks yang dipilih.
- Pilih teks dengan Selection Tool, lalu buka panel Character.
- Atur jenis dan ukuran font pada kolom paling atas.
- Atur Leading (ikon garis dua bertumpuk) agar jarak antar baris nyaman dibaca, biasanya 120%–140% dari ukuran font.
- Atur Tracking (ikon huruf VA berjarak) untuk merapatkan atau merenggangkan seluruh huruf, terutama berguna pada judul berhuruf kapital.
EMembangun Hierarki Teks
Hierarki adalah urutan mana teks yang harus dibaca lebih dulu, dibentuk lewat perbedaan ukuran dan ketebalan (weight), bukan sekadar memperbesar semua teks secara acak.
Tiga tingkat hierarki: Judul (besar, tebal) → Subjudul (sedang, medium) → Isi (kecil, ringan).
FLatihan: Menambahkan Tagline pada Logo
Lanjutkan file logo dari Sesi 9 dengan menambahkan nama lengkap dan tagline singkat di bawahnya, menerapkan hierarki tipografi.
Langkah 1–5
- Buka kembali file NamaSiswa_Sesi9_LogoSederhana.ai.
- Tekan T, ketik nama lengkap di bawah simbol logo menggunakan font Sans Serif tebal sebagai judul.
- Ketik satu baris tagline pendek (3–5 kata) di bawah nama, menggunakan font yang sama namun ukuran lebih kecil dan weight lebih ringan.
- Sesuaikan Tracking pada tagline agar terasa lega, dan Leading antara nama dan tagline agar tidak terlalu rapat maupun renggang.
- Pilih seluruh teks, ubah menjadi Outline (Ctrl/Cmd + Shift + O) agar font tidak berubah saat file dibuka di komputer lain, lalu simpan dengan nama: NamaSiswa_Sesi10_LogoTipografi, format .ai.
GTips & Trik
| Tombol | Fungsi |
|---|---|
| T | Mengaktifkan Type Tool. |
| Ctrl/Cmd + T | Membuka panel Character. |
| Alt/Option + Panah Kiri/Kanan | Mengatur Kerning antara dua huruf secara manual saat kursor berada di antaranya. |
| Ctrl/Cmd + Shift + O | Mengubah teks menjadi Outline (bentuk vektor), sehingga aman dibuka di perangkat tanpa font yang sama. |
Saran Praktik
Setelah teks diubah menjadi Outline, teks tersebut tidak bisa lagi diedit isinya seperti teks biasa. Selalu simpan satu salinan file sebelum di-Outline, supaya perubahan kata masih bisa dilakukan di kemudian hari.