Pelacakan huruf, kerning, & jarak antarbaris: hal dasar pada tipografi yang baik

Tipografi yang bagus seringkali tidak terlihat. Sebagian besar pembaca mungkin tidak langsung menyadari masalah pengaturan jarak, tetapi mereka akan menyadarinya jika ada yang terasa janggal. Keseimbangan kecil ini memengaruhi baik struktur maupun keterbacaan sebuah teks.

“Seni tak terlihat” ini pada dasarnya terdiri dari tiga pengaturan utama: kerning, pelacakan huruf, dan jarak antarbaris. Meskipun ketiganya berkaitan dengan pengaturan jarak, cara kerjanya berbeda-beda, dan memahami bagaimana ketiganya berpadu merupakan hal yang sangat penting dalam menguasai tipografi.

Dalam panduan ini, Anda akan mempelajari makna dari setiap istilah tersebut, perbedaan di antara ketiganya, serta cara menggunakannya secara efektif dalam desain Anda.

Apa itu jarak antarbaris?

Jarak antarbaris, yang juga dikenal sebagai line spacing (jarak antar-baris), merujuk pada jarak vertikal antara baris-baris teks. Hal ini memiliki dampak signifikan terhadap keterbacaan, sehingga teks menjadi lebih mudah dipindai dan tidak terlihat sesak.

Namun, jika jarak terlalu lebar, teks bisa jadi lebih sulit dibaca, karena baris-barisnya terasa terlalu terpisah satu sama lain. Itulah mengapa sangat penting untuk menemukan keseimbangan yang tepat antara line spacing (jarak antar-baris) yang terlalu sempit dan terlalu lebar. Secara umum, jarak antarbaris biasanya ditetapkan antara 120% dan 145% dari ukuran huruf.

Konsep-konsep utama yang perlu diingat adalah:

• Garis dasar: garis tak terlihat tempat teks berada.
• Ascender: bagian huruf yang menjulang ke atas melampaui garis dasar (misalnya, bagian atas huruf ‘d’ atau ‘h’).
• Descender: bagian huruf yang menjuntai ke bawah garis dasar (misalnya, huruf ‘g’ atau ‘y’).

Semua elemen ini memengaruhi tampilan teks serta memastikan line spacing (jarak antar-baris) yang konsisten dan keterbacaan yang optimal.

Apa itu kerning?

Kerning merujuk pada pengaturan jarak antar dua karakter tertentu. Hal ini berbeda dengan jarak antar-huruf pada umumnya, yang fokus pada semua karakter dalam sebuah kata atau kalimat. Kerning memegang peranan penting terutama saat menangani karakter yang bentuknya dapat menciptakan kesan tidak merata.

Hal ini terjadi saat menggunakan jenis font tertentu, di mana pasangan huruf tertentu memiliki ketidaksesuaian visual yang dapat menimbulkan celah yang mengganggu. Jenis font yang berbeda mungkin memerlukan penyesuaian kerning yang berbeda, tergantung pada desainnya.

Pasangan kerning paling umum yang perlu diperhatikan:

• Huruf bersudut: AV, AW, VA, WA, YA
• Kombinasi dengan T atau F: To, Ta, Te, Fa, Fo
• Huruf dengan kombinasi diagonal atau vertikal: LT, LV, LY

Jenis-jenis kerning

Ada tiga jenis kerning utama:

• Kerning metrik: kerning otomatis yang ditentukan oleh perancang font.
• Kerning optik: pengaturan jarak yang disesuaikan oleh perangkat lunak berdasarkan bentuk huruf.
• Kerning manual: penyesuaian kerning yang dilakukan secara manual oleh desainer untuk mendapatkan kendali penuh.

Kapan kerning menjadi sangat penting

Kerning memegang peranan yang sangat penting dalam pembuatan judul, logo, dan branding. Hal ini semakin terlihat jelas ketika ukuran font diperbesar, karena jarak antar karakter yang tidak merata menjadi lebih mencolok. Misalnya, sebuah judul memengaruhi kesan keseluruhan teks, oleh karena itu, sangat penting untuk menyesuaikan kerning sesuai kebutuhan.

