Hijau, kuning, dan merah tidak bisa bersamaan? Orang Etiopia harus dihina. Google untuk gambar hijau, kuning, dan merah, dan saya pikir Anda menemukan beberapa contoh menarik (bersama dengan yang jelek).
Seberapa baik kumpulan warna berjalan bersama-sama tergantung pada koordinat warna yang tepat, dan posisi relatif, bentuk, pada ukuran objek berwarna, dan efek yang ingin Anda miliki (misalnya, menenangkan versus menarik, menyenangkan versus serius, berani versus halus). ). Saya tidak punya aturan keras dan cepat untuk Anda, tetapi ada beberapa hal untuk diujicobakan.
Pengorbanan ukuran-saturasi
Untuk menghindari efek menggelegar (dengan asumsi Anda tidak menginginkannya), ukuran objek berwarna harus berbanding terbalik dengan saturasi warnanya. Contoh Anda memiliki saturasi yang cukup tinggi, jadi cobalah saturasi warna yang lebih rendah (mis., Pastel) atau warna sesuatu selain latar belakang. Misalnya, Anda bisa mewarnai teks dan membiarkan latar belakangnya netral, atau Anda bisa mewarnai bentuk atau simbol kecil di samping teks. Yang terakhir akan memberikan kesempatan untuk menggunakan bentuk untuk secara berlebihan mengkodekan kecocokan keterampilan untuk aksesibilitas dan keperluan pencetakan hitam-putih (tanda centang hijau untuk Puas, tanda seru kuning untuk Shortfall, dan merah "jangan masukkan" simbol untuk Tidak Cukup Baik) .
Jarak
Bagaimana warna terlihat tergantung pada kedekatan mereka satu sama lain. Warna daripada bentrok ketika berdekatan terlihat oke dengan pemisahan kecil. Coba letakkan batas netral di sekitar setiap sel untuk memisahkan warna lebih banyak (seperti yang Anda miliki di tajuk), kecuali ada makna sel-sel berwarna sama yang menyatu untuk dianggap sebagai objek tunggal. Coba ketebalan yang berbeda. Coba pisahkan setiap sel dengan batas putih , gunakan untuk tampilan ubin.
Pola
Seberapa baik warna berjalan bersama juga berubah dengan pola warna, jadi pastikan Anda mengevaluasi mockup dengan proporsi dan posisi warna yang khas. Misalnya, jika sebagian besar waktu semuanya berwarna hijau, dan yang paling penting bagi pengguna untuk menghadiri "highlight" kuning dan merah, maka pilihlah hijau yang membuat latar belakang yang baik (misalnya, saturasi rendah, cahaya), dan kuning dan merah tampak duduk "di atas" (misalnya, saturasi yang lebih tinggi, gelap). Pertimbangkan bahwa estetika pola juga dapat berkomunikasi dan memotivasi pengguna. Jika pengguna memiliki seperangkat keterampilan yang sangat tidak cocok atau tidak seimbang, mungkin Anda menginginkan pola yang jelek. Pola yang paling menarik harus sesuai dengan keadaan yang paling menguntungkan bagi pengguna.
Kegunaan
Pertanyaan Anda menyangkut estetika, tetapi pilihan kode warna juga memiliki implikasi kegunaan besar. Pilihan warna Anda harus:
Secara visual berbeda satu sama lain, terutama jika digunakan dalam kondisi visual yang terdegradasi (misalnya pada ponsel di bawah sinar matahari).
Berikan kontras yang bagus dengan latar belakang (jika latar depan), atau dengan latar depan (jika latar belakangnya). Misalnya, teks hitam pada merah tidak begitu bagus. Secara umum, latar depan dan latar belakang membutuhkan tingkat kecerahan yang berbeda.
Pastikan peringkat warna konsisten dengan apa yang dikodekan. Misalnya hal-hal yang harus diperhatikan pengguna untuk lebih kontras dengan latar belakang dan warna-warna lainnya.
Memberikan aksesibilitas dan kemampuan mencetak, di mana setiap warna juga memiliki tingkat kegelapan yang berbeda, dengan tingkat kegelapan ditingkatkan ke jajaran (merah lebih dari kuning lebih dari hijau). Jadikan hijau Anda agak kebiru-biruan dan / atau merah Anda agak jingga sehingga pengguna buta warna merah-hijau (jenis kebutaan warna yang paling umum) masih dapat melihat perbedaan warna.
Gunakan kode warna hanya untuk satu variabel. Saya tidak tahu untuk apa Anda menggunakan abu-abu dan oranye, tetapi kemungkinan akan menyebabkan kebingungan dan mempersulit bagi pengguna untuk menggunakan warna merah hijau dan kuning. Kapan saja Anda memiliki lebih dari tiga warna, sulit untuk menjaga hal-hal yang dapat digunakan. Temukan cara lain untuk mengkode kode abu-abu dan oranye apa pun (misalnya, menggunakan ukuran atau berat font, atau menggunakan garis putus-putus untuk batas sel; lihat Memasukkan G ke GUI ).
Dalam satu proyek yang saya kerjakan, warna yang saya gunakan adalah # E00000, # FF8400, dan # C0FFE0 (bukan kuning yang sangat kuning, tetapi masih berfungsi).
Saya memiliki lebih banyak tentang memilih kode warna, termasuk cara menghitung kontras warna dan kecerahan di Breaking the Color Code .
