Sebuah Panduan untuk Pemula tentang Kerning Layaknya Seorang Desainer

Panduan-pemula-tentang-kerning-layaknya-desainer-Thumbnail

Apakah Anda pernah melihat sebuah huruf atau kalimat dari penyusunan huruf Anda dan merasa ada sesuatu yang tidak pas disana?

Bisa jadi itu adalah sebuah masalah kerning. Kerning direferensikan kepada jumlah spasi diantara dua huruf (atau karakter lain: angka, tanda baca, dan lain-lain) dan proses penyusunan spasi untuk menghindari gap yang terlihat kurang pas diantara huruf-huruf Anda dan meningkatkan kemudahannya untuk dibaca.

kerining1

Terkadang default kerning dari sebuah huruf tidak ideal untuk kombinasi huruf tertentu, jadi Anda akan membutuhkan pengaturan secara manual sehingga jarak spasi diantara semua huruf terlihat konsisten. Harus dicatat bahwa kerning disini adalah sebuah latihan visual; ini adalah tentang jumlah yang pas dari spasi diantara huruf dibandingkan dengan jarak aktual huruf tersebut. Kerning termasuk mengatur tipografi Anda untuk memberikan tampilan yang pas dibandingkan membuat spasi yang secara matematis sama rata.

Pengetikan adalah sebuah hal yang lucu karena ini bisa jadi semacam ilusi optikal. Jika Anda mengetik sebuah kata dengan spasi yang persis sama rata diantara huruf yang lain, sebenarnya itu tidak benar-benar sama rata. Hal ini karena setiap huruf memiliki bentuk yang unik, seperti potongan puzzle, dan perlu penyesuaian agar satu sama lain cocok dengan pas.

2

Teruslah membaca untuk mengetahui mengapa kerning sangat penting didalam desain, berikut sembilan tips ahli yang bisa Anda andalkan untuk memulai proses kerning layaknya profesional.

Kenapa Anda Harus Menambahkah Kerning ke Proses Desain Anda

Kerning mungkin terlihat seperti tidak penting atau detail yang tidak terlalu penting, namun menambahkannya sebagai sebuah langkah ekstra yang cepat di akhir proses desain Anda dapat membuat sebuah perbedaan yang besar dalam proyek yang terfokus pada tipografi hingga terlihat terpulas dengan bagus. Kerning akan sangat penting untuk teks berukuran besar, dang sangat menonjol seperti pada logo tipografis atau headline.

Untuk mendapatkan pemahaman lebih mengapa kerning adalah sebuah gerakan yang cerdas, bayangkanlah setiap huruf terikat dalam bentuk kotak. Anda mungkin akan melihat gambar dari kayu-kayu tua atau jenis logam seperti ini:

3

Meskipun kebanyakan dari kita tidak lagi menggunakna tipe balok seperti diatas, versi digital yang kita gunakan  juga memiliki cara kerja yang sama. Setiap huruf masih dikelilingi oleh kotak tidak terlihat, dan terkadang kotak-kotak itu membuat jarak spasi yang terlalu banyak diantara setiap pasang huruf, jadi garis batasnya harus diperlebar untuk menciptakan penampilan dengan jarak spasi yang rata. Pada penggunaan cetak press di jaman dulu, para tipografer akan memperbaiki masalah dengan memotong bagian takik pada balok kayu untuk membantu huruf agar pas jaraknya satu sama lain sehingga tampilannya lebih indah. Di masa kini, proses ini sudah jauh berkembang dan dapat dilakukan hanya dengan beberapa klik.

4

Belajar untuk Kern: 9 Tips Profesional

Kerning tidak sesulit itu begitu Anda memahami bagaimana hal ini bekerja. Dan meskipun memperkirakan jarak spasi dan menggunakan penilaian Anda untuk memastikan yang manakah tampilan terbaik adalah hal terbaik dari kerning, berikut ini adalah beberapa trik yang bisa Anda gunakan untuk membuat proses kerning jauh lebih mudah:

01. Perhatikan beberapa panduan kombinasi huruf.

