Perbedaan Kerning, Tracking, dan Leading dalam Tipografi

Table of Contents

Perbedaan kerning, tracking, dan leading terletak pada bagian teks yang diatur. Kerning menyesuaikan jarak antara dua karakter tertentu, tracking mengatur jarak pada rangkaian karakter, sedangkan leading mengatur jarak vertikal antarbaris teks. Ketiganya merupakan bagian penting dalam tipografi untuk menciptakan tulisan yang seimbang, nyaman dibaca, dan sesuai dengan kebutuhan desain.

Apa Itu Kerning, Tracking, dan Leading dalam Tipografi?

Pernah melihat tulisan pada poster yang hurufnya terasa terlalu rapat? Atau membaca paragraf yang setiap barisnya tampak menumpuk?

Masalah tersebut sering berkaitan dengan pengaturan jarak dalam tipografi.

Ada tiga istilah yang perlu kamu pahami, yaitu kerning, tracking, dan leading. Ketiganya memiliki fungsi berbeda meskipun sama-sama berhubungan dengan pengaturan ruang pada teks.

Kalau kamu masih mempelajari dasarnya, memahami pengertian tipografi dalam desain grafis akan membantu mengenali bagaimana tulisan berfungsi sebagai elemen komunikasi visual.

Pengertian Kerning

Kerning adalah proses menyesuaikan jarak antara dua karakter tertentu agar terlihat seimbang secara visual.

Contohnya terdapat pada pasangan huruf "AV". Bentuk kedua huruf tersebut menciptakan ruang kosong yang berbeda dibandingkan pasangan huruf seperti "HH".

Jika jaraknya hanya mengandalkan ukuran geometris tanpa memperhatikan bentuk huruf, tulisan dapat terlihat kurang seimbang.

Kerning membantu memperbaiki persoalan tersebut.

Adobe menjelaskan bahwa kerning dapat diatur secara otomatis berdasarkan informasi bawaan font, melalui perhitungan optik, maupun secara manual.

Kerning sangat berguna pada desain logo, judul besar, dan tipografi yang membutuhkan ketelitian visual.

Pengertian Tracking

Tracking adalah pengaturan jarak secara merata pada rangkaian karakter dalam teks yang dipilih.

Berbeda dengan kerning yang menargetkan pasangan karakter tertentu, tracking memengaruhi keseluruhan jarak antarhuruf dalam bagian teks.

Misalnya, kamu membuat poster dengan tulisan "CREATIVE DESIGN".

Tracking dapat diperlebar untuk menghasilkan tampilan yang lebih lapang atau dipersempit agar susunan teks lebih padat.

Pengaturan ini biasanya digunakan untuk menyesuaikan karakter visual sebuah judul, label, atau elemen tipografi lainnya.

Pengertian Leading

Leading adalah jarak vertikal antara baseline satu baris teks dengan baseline baris berikutnya.

Baseline merupakan garis imajiner tempat sebagian besar karakter berdiri.

Dalam aplikasi desain, leading sering berkaitan dengan pengaturan line spacing atau jarak antarbaris.

Sebagai contoh, paragraf yang memiliki jarak antarbaris terlalu rapat akan terlihat padat. Sebaliknya, jarak yang terlalu lebar dapat membuat hubungan antarbaris terasa terputus.

Leading membantu mengatur ruang vertikal agar teks tetap nyaman dibaca.

Perbedaan Kerning, Tracking, dan Leading

Cara paling sederhana untuk membedakan ketiganya adalah memperhatikan area teks yang mengalami perubahan.

Kerning berfokus pada pasangan karakter, tracking pada rangkaian karakter, sedangkan leading pada jarak antarbaris.

Tabel Perbandingan Kerning, Tracking, dan Leading

Contoh Visual Perbedaan Ketiganya

Bayangkan kamu sedang membuat desain poster dengan judul dan deskripsi singkat.

Pada judul, terdapat pasangan huruf yang terlihat terlalu berjauhan. Kamu memperbaikinya menggunakan kerning.

Setelah itu, seluruh judul masih terasa terlalu padat. Kamu menggunakan tracking untuk memberikan ruang tambahan pada rangkaian huruf.

Terakhir, paragraf deskripsi terlihat menumpuk karena jarak baris terlalu sempit. Kamu memperbaikinya menggunakan leading.

Ketiga tindakan tersebut memiliki tujuan berbeda.

Ringkasan visual sederhananya: 

Dalam desain sebenarnya, ketiga pengaturan dapat digunakan secara bersamaan. Kerning dan tracking bahkan dapat memberikan efek kumulatif terhadap susunan karakter.

Contoh Penggunaan Kerning, Tracking, dan Leading dalam Desain Grafis

Mengetahui definisi saja belum cukup. Kamu juga perlu memahami kapan setiap pengaturan digunakan.

Berikut beberapa contoh penerapannya dalam pekerjaan desain sehari-hari.

Kerning pada Desain Logo

