Panduan Utama Tipografi Web: Aturan, Glosarium, Ide, dan Praktik Terbaik

'Sebuah gambar bernilai seribu kata.'

Paling sering gambar menyampaikan apa yang mereka katakan. Namun, gambar dengan teks membuat dampak yang lebih kuat.

Tipografi bertindak sebagai pendamping grafis Anda. Tipografi tidak hanya memilih font acak dan ukuran titik dari menu drop-down perangkat lunak pengeditan Anda. Ini adalah bidang khusus dalam desain grafis. Ini adalah seni dan teknik mengatur jenis. Ini adalah salah satu keterampilan penting yang dapat membedakan Anda dari desainer lainnya jika Anda tahu cara menggunakannya.

Apa itu Tipografi?

Sebelum masuk ke dalam seni dan teknik tipografi, pahami dulu apa itu tipografi. Tipografi adalah bagian visual dari teks (kata tertulis). Teks adalah rangkaian kata. Setiap teks yang ditampilkan secara visual yang Anda lihat pada dasarnya adalah tipografi. Teks dapat dikategorikan dalam tiga cara- visual, terdengar dan digital.

Tipografi lebih dari sekadar desain huruf dan karakter. Ini termasuk pilihan ukuran titik, jarak, dan panjang garis. Kembali pada saat Johannes Gutenberg memperkenalkan mesin cetak, penata huruf harus mengatur huruf dan karakter dalam ruang fisik. Sekarang di era komputer, pekerjaan ini jauh lebih mudah. Anda hanya perlu menemukan font sumber terbuka, menyusun huruf dan karakter, dan selesai.

Pentingnya Tipografi

Tipografi adalah sesuatu yang benar-benar akan Anda temukan di mana-mana. Katakanlah, itu bisa berupa smartphone, cangkir kopi, papan iklan, kain, dan banyak lagi. Tipografi ada di mana-mana. Pemilihan font, huruf, dan susunan karakter menentukan bagaimana pesan Anda akan tersampaikan.

Bahkan jika tampaknya faktor kecil dalam pandangan Anda, tentu saja tidak. Bahkan satu jenis penyesuaian dapat mengubah seluruh tampilan dan nuansa karya seni Anda. Jika Anda pernah memperhatikan Facebook menguji font baru bernama Geneva pada Juni 2016. Ini sedikit lebih tipis dan lebih ringan dari font Helvetica asli. Tapi, perbedaan antara kedua font ini terlihat jelas.

Aturan Tipografi

Dalam tipografi, Anda harus memilih jenis huruf sesuai dengan tata letak, kisi, tema desain, skema warna, dan sebagainya. Berikut adalah beberapa aturan tipografi yang harus Anda ingat saat bekerja.

Memilih font yang tepat

Jika Anda menghabiskan beberapa menit di internet, Anda akan menemukan sederetan font gratis dan berbayar yang siap pakai. Tetapi itu tidak berarti bahwa Anda harus menghabiskan berjam-jam mencari font yang tepat yang Anda visualisasikan dalam pikiran Anda. Anda dapat mulai melukis bahkan dengan palet terbatas. Ada beberapa font yang dicoba dan diuji seperti Helvetica yang tidak akan pernah salah dalam proyek apa pun.

Jenis huruf adalah bentuk desain yang dibentuk oleh pengrajin yang menyumbangkan semua upaya dan keterampilannya selama periode waktu yang cukup lama. Font yang dirancang secara profesional menawarkan berbagai penyesuaian dalam hal bobot dan gaya untuk menciptakan keluarga yang lengkap. Selain itu, mereka menawarkan pasangan kerning yang cukup besar, dukungan untuk penyesuaian pengaturan tipe multi-bahasa.

Berikut ini adalah istilah tipografi paling penting yang dipertimbangkan:

Ukuran

Tidak setiap jenis huruf diciptakan sama. Beberapa menggunakan aspek gemuk dan lebar sementara yang lain tipis dan sempit. Berbagai jenis tipografi dapat memperoleh jumlah ruang yang berbeda pada halaman.

Ketinggian karakter dilambangkan sebagai X-height. Saat Anda memasangkan tipografi yang berbeda, sebaiknya gunakan hanya tipografi yang memiliki tinggi x yang sama. Di sisi lain, lebar karakter disebut sebagai 'set lebar', yang menentukan berapa banyak ruang yang akan diambil dan disangga oleh huruf lain.

