Yang Perlu Diketahui
- Gunakan bagan dalam artikel ini untuk menentukan kombinasi warna latar belakang dan latar depan terbaik untuk desain halaman web.
- Gunakan alat online seperti CheckMyColors.com untuk menguji warna situs Anda dan melaporkan rasio kontras antar elemen pada laman.
- Gunakan alat seperti ContrastChecker.com untuk menguji pilihan Anda terhadap Pedoman Aksesibilitas Konten Web.
Artikel ini menjelaskan cara efektif membuat kontras antara warna latar belakang dan latar depan dalam desain web.
Cara Membuat Kontras Yang Kuat
Beberapa warna mungkin cerah dan muncul dengan cerah pada warna latar belakang tertentu, seperti biru pada hitam, tetapi itu adalah pilihan kontras yang buruk. Jika Anda membuat halaman dengan semua teks biru dengan latar belakang hitam, misalnya, pembaca Anda akan mengalami kelelahan mata dengan sangat cepat.
Pelajari bagan di bawah ini untuk mengetahui kombinasi latar belakang/latar depan terbaik.
Ada aturan dan praktik terbaik untuk kontras, tetapi sebagai seorang desainer, Anda harus selalu mengevaluasi aturan tersebut untuk memastikan bahwa aturan tersebut berfungsi dalam contoh khusus Anda.
Gunakan Alat Pemeriksa Kontras Online
Selain selera desain Anda sendiri, cobalah beberapa alat online untuk menguji pilihan warna situs Anda. CheckMyColors.com akan menguji semua warna situs Anda dan melaporkan rasio kontras antar elemen pada halaman.
Selain itu, ketika mempertimbangkan pilihan warna, Anda juga harus mempertimbangkan aksesibilitas situs web dan orang-orang yang memiliki bentuk buta warna. WebAIM.org dapat membantu dengan ini, seperti yang dapat ContrastChecker.com, yang akan menguji pilihan Anda terhadap Pedoman Aksesibilitas Konten Web.
Mengapa Kontras Penting?
Kontras yang kuat memainkan peran penting dalam keberhasilan desain situs web mana pun. Kontras yang memadai memastikan pengalaman pengguna yang berkualitas dan keterbacaan yang lebih mudah yang akan berkontribusi pada kesuksesan jangka panjang situs. Namun, situs web yang kontrasnya terlalu rendah dapat sulit dibaca dan digunakan, yang akan berdampak negatif pada efektivitas situs mana pun.
Meskipun mungkin mudah untuk menentukan warna mana yang tidak bekerja sama dengan baik, ini adalah pertanyaan yang lebih sulit untuk memutuskan warna mana yang berpasangan secara efektif, baik kontras dengan warna lain maupun dalam desain a situs web.
Standar Branding dan Pilihan Warna Kontras Color
Kontras hanyalah salah satu faktor yang perlu dipertimbangkan ketika Anda memilih warna untuk desain situs web Anda. Saat memilih warna, Anda mungkin juga harus memperhatikan standar merek untuk klien, apakah itu perusahaan, organisasi lain, atau bahkan individu. Meskipun palet warna mungkin konsisten dengan pedoman merek organisasi, mereka mungkin tidak diterjemahkan dengan baik untuk presentasi online.
Misalnya, hijau kuning dan cerah sangat menantang untuk digunakan secara efektif di situs web. Jika warna-warna ini ada dalam pedoman merek perusahaan, mereka mungkin hanya perlu digunakan sebagai warna aksen, karena sulit untuk menemukan warna yang kontras dengan keduanya.
Demikian pula, jika warna merek Anda hitam dan putih, ini berarti kontras yang bagus, tetapi jika Anda memiliki situs dengan jumlah teks yang panjang, warna hitam latar belakang dengan teks putih akan membuat membaca menjadi pengalaman yang sangat melelahkan meskipun ada kekuatan kontras yang melekat antara hitam dan putih. Dalam hal ini, disarankan untuk membalikkan warna, menggunakan teks hitam dengan latar belakang putih. Itu mungkin tidak menarik secara visual, tetapi ini adalah pilihan kontras dan keterbacaan yang jauh lebih baik.