Bentuk dari beberapa huruf (terutama yang memiliki bentuk miring yang kuat atau potongan yang lebih) akan membuatnya agak sulit untuk di-kern. Jenis huruf di semua bentuk kapital juga biasanya membutuhkan perhatian yang lebih. Jika kita kembali kepada pemahaman bahwa semua huruf memiliki kotak tidak terlihat disekelilingnya, huruf-huruf yang problematis ini tidak bisa duduk bersama dengan rata per ujungnya – akan meninggalkan jarak yang cukup terlihat. Berikut ini adalah beberapa pembuat masalah yang harus Anda perhatikan:

  • Huruf condong: A, K, V, W, Y
  • Huruf dengan lengan atau coretan: F, L, T
  • Kombinasi huruf: W or V + A (dalam segala urutan); T atau F + huruf vokal dengan lowercase

Jika huruf bermasalah muncul ditengah-tengah sebuah kata, pastikan untuk melihat tampilannya ketika berinteraksi dengan huruf yang lain di kedua sisinya. Contohnya, huruf A pertama di PANCAKE dibawah terlihat oke disamping huruf N, namun menciptakan jarak yang besar disebelah huruf P.

5

02. Pahami hubungan diantara jarak spasi dan bentuk huruf.

Pada poin sebelumnya, kita lebih banyak fokus kepada bagaimana pemasangan huruf uppercase dapat menjadi problematis, namun huruf lowercase memiliki tantangan kerningnya sendiri. Hal ini karena huruf-huruf dengan ujung yang lurus dan melingkar akan terlihat berbeda ketika dipasangkan dengan satu sama lain dibandingkan ketika dipasangkan dengan jenis yang sama.

Tipografer Ilene Strizver merekomendasikan metode kerning sebagai berikut: dua huruf lurus butuh lebih banyak jarak spasi; sebuah huruf lurus dan melingkar akan butuh lebih sedikit untuk terlihat seimbang; dan dua huruf melingkar akan butuh jarak spasi yang lebih sedikit. Ini dapat membantu untuk memvisualisasikan itu (lihatlah contoh dibawah ini). Semoga Anda bisa melihat bagaimana jumlah spasi diantara huruf-huruf tersebut (diindikasikan dengan bar berwarna) menurun dari kiri ke kanan. Meskipun begitu, ketikan dilihat secara keseluruhan, huruf-huruf tersebut terlihat memiliki spasi yang sama rata.

6

Mari aplikasikan ini pada sebuah kata aktual. Lihatlah kedua sisi dari setiap huruf, spasinya harus seimbang sama rata secara konsisten untuk masing-masing tiga tipe dari bentuk kombinasi yang telah kita diskusikan diatas.

Pada kata “headline,” ujung huruf lurus-ke-lurus berbagi konsistensi yang konsisten (ditandai dalam warna biru), begitu pun dengan lurus-ke-melingkar (ditandai dalam warna hijau kebiruan) dan melingkar-ke-melingkar (ditandai dengan warna oranye).  Hasil kerningnya terlihat sama rata dalam konsistensi. Meski pun Anda tidak harus melakukan kerning seperti ini pada semua huruf Anda, tapi menjaga konsep ini di pemikiran Anda dapat membantu mencapai konsistensi dalam jarak spasi secara visual pada sebuah kata atau kalimat yang telah Anda atur, terutama jika Anda dihadapkan pada huruf-pasangan huruf-huruf khusus yang tidak terlihat cocok.

7

03. Perhatikan ukuran titik.

Ukuran yang Anda atur pada font Anda akan mempengaruhi kerningnya. Dalam kata lain, huruf sering muncul untuk berinteraksi secara berbeda pada titik-titik ukuran tertentu – jika Anda mengatur headline pada 48 pt., lakukan kern, dan kemudian setelahnya butuh untuk diganti menjadi 24 pt., makan pekerjaan kerning Anda pun akan menggantung.

Karena alasan tersebut, adalah sebuah ide yang bagus untuk melakukan kern setelah Anda mengatur semua ukuran jenis huruf Anda. Atau, jika Anda mengerjakan sesuatu seperti logo yang akan muncul secara cetak apa satu ukuran di kartu nama atau pun ukuran yang lebih besar pada kaos, lakukan kern secara terpisah. Agar dicatat bahwa setiap kesalahan kerning (atau mengabaikannya dari awal) akan semakin terlihat jelas jika Anda mengerjakan dalam ukuran besar, huruf-huruf besar yang amat menonjol.

8