Kerning sering menjadi perhatian ketika membuat logo berbasis tulisan atau wordmark.

Bayangkan kamu sedang merancang logo dengan nama "AVORA".

Pasangan huruf A dan V memiliki bentuk diagonal. Ruang di antara keduanya dapat terlihat berbeda dibandingkan pasangan huruf lainnya.

Karena itu, kamu perlu memeriksa apakah jaraknya sudah seimbang secara visual.

Kerning yang tepat membuat keseluruhan kata terlihat lebih menyatu tanpa harus mengubah bentuk asli font.

Prinsip ini juga berguna pada judul besar dan desain kemasan produk.

Tracking pada Judul dan Poster

Tracking membantu menentukan karakter visual sebuah tulisan.

Pada poster dengan judul pendek, jarak antarhuruf yang sedikit lebih lebar dapat menghasilkan kesan lapang.

Sebaliknya, tracking yang lebih rapat dapat membantu membuat komposisi terlihat padat dan kompak.

Namun, pengaturan ini tetap perlu mempertimbangkan jenis font yang digunakan.

Setiap font mempunyai proporsi, bentuk karakter, dan jarak bawaan yang berbeda. Karena itu, mengenali jenis-jenis font dalam desain grafis dapat membantu kamu menentukan perlakuan tipografi yang sesuai.

Hindari memperlebar tracking secara berlebihan pada paragraf panjang karena hubungan antarhuruf dapat menjadi lebih sulit diikuti.

Leading pada Paragraf dan Artikel

Leading berperan ketika kamu mengatur beberapa baris teks dalam satu blok.

Contohnya saat membuat brosur, majalah, katalog, presentasi, atau artikel.

Jika jarak antarbaris terlalu sempit, teks bisa terasa sesak. Jika terlalu lebar, setiap baris dapat tampak seperti bagian yang terpisah.

Sebagai ilustrasi, teks berukuran 12 pt bisa menggunakan leading 14,4 pt sebagai titik awal percobaan.

Nilai tersebut setara dengan 120% ukuran teks, yang juga digunakan sebagai pengaturan auto-leading bawaan dalam dokumentasi Adobe Illustrator. Angka ini bukan standar wajib untuk semua desain.

Penyesuaian akhirnya bergantung pada karakter font, panjang baris, ukuran teks, dan media yang digunakan.

Cara Mengatur Kerning, Tracking, dan Leading

Pengaturan jarak teks dapat dilakukan menggunakan aplikasi desain.

Dua aplikasi yang sering digunakan untuk kebutuhan tersebut adalah Adobe Illustrator dan Canva.

Keduanya menyediakan pengaturan tipografi, tetapi tingkat kontrolnya tidak sama.

Mengatur Jarak Teks di Adobe Illustrator

Adobe Illustrator menyediakan panel Character untuk mengelola karakteristik teks, termasuk kerning, tracking, dan leading.

1. Mengatur kerning

Langkah-langkahnya:

1. Buka desain di Adobe Illustrator.

2. Pilih objek teks yang ingin diedit.

3. Buka menu Window → Type → Character.

4. Letakkan kursor di antara dua karakter yang ingin disesuaikan.

5. Pilih pengaturan kerning dan ubah nilainya sesuai kebutuhan.

6. Periksa apakah kedua karakter sudah terlihat seimbang.

Kamu dapat menggunakan pengaturan otomatis seperti Metrics atau Optical, maupun melakukan penyesuaian manual.

Metrics menggunakan informasi jarak bawaan font, sedangkan Optical memperhitungkan bentuk karakter.

2. Mengatur tracking

Tracking dapat diterapkan pada rangkaian karakter yang dipilih.

Caranya:

1. Pilih kata atau blok teks.

2. Buka panel Character.

3. Temukan pengaturan Tracking.

4. Masukkan nilai positif untuk memperlebar jarak atau nilai negatif untuk mempersempitnya.

5. Amati perubahan pada keseluruhan teks.

Gunakan perubahan bertahap agar hasilnya tetap mudah dievaluasi.

3. Mengatur leading

Untuk mengubah jarak antarbaris:

1. Pilih teks yang terdiri atas beberapa baris.

2. Buka panel Character.

3. Temukan pengaturan Leading.

4. Ubah nilainya untuk menyesuaikan jarak vertikal.

5. Periksa kenyamanan membaca setelah perubahan.

Pastikan teks tidak saling bertumpuk atau terpisah terlalu jauh.

Mengatur Letter Spacing dan Line Spacing di Canva

Canva menyediakan kontrol untuk mengubah jarak antarhuruf dan antarbaris melalui fitur pengaturan teks.

Berikut langkah umumnya:

1. Buka desain di Canva.

2. Pilih kotak teks yang ingin diatur.

3. Cari menu Spacing pada toolbar pengaturan teks.

4. Gunakan Letter spacing untuk mengubah jarak antarhuruf.

5. Gunakan Line spacing untuk mengubah jarak antarbaris.

6. Sesuaikan nilainya sambil memperhatikan tampilan keseluruhan.

