10 Contoh Tipografi yang Buruk (& Apa yang Dapat Dipelajari darinya)

Menemukan pasangan font yang sempurna, menyesuaikan spasi font, menciptakan kontras, dan meningkatkan keterbacaan adalah proses yang membutuhkan waktu dan pengalaman. Sayangnya, banyak yang memilih untuk melewatkan proses ini dengan menggunakan font secara acak yang “terlihat bagus”, yang menyebabkan desain tipografi menjadi buruk.

Hari ini, kita melihat beberapa contoh tipografi yang buruk untuk melihat apa yang dapat kita pelajari darinya.

Desain tipografi yang baik sangat penting untuk keberhasilan setiap desain. Dan dengan contoh-contoh ini, Anda akan dapat belajar bagaimana menghindari kesalahan yang merugikan dalam proyek desain Anda.

1. Penggunaan Font yang Berlebihan

(sumber: reddit)

Dengan begitu banyak gaya font berbeda yang tersedia di ujung jari Anda dan dengan harga terjangkau, Anda mungkin tergoda untuk menggunakan beberapa di antaranya dalam proyek desain Anda.

Anda dapat menggunakan satu font untuk judul, font lain untuk subjudul, font lain untuk paragraf, dan font yang sama sekali berbeda untuk ajakan bertindak.

Atau, Anda bisa seperti Amazon dan menggunakan banyak font dalam judul yang sama.

Apa yang Dapat Anda Pelajari Dari Ini

Bahkan jika Anda mendesain sesuatu untuk anak-anak, menggunakan terlalu banyak font bukanlah pendekatan yang baik dalam membuat desain tipografi. Ini merusak keterbacaan dan estetika desain keseluruhan.

Temukan pasangan font yang bagus dan pertahankan. Dan jika perlu, gunakan satu font lain namun jangan menggunakan lebih dari 3 font dalam satu proyek desain.

2. Mengabaikan Keterbacaan

(Sumber: Perusahaan Cepat)

Salah satu contoh terbaik dari tipografi yang buruk terlihat di Oscar 2017. Kartu berdesain buruk yang diberikan kepada penyiar menyebabkan momen yang cukup memalukan yang akan selamanya dikenang dalam sejarah.

Penyebab di balik kesalahan ini adalah keterbacaan yang buruk. Pemenang penghargaan tidak ditampilkan pada kartu dengan tipografi yang jelas, sehingga membingungkan penyiar dan menimbulkan kontroversi.

Apa yang Dapat Anda Pelajari Dari Ini

Bahkan desainer terbaik dan paling terkemuka pun melakukan kesalahan. Dalam hal ini, para desainer yang menggarap Oscar mungkin akan kehilangan cukup banyak bisnis. Namun, pelajaran terbesar yang harus Anda ambil dari hal ini adalah — Jangan mengabaikan pentingnya keterbacaan.

3. Tipografi Tidak Konsisten

(Sumber: Awwwards)

Standar yang diterima secara luas dalam desain tipografi adalah membuat judul yang lebih besar dari subjudul dan teks paragraf. Itu sebenarnya sudah menjadi rahasia umum. Namun, ada desainer yang masih bingung dengan konsep ini.

Dalam contoh ini, Anda dapat melihat dengan jelas perbedaan antara heading dan subheading. Masalahnya adalah ukuran font. Judulnya jauh lebih besar daripada subjudulnya dan akan membuat mata Anda tegang saat mengubah fokus di antara dua blok teks.

Apa yang Dapat Anda Pelajari Dari Ini

Membuat tipografi yang konsisten dan mudah dibaca lebih penting daripada mendesain tipografi yang tampak unik dan bergaya.

4. Pemasangan Font yang Buruk

(Sumber: kegembiraan font)

Baik itu situs web, poster, pamflet, atau bahkan undangan pernikahan, Anda perlu menemukan pasangan font yang tepat untuk judul dan paragraf. Kedua font ini harus bekerja secara harmonis untuk menawarkan keterbacaan yang lebih baik dan pengalaman pengguna yang lancar.

Dan jika Anda ingin mengetahui apa yang terjadi jika Anda memilih pasangan font secara acak, lihat saja contoh ini.

Apa yang Dapat Anda Pelajari Dari Ini

Mengabaikan pentingnya pemasangan font yang benar dapat menyebabkan hasil yang buruk. Ini akan merusak keterbacaan dan berdampak negatif pada desainer dan reputasi klien.

5. Teks Tidak Sejajar

(Sumber: Awwwards)

Anda tidak bisa begitu saja menempatkan blok teks di mana pun Anda inginkan dalam sebuah desain. Bahkan desainer paling terkemuka dan berpengalaman pun mengikuti pedoman dasar untuk membuat desain tipografi yang baik.