Sebagai pakem, Anda menggunakan kerning yang rapat pada ukuran yang lebih besar, namun huruf-hurufnya akan terlihat lebih dekat pada ukuran kecil, jadi buatlah kerning yang agak renggang jika dibutuhkan. (Akan dibahas lebih dalam pada tip berikutnya).

9

04. Err pada sisi lain dari kerning yang berlebihan.

Teks yang spasinya terlalu rapat akan sulit untuk dibaca, terutama yang berukuran kecil. Efek negatif yang lain dari kerning yang berlebihan adalah huruf juga akan terlihat bersentuhan satu sama lain, yang terkadang menciptakan sebuah huruf baru yang berbeda (atau kata!). Poster cerdas ini mendemonstrasikan kemungkinan itu: Apa yang terjadi jika “r” dan “n” pada “kerning” memiliki spasi yang terlalu dekat? Mereka akan menjadi sebuah huruf “m” (dan menciptakan sebuag terminologi untuk ditambahkan pada kamus tipografis Anda):

kerning-10-tb-752x0

Behance/Sara Heffernen

Karena kemudahan dalam membaca harus menjadi perhatian utama untuk tipografi pada setiap desain, ketika ragu, melakukan kern pada huruf agar terlihat longgar adalah langkah yang paling tepat untuk menghindari pembaca mendapatkan pemahaman yang berbeda atau kesempatan untuk salah menginterpretasikan.

05. Putar

Terkadang agak sulit untuk menemukan dimana Anda butuh membuat pengaturan kerning, karena otak Anda meinginkan Anda melihat apa yang huruf-huruf tersebut coba sampaikan. Salah satu caranya adalah mengalihkan fokus dengan memutar huruf Anda menjadi terbalik – ini membantu Anda melihat bentuk dari huruf dan spasi yang mereka ciptakan, daripada teralihkan dari kata itu sendiri.

11

06. Simpan kerning untuk yang terakhir.

Dalam proses desain Anda, kerning seharusnya menjadi langkah terakhir yang Anda lakukan pada tipografi dan hal-hal yang berkaitan dengan jarak spasi. Pastikan Anda sudah selesai dalam memilih font sebelum melakukan kerning, karena kerning akan terlihat berbeda pada setiap jenis huruf. Ini adalah langkah terakhir yang akan memberikan polesan ekstra secara profesional pada desain Anda.

Tapi, sebelum Anda melakukan kerning, Anda harus memberikan sedikit perhatian ekstra pada tipe spasi dahulu, sebagaimana berikut: tracking dan leading.

  • Tracking: Juga dikenal sebagai spasi huruf, tipe ini adalah bagian dari kontribusi jarak spasi kepada keseluruhan tampilan visual “kelonggaran” atau “kerapatan” pada teks Anda. Dari melakukan pengaturan sepasang huruf seperti kerning, pengaplikasian tracking memiliki jarak spasi yang konsisten pada semua huruf yang telah diseleksi pada teks – Anda mungkin harus mengatur satu dua kata, sebuah kalimat atau keseluruhan paragraf atau beberapa halaman dalam satu kali. Jika tracking dibutuhkan dalam desain Anda, Anda mungkin akan melakukan hal itu dulu sebelum melakukan kerning.
  • Leading: Ini adalah jarak spasi vertikal diantara kalimat pada teks. Mungkin Anda sudah melakukan pengaturan ini pada proses program Word, dimana ini adalah fitur yang umum. Meskipun begitu, bukan berarti Anda harus melakukan kern pada beberapa kalimat didalam teks, namun memperhatikan hal ini akan menjadi masukan yang bagus dalam meningkatkan kemampuan desain Anda.

Sebagai catatan tambahan, banyak program yang memiliki beberapa pengaturan kerning yang berbeda untuk dipilih. Selain melakukan kerning secara manual (yang mana adalah cara yang terbaik), Anda mungkin sering melihat “metrics” atau “optical” pada pilihan kerning. Metrics digunakan untuk membangun pengaturan kerning dimana jenis huruf yang dispesifikasikan oleh desain pada font dokumen. Buang setting optikal tersebut, lakukan re-spacing dan re-kerning pada jenis huruf tergantung pada algoritmanya. Pelajari lebih jauh mengenai bagaimana pengaturan ini bekerja dan kapan Anda mungkin menggunakan mereka disini.