Apa itu pelacakan huruf?

Pelacakan huruf juga dikenal sebagai jarak antar-huruf) menyesuaikan pengaturan jarak secara seragam pada sekelompok karakter atau seluruh blok teks. Berbeda dengan kerning, hal ini diterapkan secara merata, bukan per pasangan.

Hal ini dilakukan untuk menjaga keseimbangan visual dan meningkatkan keterbacaan, sehingga teks tidak terlalu padat maupun terlalu renggang. Terdapat situasi tertentu di mana pelacakan huruf perlu ditingkatkan, dan ada pula situasi di mana pelacakan huruf perlu dikurangi.

Pelacakan huruf harus ditingkatkan jika:

• Menggunakan huruf kapital semua atau huruf kapital kecil
• Menggunakan ukuran font kecil (di bawah 10 pt)
• Menggunakan font dengan bobot yang tipis
• Merancang baris teks yang panjang

Pelacakan huruf harus dikurangi jika:

• Membuat judul berita, judul, atau logo berukuran besar (di atas 18–24 pt)
• Ingin membuat teks tampak lebih padu
• Mengurangi pemisah baris atau blok teks yang padat

Perbedaan antara kerning dan pelacakan huruf

Baik kerning maupun pelacakan huruf mengatur jarak antar karakter, tetapi pada tingkat yang berbeda:

1. Kerning: mengatur jarak pada tingkat mikro (antara dua karakter tertentu)
2. Pelacakan huruf: mengatur jarak pada tingkat makro (pada sebuah kata, kalimat, atau blok teks)

Anda mungkin bertanya-tanya kapan harus menggunakan masing-masing pengaturan tersebut. Jawabannya bergantung pada kasus yang Anda hadapi. Anda sebaiknya menggunakan kerning jika pasangan huruf tertentu terlihat tidak proporsional secara visual, sedangkan pelacakan huruf digunakan jika kepadatan teks secara keseluruhan perlu disesuaikan. Menyesuaikan kerning memastikan tampilan yang seimbang dan menghilangkan celah yang tidak wajar di antara huruf-huruf. Pelacakan huruf dapat meningkatkan keterbacaan keseluruhan teks dan menciptakan berbagai efek, mulai dari tampilan yang padat hingga kesan yang lebih lapang.

Terdapat kesalahpahaman umum bahwa keduanya dapat digunakan secara bergantian. Hal itu tidak benar, karena masing-masing memecahkan masalah yang berbeda.

Bagaimana kerning, pelacakan huruf, dan jarak antarbaris saling berpadu

Saat Anda menyusun teks, pengaturan ini bekerja pada tiga sumbu yang berbeda: jarak horizontal antar pasangan, jarak horizontal antar kelompok, dan jarak vertikal antar baris.

Mengetahui kapan harus menyesuaikan masing-masing elemen merupakan hal yang sangat penting. Jika jarak antar dua karakter terasa tidak pas, sesuaikan kerning. Jika Anda ingin meningkatkan keterbacaan baris, sesuaikan jarak antarbaris. Jika jarak antar karakter tampak tidak merata secara keseluruhan, sesuaikan pelacakan huruf.

Meskipun fitur-fitur ini berbeda, tetapi paling efektif jika digunakan secara bersamaan. Misalnya, sebuah judul mungkin memiliki kerning yang sempurna, tetapi tetap terasa kurang pas jika pelacakan huruf atau jarak antarbarisnya tidak tepat.

Alur kerja yang umum bagi para desainer adalah memulai dengan menyesuaikan jarak antarbaris, kemudian menyempurnakan pelacakan huruf, dan terakhir mengatur kerning.

Cara menyesuaikan kerning, pelacakan huruf, dan jarak antarbaris di Affinity

Affinity adalah alat desain yang canggih untuk mengedit foto, membuat grafis, dan menyusun tata letak, sekaligus memberi Anda kendali penuh atas tipografi.

Kerning

