Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX

3 Tip untuk Membantu Anda Menghindari Tipografi Web yang Buruk

by
Difficulty:BeginnerLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Febri Ardian Sanjoyo (you can also view the original English article)

Tipografi yang baik membawa hirarki dan fokus ke tempat yang tepat. Panduan singkat ini akan mengajarkan Anda bagaimana menghindari tipografi yang tidak efektif dan bagaimana memberi penekanan yang tepat pada kata-kata tertulis dalam desain Anda.

1. Pertimbangkan Aksesibilitas, Please

Tipografi yang baik berarti merancang tidak hanya untuk keadaan ideal, tapi juga skenario non-ideal, misalnya di mana seseorang mengalami gangguan penglihatan atau pembacaan dalam kondisi kurang cahaya. Bertujuan untuk memiliki rasio kontras yang tinggi antara background dan warna teks. Ada banyak alat online yang tersedia untuk memastikan teks Anda mudah dibaca.

WCAG 2.0 level AA membutuhkan rasio kontras 4,5:1 untuk teks normal dan 3:1 untuk teks besar. Tingkat AAA membutuhkan rasio kontras 7:1 untuk teks normal dan 4.5:1 untuk teks besar.

Teks dengan terlalu banyak kontras juga bisa sulit dibaca. Misalnya teks berwarna terang dengan latar belakang gelap.

2. Kurangi gangguan

Aturan praktis yang bagus adalah mengurangi gangguan membaca teks. Entah itu penggunaan terlalu banyak font, terlalu banyak gaya dan varian, terlalu sedikit atau terlalu banyak jarak antar baris. Kurangi gangguan seperti itu dengan menetapkan batasan jumlah gaya font atau weight yang Anda miliki dalam satu layout.

Misalnya, menggunakan dua atau tiga font dapat bekerja pada web experience tapi lebih dari itu dan Anda berisiko membuat halaman terlihat tidak terorganisir dan berantakan.

3. Optimalkan LineLength

Rata-rata panjang garis (atau "ukuran") untuk pembacaan optimal adalah 8-12 kata per baris atau sekitar 50-60 karakter per baris. Ini akan membantu memastikan bahwa mata pembaca tidak terlalu sering melompat dari awal sampai akhir sebuah kalimat, dan juga tip yang bagus untuk memastikan pembaca tetap terlibat.

Perhatikan hal ini di mana Anda mendesain fluid layout, karena ukurannya cenderung berubah dengan ukuran viewport. Tipografi adalah titik acuan saat menentukan breakpoint untuk desain Anda.

Kesimpulan

Dengan panduan ini sebagai titik awal, Anda dapat menghindari tipografi yang buruk dan dengan jelas mengkomunikasikan pesan desain Anda dengan sedikit gangguan.

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.