07. Tahu kapan harus melakukan kern.

Sebagaimana telah kami sampaikan beberapa kali, kerning menciptakan efek yang signifikan pada tipografi berukuran besar seperti headline, judul, banner atau gambar pahlawan dengan teks, logo dan semacamnya. Salinan dari balok yang besar tidak membutuhkan kerning (terutama secara manual) karena:

1) Setiap masalah kerning tidak akan terlihat pada body copy dengan huruf berukuran 10, 11, atau 12 pt.

2) Banyak jenis font, terutama yang berkualitas tinggi, dilengkapi dengan ratusan atau bahkan ribuan “pasangan kern”. Seringnya, pasangan custom-kern ini akan memiliki bentuk dari jenis huruf yang unik dan terkonstruksi, dan mengeliminasi kebutuhan kerning secara manual, terutama ketika pengaturan ketikan paragraf pada teks.

Selain itu, melakukan kerning pada sehalaman penuh dari pasangan huruf satu ke pasangan huruf lain akan memakan waktu berjam-jam, dan Anda tidak memiliki waktu untuk itu. Lakukan kern secukupnya, tapi lakukan dengan strategi pada setiap tipografi yanga akan memberikan banyak keuntungan dari perhatian ekstra tersebut.

08. Berlatihlah.

Kerning adalah salah satu konsep desain yang membutuhkan Anda untuk berlatih – juga memahami bagaimana kerning bekerja dan penggunaannya secara baik. Di satu sisi dari memulai tipe kern pada proyek, Anda bisa bisa mencoba kemampuan kerning (dan mendapatkan feedback) dengan sebuah situs permainan bernama Kerntype.

12

Game ini tidak memiliki instruksi, jadi begini caranya bekerja: Anda akan diberikan kata untuk di-kern; huruf pertama dan terakhir akan terkuncim dan Anda harus menggerakan sisa huruf yang lain untuk menciptakan tampilan dengan jarak spasi yang sama rata.

13

Setelah Anda selesai, klik “Compare” dan pastikan Anda sudah memilih pilihan “Both” sehingga Anda bisa melihat hasil kerning Anda (dalam warna putih) lalu dibandingkan dengan rekomendasi solusi (dalam warna biru). Anda akan mendapatkan nilai berdasarkan kepada seberapa mendekati hasil Anda dengan rekomendasi solusi. Latihan seperti ini akan membantu Anda dalam mengatur proses visual dari kerning.

14

09. Untuk desainer situs; Anda juga bisa melakukan kern!

Kerning umumnya dikonsiderasikan sebagai sesuatu yang grafik dan dilakukan oleh desainer cetak untuk proyek dimana tipografinya adalah statis. Namun sejak Internet telah ada, desainer situs yang mengenal jenis huruf dan programmer juga ingin melakukan kern. Dan saat ini telah tersedia peralatan yang membantu mereka untuk melakukan itu. Salah satunya adalah Kerning.js, sebuh script yang membantu Anda untuk memanipulasi kerning tipografi di situs Anda via CSS. Pelajari lebih jauh tentang spesifik kerning untuk web dan tehnik tipografis yang lain disini.

15

Kembali kepada Anda

Sudah lihat kan betapa pentingnya kerning? Kami harap begitu! Kesalahan kerning dapat terlihat tidak profesional (dan terkadang memalukan), namun sekarang Anda sudah mengetahui bagaimana melakukan kerning pada proyek desain Anda. Perhatikan…sekali Anda mencoba melatih otak Anda untuk melihat kerning yang jelek, Anda mungkin akan mulai melihatnya dimana-mana – pada papan tanda dan iklan, kemasan produk, dan masih banyak lagi. (Anda sudah diperingatkan!)

Apakah Anda sudah membaca artikel kami yang lain pada kateogori “Tipografi” dan “Font”? Kami memiliki beberapa sumber yang bagus untuk membantu Anda meningkatkan kemampuan tipografi Anda, seperti “20 Kesalahan Tipografi yang Dilakukan Setiap Pemula – Dan Bagaimana Cara Menghindarinya” dan “Daftar Istilah Cantik Tipografi yang Harus Anda Ketahui.”

Senjata rahasia Anda untuk desain yang menakjubkan