Pedoman tersebut tidak diikuti dalam contoh ini. Sepertinya perancangnya tidak peduli sama sekali tentang keterbacaan dan tidak memperhatikan penyelarasan blok teks dengan benar.

Apa yang Dapat Anda Pelajari Dari Ini

Perataan teks adalah kunci untuk menciptakan tipografi yang baik dan mudah dibaca. Ini juga membantu mengatur dan menghindari teks yang tampak kacau (seperti yang Anda lihat pada contoh).

6. Teks Kontras Rendah

(Sumber: Awwwards)

Di sebagian besar desain, Anda perlu menyorot bagian teks, terutama untuk membuat ajakan bertindak. Hal ini dicapai dengan menciptakan kontras yang jelas antara elemen teks.

Tapi, tidak semua orang bisa melakukan hal ini dengan benar. Dalam contoh ini, Anda dapat melihat apa yang terjadi jika Anda tidak mempertimbangkan kontras antara elemen tipografi, latar belakang, dan ajakan bertindak.

Apa yang Dapat Anda Pelajari Dari Ini

Tanpa kontras, teks menjadi lebih sulit dibaca dan sangat mempengaruhi keterbacaan. Gunakan warna, ukuran font, dan bobot font untuk menciptakan kontras yang jelas antar elemen dan menyorot teks dengan lebih baik.

7. Masalah Spasi Huruf (Kerning).

(Sumber: reddit)

Kerning, atau jarak antar pasangan huruf adalah aspek penting lainnya yang harus diperhatikan saat memilih font. Beberapa font sengaja dirancang dengan kerning tidak beraturan untuk menciptakan desain tipografi yang unik namun tidak cocok untuk setiap proyek.

Ketika kerning tidak disesuaikan dengan benar, hal ini berdampak pada keterbacaan dan menghasilkan teks yang terlalu sulit untuk dibaca dan dipahami. Contoh kehidupan nyata ini menunjukkan seberapa besar dampaknya terhadap keterbacaan.

Apa yang Dapat Anda Pelajari Dari Ini

Mendesain tipografi yang baik lebih dari sekedar font dan bobot yang bagus, ada banyak elemen penting lainnya, seperti Kerning dan pelacakan, yang perlu Anda waspadai saat membuat desain tipografi yang berfungsi.

8. Blok Teks Berantakan

(Sumber: Awwwards)

Memasukkan terlalu banyak teks ke dalam satu halaman sering kali dapat menimbulkan tampilan yang berantakan dan penuh sesak. Tentu, ini mungkin membuat desain Anda terlihat unik, tapi itu bukan alasan yang bagus. Contoh ini adalah bukti bahwa memasukkan terlalu banyak elemen teks ke seluruh desain akan lebih buruk lagi.

Apa yang Dapat Anda Pelajari Dari Ini

Penggunaan perataan, tata letak, dan pengaturan font yang tepat adalah suatu keharusan untuk membuat teks yang mudah dibaca. Jangan berpikir proyek desain Anda bisa menjadi pengecualian.

9. Mengabaikan Konteks

(Sumber: Awwwards)

Menggunakan font yang lucu untuk desain tentang topik yang serius mungkin akan mengirimkan pesan yang salah. Sukai situs web ini untuk sekolah juru masak dan ahli kecantikan.

Apa yang Dapat Anda Pelajari Dari Ini

Hanya karena Anda menemukan font yang tampak keren bukan berarti Anda bisa menggunakannya di setiap desain. Anda juga perlu mempertimbangkan tujuan desain, target audiens, dan di mana desain tersebut digunakan.

10. Masalah Kompatibilitas

(Sumber: Awwwards)

Teks yang Anda desain untuk situs web desktop mungkin tidak terlihat sama di perangkat seluler. Beberapa font dan desain tipografi juga memiliki masalah kompatibilitas dengan browser yang berbeda.

Contoh ini menunjukkan apa yang terjadi jika Anda tidak mempertimbangkan faktor kompatibilitas ini. Website ini tidak hanya memiliki efek animasi yang membuat teks sulit dibaca tetapi juga mengubah teks menjadi tata letak vertikal saat dilihat di perangkat seluler.

Apa yang Dapat Anda Pelajari Dari Ini

Selalu uji masalah kompatibilitas, terutama saat mendesain teks dan tipografi untuk situs web dan aplikasi.

Kesimpulan

Dengan bantuan pelajaran dan contoh ini, semoga Anda dapat menghindari kesalahan yang sama di kemudian hari.

Pastikan untuk memeriksa kategori Tipografi kami untuk mempelajari lebih lanjut tentang konsep, strategi, dan teknik yang berkaitan dengan desain tipografi.