Menggunakan warna dalam desain

Sekitar 8 persen laki-laki memiliki gangguan penglihatan warna merah-hijau. Formulir yang hanya menandai kesalahan dengan merah membuat banyak dari mereka harus menebak.

Jangan mengandalkan warna saja untuk menyampaikan pesan

Kriteria keberhasilan WCAG 2.2 nomor 1.4.1, Use of Color, berada pada tingkat A, tingkat paling dasar. Menurut kriteria ini, warna tidak boleh menjadi satu-satunya cara visual untuk menyampaikan informasi, menunjukkan tindakan, meminta respons, atau membedakan unsur visual. Garis tepi merah pada kolom formulir yang salah boleh digunakan, asalkan ada ikon atau baris teks yang juga menjelaskan kesalahannya. Grafik dengan lima garis berwarna juga memerlukan label, gaya garis berbeda, atau penanda. Tautan dalam paragraf memerlukan garis bawah atau petunjuk lain selain warna.

Salah satu alasannya adalah penglihatan warna. Dalam buku neurosains OpenStax, dijelaskan bahwa sebagian orang memiliki variasi genetik yang membuat mereka memiliki dua jenis sel kerucut, bukan tiga, atau satu pigmen sel kerucut yang bekerja berbeda. Mereka tidak buta terhadap suatu warna, tetapi beberapa warna yang dapat dibedakan kebanyakan orang tampak sama bagi mereka. Jenis merah-hijau paling umum dan memengaruhi sekitar 8% laki-laki. Ada alasan lain juga: ponsel di bawah matahari terik, proyektor murah, hasil cetak hitam putih. Desain yang tetap dapat digunakan dalam skala abu-abu juga dapat digunakan pada semua keadaan itu.

Peran utama kecerahan

Karena itu, desainer berpengalaman merencanakan palet dalam dua tahap. Pertama, mereka menentukan tingkat kecerahan: latar sangat terang, warna sedang untuk garis tepi, dan warna gelap untuk teks. Setelah itu, mereka memilih rona. Memeriksa setiap pasangan teks dan latar dengan rasio kontras dari unit 6 adalah cara tercepat untuk mengetahui apakah perbedaan tingkatnya cukup besar. Rona komplementer tidak menjamin kontras. Dalam model, jingga merek dan komplemen birunya memiliki saturasi serta kecerahan HSL yang sama, dan rasio di antara keduanya hanya 1.06:1. Dua warna bisa memiliki jarak rona sejauh mungkin, tetapi tetap sulit dibaca saat digunakan sebagai teks dan latar.

Kamu bisa menggabungkan materi pelajaran ini dengan cara kerja sederhana. Mulailah dengan satu rona yang sesuai dengan topik. Gunakan harmoni dari unit 4 untuk memilih satu atau dua rona pendukung. Berikan sebagian besar area pada warna dominan, sekitar 60%, lalu 30% pada warna sekunder dan 10% pada aksen, sesuai patokan panduan University of Delaware. Atur kecerahan setiap pasangan warna teks dan latar sampai mencapai setidaknya 4.5:1, atau 3:1 untuk judul besar dan ikon. Terakhir, pastikan tidak ada informasi yang hanya bergantung pada warna: kesalahan disertai kata-kata, tautan diberi garis bawah, grafik diberi label.

Grafik perlu perhatian tersendiri karena sering memerlukan banyak warna sekaligus. Dalam panduan University of Delaware, ColorBrewer direkomendasikan sebagai alat untuk menyusun palet peta dan grafik. Untuk nilai dari rendah ke tinggi, palet berurutan dengan satu rona yang berubah dari terang ke gelap tetap terbaca dalam skala abu-abu. Untuk kategori, gunakan warna sesedikit mungkin, beri label langsung di sebelah setiap garis atau batang, bukan hanya dalam legenda, dan bedakan tingkat kecerahannya agar dua warna bersebelahan tidak tampak sama.