Perlu dipahami bahwa Letter spacing di Canva merupakan pengaturan jarak pada teks, bukan pengganti langsung untuk kerning manual pada pasangan karakter tertentu.

Jika membutuhkan koreksi sangat presisi pada pasangan huruf dalam desain logo, aplikasi tipografi dengan kontrol kerning khusus lebih sesuai.

Nama atau posisi menu dapat berubah mengikuti pembaruan antarmuka aplikasi.

Kesalahan Umum Saat Mengatur Jarak Huruf dan Baris

Meskipun terlihat sederhana, pengaturan jarak teks bisa memengaruhi kualitas keseluruhan desain.

Berikut beberapa kesalahan yang sebaiknya dihindari.

1. Menggunakan tracking untuk memperbaiki satu pasangan huruf

Tracking memengaruhi rangkaian karakter, bukan hanya pasangan yang bermasalah.

Jika jarak antara dua huruf tertentu terasa kurang seimbang, gunakan kerning.

2. Memperlebar tracking secara berlebihan

Tracking yang terlalu lebar dapat membuat setiap karakter terlihat terpisah.

Efek ini mungkin sesuai untuk judul tertentu, tetapi belum tentu cocok untuk paragraf panjang.

3. Menggunakan leading terlalu sempit

Jarak antarbaris yang terlalu rapat dapat membuat teks terasa penuh dan menyulitkan pembaca mengikuti baris berikutnya.

Sesuaikan leading dengan ukuran dan karakter font.

4. Mengabaikan tampilan pada ukuran sebenarnya

Teks yang terlihat baik saat diperbesar belum tentu nyaman dibaca pada ukuran akhir.

Periksa hasil desain pada ukuran yang mendekati penggunaan sebenarnya, terutama untuk poster cetak atau konten ponsel.

5. Menganggap semua font membutuhkan nilai yang sama

Dua font dengan ukuran identik belum tentu menghasilkan tampilan visual yang sama.

Bentuk karakter, tinggi huruf, dan proporsi masing-masing font dapat memengaruhi kebutuhan pengaturan jarak.

Tips Menggunakan Kerning, Tracking, dan Leading agar Desain Lebih Profesional

Pengaturan tipografi sebaiknya dilakukan berdasarkan fungsi teks, bukan sekadar mengikuti angka tertentu.

Berikut pendekatan yang bisa kamu terapkan.

1. Mulai dari pengaturan bawaan font

Jangan langsung mengubah seluruh jarak huruf.

Perhatikan hasil pengaturan bawaan terlebih dahulu, kemudian cari bagian yang memang membutuhkan koreksi.

2. Periksa pasangan huruf pada judul besar

Judul dan logo membuat karakter lebih mudah diperhatikan.

Periksa pasangan huruf yang memiliki bentuk diagonal, melengkung, atau kombinasi bentuk yang menciptakan ruang kosong tidak seimbang.

3. Sesuaikan tracking dengan fungsi teks

Judul pendek dan label dapat menggunakan tracking yang berbeda dari paragraf.

Utamakan keterbacaan, terutama pada teks yang harus dibaca secara berurutan.

4. Gunakan leading untuk membantu alur membaca

Atur jarak vertikal agar mata pembaca dapat berpindah dari satu baris ke baris berikutnya dengan nyaman.

Perhatikan pula panjang baris dan ukuran font.

5. Perhatikan hubungan tipografi dengan layout

Pengaturan jarak huruf dan baris perlu selaras dengan ruang kosong, alignment, dan hierarki visual.

Pemahaman tentang prinsip dasar layout desain grafis dapat membantu kamu menata teks dan elemen visual secara lebih terstruktur.

6. Evaluasi desain secara keseluruhan

Jangan hanya memperhatikan satu kata atau satu paragraf.

Lihat apakah teks sudah memiliki keseimbangan dengan gambar, warna, dan elemen desain lainnya.

Terkadang, persoalan yang terlihat seperti kesalahan tracking sebenarnya berkaitan dengan pemilihan font atau komposisi layout.

Dengan membiasakan pemeriksaan ini, kamu dapat membuat keputusan tipografi secara lebih terarah.

Kesimpulan

Perbedaan kerning, tracking, dan leading terletak pada area pengaturan serta fungsinya.

Kerning digunakan untuk memperbaiki jarak pasangan karakter, tracking mengatur kepadatan rangkaian karakter, sedangkan leading mengendalikan jarak vertikal antarbaris.

Ketiganya tidak saling menggantikan, tetapi dapat digunakan bersama untuk membangun tipografi yang lebih seimbang.

Saat membuat desain berikutnya, coba periksa ketiga aspek tersebut secara terpisah. Mulailah dari pasangan huruf, lanjutkan dengan keseluruhan kata, kemudian evaluasi jarak antarbaris.

Dengan memahami pengaturan tersebut, kamu dapat menghasilkan desain yang tidak hanya menarik secara visual, tetapi juga lebih nyaman dibaca.