Secara default, Affinity menerapkan kerning metrik sebagaimana yang ditentukan dalam berkas font. Untuk menyesuaikannya secara manual:

1. Buka dokumen Anda di Studio Layout Affinity.
2. Letakkan kursor di antara karakter yang ingin Anda sesuaikan.
3. Di panel sebelah kanan, buka tab Karakter lalu buka Posisi & Transformasi.
4. Pilih menu tarik-turun V/A, lalu pilih nilainya.
5. Nilai positif meningkatkan jarak; sedangkan nilai negatif mempersempit jarak.

Pintasan keyboard:

• Di Mac: Tekan tombol Opsi ⌥ + panah kanan untuk memperbesar pengaturan jarak, Opsi ⌥ + panah kiri untuk memperkecilnya.
• Di Windows: Tekan Alt + panah kanan untuk memperlebar pengaturan jarak, dan Alt + panah kiri untuk memperkecilnya.

Pelacakan Huruf

1. Pilih rentang teks yang ingin Anda sesuaikan.
2. Dari panel Karakter, buka Posisi & Transformasi.
3. Sesuaikan nilai pada menu tarik-turun VA.
4. Nilai positif meningkatkan jarak; sedangkan nilai negatif memperkecil jarak.

Pintasan keyboard (sama seperti untuk kerning):

• Di Mac: Tekan tombol Opsi ⌥ + panah kanan untuk memperbesar pengaturan jarak, Opsi ⌥ + panah kiri untuk memperkecilnya.
• Di Windows: Tekan Alt + panah kanan untuk memperlebar pengaturan jarak, dan Alt + panah kiri untuk memperkecilnya.

Untuk informasi lebih lanjut tentang pelacakan huruf dan kerning, kunjungi Pusat Bantuan kami.

Jarak antarbaris

Dari bilah alat di sebelah kanan:

1. Klik Paragraf, lalu Jarak Antarbaris.
2. Pilih pengaturan dari menu tarik-turun: Default, Tepat, Tinggi %, Minimal, atau Beberapa, atau pilih dari berbagai angka. Nilai yang lebih tinggi akan meningkatkan jarak antar-baris.
3. Opsi tambahan memungkinkan Anda untuk mengindentasi paragraf dari sisi kiri atau kanan, atau menambahkan spasi di depan dan di belakangnya.

Untuk penyesuaian tertentu, Anda dapat menggunakan Pengaturan Jarak AntarBaris.

Untuk melakukannya:

1. Sorot rentang teks yang memerlukan penggantian.
2. Di panel Karakter, pada bagian Posisi & Transformasi, ubah nilai Pengaturan Jarak Antarbaris.

Jika Anda ingin mengetahui lebih lanjut, silakan baca artikel "Jarak antarbaris dan antarparagraf" di Pusat Bantuan kami.

Kerning, pelacakan huruf, dan jarak antarbaris: kunci untuk tipografi yang lebih baik

Kerning, pelacakan huruf, dan jarak antarbaris semuanya mengatur jarak, tetapi pada tingkat yang berbeda.

Kerning mengatur jarak antarpasangan huruf, sedangkan pelacakan huruf menerapkan jarak yang seragam pada sekelompok karakter atau seluruh blok teks; keduanya bekerja pada sumbu horizontal. Di sisi lain, jarak antarbaris mengatur jarak vertikal antarbaris, yang memainkan peran penting dalam keterbacaan dan tata letak secara keseluruhan.

Tipografi yang kuat berasal dari keseimbangan ketiga unsur tersebut. Bahkan penyesuaian sekecil apa pun dapat memperhalus tampilan dan kesan teks Anda.

Cara terbaik untuk berkembang adalah dengan berlatih. Pilih sebuah judul, sesuaikan ketiga pengaturan tersebut, lalu perhatikan bagaimana perubahan-perubahan kecil itu dapat mengubah hasilnya.

Jelajahi Studio Layout Affinity untuk menerapkan prinsip-prinsip ini dalam lingkungan desain profesional dan mulailah membuat tipografi yang meningkatkan keterbacaan sekaligus mempercantik desain Anda.