Sistem titik adalah metode yang digunakan untuk mengukur jenis sejak abad ke-18. Sebuah titik dapat diukur sebagai 1/72 inci dan 12 titik dapat membentuk satu pica. Pica adalah satuan untuk mengukur lebar kolom. Selanjutnya, ukuran dapat diukur dalam piksel, inci atau milimeter. Itu tergantung pada kebutuhan proyek.

Terkemuka

Ruang vertikal antara setiap baris jenis dikenal sebagai terkemuka. Alasan untuk menyebut ini sebagai lead adalah karena potongan timah digunakan untuk membagi garis tipe kembali pada saat pengaturan huruf logam digunakan. Aturan praktis untuk mendapatkan teks isi yang dapat dibaca adalah dengan menggunakan nilai awal yang lebih tinggi dari ukuran font. Anda dapat menggunakan nilai awal yang lebih tinggi dalam 1,25 hingga 1,5 kali.

Pelacakan dan kerning

Kerning adalah tindakan yang melibatkan penyesuaian ruang antara karakter. Ini membantu untuk menghasilkan pasangan yang harmonis.

Misalnya- ketika Anda menggunakan huruf besar dari huruf 'A' dengan huruf besar dari huruf 'V', goresan diagonal di kiri atas huruf 'V' dikerutkan dengan bagian kanan bawah 'A'.

Di sisi lain, pelacakan adalah istilah yang berkaitan dengan spasi semua karakter yang diterapkan secara merata. Kerning mirip dengan track, tetapi keduanya tidak sama.

Ukuran

Ukuran adalah istilah yang menjelaskan lebar blok teks. Untuk pengalaman membaca yang optimal, Anda harus mempertimbangkan ukuran sebagai aspek penting dari tipografi.

Hirarki dan skala

Semua jenis tidak dapat digunakan pada ukuran yang sama, Anda harus mengatur hierarki untuk jenis. Jika tidak, akan sulit bagi pembaca untuk memahami informasi mana yang paling penting daripada yang lain.

Umumnya, judul besar, sub-judul lebih kecil, dan tipe tubuh sedikit lebih kecil dari sub-judul untuk membantu pembaca memahami hierarkinya.

Tidak hanya ukuran, penggunaan warna, bobot, dan jarak yang berbeda juga dapat membantu Anda mengatur hierarki dalam pekerjaan Anda.

Glosarium

Kami telah membahas hampir setiap konsep dan terminologi mendasar yang terlibat dalam tipografi di sini.

• Aesc : Dilafalkan sebagai 'Ash'. Ini adalah ligatur dari dua huruf yaitu. 'a' dan 'e'. Asal usul aesc adalah dari bahasa Inggris Kuno yang dilambangkan sebagai vokal diftong. Aesc telah bermigrasi ke alfabet seperti Islandia dan Denmark.
• Aperture : Aperture adalah pembukaan tersimpul dari mesin terbang yang dapat dilihat dalam huruf seperti 'e' ukuran aperture bervariasi sesuai implementasinya. Namun karena Anda akan memvariasikan aperture, efeknya akan tercermin dalam keterbacaan bentuk huruf.
• Apex : Apex adalah titik yang berada di atas sebuah karakter. Ini adalah tempat di mana pukulan kiri dan kanan bertemu.
• Baseline : Ini adalah bagian di mana dasar huruf kapital berada.
• Mangkuk : Mangkuk dianggap sebagai bagian huruf yang tertutup seperti 'b' dan 'p'.
• Bracket : Ini adalah garis seperti baji yang berharga untuk menahan serif dan membentuk batang font di sejumlah tipografi.
• Cap height : Tinggi topi adalah tinggi huruf kapital di atas garis dasar.
• Penghitung : Penghitung tertutup atau tidak sepenuhnya tertutup bagian dari bentuk surat. Penghitung dapat dilihat dalam huruf seperti 'c' atau bagian bawah 'g' dan 'e'. Bagian ini dapat dicampur dengan mangkuk.
• Descender : Ini adalah bagian dari bentuk huruf yang berada di bawah garis dasar. Misalnya- huruf seperti 'p', 'y' dan 'q'.
• Telinga : Telinga adalah goresan kecil yang diperluas dari sisi kanan atas mangkuk.
• Glyph : Ini adalah bagian tunggal yang membangun font. Setiap jenis bagian tunggal yang membantu untuk membangun font, apakah itu tanda baca, angka, huruf, atau bahkan dingbat termasuk di dalamnya. Mesin terbang dapat disebut sebagai blok bangunan tipografi.
• Talang : Ini adalah ruang yang disediakan di antara halaman depan pekerjaan Anda. Talang dapat dilihat secara umum di kolom teks.
• Orphan : Orphan adalah baris pertama dari paragraf baru yang dijalin di akhir halaman. Ini bukan hal yang ingin Anda miliki dalam proyek Anda karena dianggap sebagai praktik yang buruk.
• Pica : Pica adalah satuan untuk mengukur lebar kolom. Ada 16 piksel atau 12 titik dalam satu pica.
• Keterbacaan : Ini disebut sebagai kemudahan membaca yang mencakup penggunaan blok teks yang dapat dipindai dengan mudah oleh mata.
• Serif : Ini adalah jenis huruf dengan serif. Akhir dari goresan bentuk huruf dalam jenis huruf ini berasal dari kecenderungan Romawi.
• Sans-serif : Jenis huruf tanpa serif adalah sans-serif atau sans serif.
• Tulang Belakang : Ini adalah goresan melengkung utama yang ada dalam huruf kecil kapital 'S'.
• Spur : Ini adalah tonjolan kecil yang muncul di lekukan bentuk huruf. Itu juga disebut janggut atau paruh. Misalnya- huruf 'G'.
• Batang : Sebuah goresan panjang penuh disebut sebagai batang dalam karakter tegak. Ini vertikal.
• X-height : Tinggi huruf 'x' dalam huruf kecil dalam jenis huruf tertentu adalah x-height.

7 Ide Tipografi dan Praktik Terbaik

Berikut ini adalah praktik tipografi terbaik yang dapat Anda gunakan dalam pekerjaan Anda. Gunakan tips ini dalam proyek Anda untuk membuat karya agung Anda sendiri.

Pentingnya pemilihan font yang benar

Setiap desainer memiliki daftar font favoritnya. Namun, bukan berarti Anda harus memilih font hanya dari daftar favorit Anda sepanjang waktu. Setiap jenis huruf memiliki gaya, kepribadian, dan suasana hatinya sendiri. Jadi, Anda harus memutuskan font mana yang cocok untuk desain Anda. Pilihan font penting karena membantu Anda menyampaikan pesan Anda kepada audiens Anda.

Ingat audiens Anda

Setelah memilih font yang melengkapi ide desain Anda, Anda harus memikirkan apakah itu akan cocok untuk audiens Anda. Satu kelompok audiens yang Anda targetkan mungkin merasa font Anda trendi, sementara beberapa orang akan menyebutnya ketinggalan jaman. Jadi, Anda harus memahami untuk siapa Anda merancang proyek tersebut. Usia, jenis kelamin, lokasi, dan faktor lain dari audiens Anda harus dipertimbangkan sebelum menentukan keputusan font.

Siapkan hierarki

Seperti disebutkan sebelumnya, hierarki memainkan peran penting dalam tipografi. Grafik Anda harus diatur dengan baik dan harus memberikan kemudahan untuk menavigasi ke pembaca. Hirarki tipografi sangat berguna untuk membuat desain teks-berat seperti buku, buletin, majalah, dan publikasi cetak tradisional lainnya.

Perhatikan jarak dan keselarasan

Spasi dan keselarasan mungkin terdengar kurang penting, tetapi tentu saja tidak. Tanpa jarak dan keselarasan yang tepat, desain Anda akan terlihat membingungkan, berantakan, dan biasa saja. Spasi mencakup penggunaan leading, margins, tracking, dan white-space.

Gunakan Kerning kapan pun dibutuhkan

Banyak desainer bingung antara pelacakan dan kerning. Namun, keduanya adalah istilah yang berbeda. Kerning memungkinkan Anda membuat tipografi Anda terlihat profesional dan halus.

Jangan melebihi penggunaan tipografi, bobot, dan gaya

Kita semua suka menggunakan font yang berbeda dan menyesuaikannya agar terlihat berkelas. Namun, penggunaan tipografi yang berbeda dalam satu desain dapat membuat pekerjaan Anda terlihat amatir dan berantakan. Anda harus menghindari penggunaan lebih dari tiga font dalam satu desain untuk memberikan tampilan profesional.

Perhatikan dan Praktek

Cara yang dicoba dan diuji untuk meningkatkan keterampilan tipografi Anda adalah dengan mempelajari bagaimana desainer lain menggunakan tipografi dalam pekerjaan mereka. Ini adalah keterampilan yang membutuhkan latihan dan perhatian terhadap detail untuk memahami bagaimana seseorang telah menggunakan tipografi dalam proyek mereka dan bagaimana Anda dapat menggunakannya dalam proyek Anda.

Ini adalah panduan utama untuk tipografi. Semoga panduan ini membantu Anda memahami berbagai konsep dan praktik yang dapat digunakan untuk meningkatkan keterampilan tipografi Anda.