Palet warna yang bagus, dapat digunakan untuk buta warna.

13

Saya merancang bagan sekarang, yang perlahan akan memiliki lebih banyak item ditambahkan ke dalamnya. Saya ingin membuat daftar / urutan warna untuk item, yang akan paling dapat digunakan untuk buta warna untuk membedakan antara setiap item. Ada ide bagaimana / di mana untuk memulai?

fish2000
sumber

Jawaban:

14

Jika Anda ingin menggunakan pendekatan "coba-coba", saya sarankan alat yang bernama Color Oracle (cross-platform) yang mensimulasikan deuteranopia / deuteranomaly, protanopia / protanomaly, dan tritanopia - jenis kebutaan warna pada layar komputer Anda.

(Juga Photoshop memiliki pengaturan bukti buta warna yang tersedia di bawah ViewProof Setup(CS5 memiliki, setidaknya). Tapi Photoshop mungkin sedikit berlebihan, jika Anda akan merancang bagan.)

Jari Keinänen
sumber
1
+1 untuk bukti photoshop yang saya coba beberapa hari yang lalu. Cukup mengagumkan
JamesHenare
Intinya adalah bahwa pengujian adalah pendekatan yang tepat; memilih palet "aman" tidak akan terlalu membatasi.
Charles Stewart
7

Kebutaan warna seperti apa yang Anda coba atasi? Link ini

http://en.wikipedia.org/wiki/Color_blindness

harus memberi Anda ide yang baik dari berbagai warna untuk menghindari berdasarkan pada jenis buta warna.

Secara umum, membuat apa pun yang bergantung pada memilih antara blues dan hijau bisa menjadi tidak pasti; Anda mungkin ingin melihat bagaimana barang-barang Anda terlihat murni monokromatik.

Karena ada serangkaian "kebutaan warna" Anda mungkin juga ingin selalu memastikan bahwa kontrol, dll. Memiliki redundansi (misalnya, tombol merah besar juga harus diberi label "Tombol Hancur Sendiri" dalam warna kontras yang bagus (hitam pada merah) atau putih merah).

lawndartcatcher
sumber
panggilan bagus untuk redundansi
JamesHenare
1
@Lauren: Ya, Anda tidak bisa terlalu berhati-hati ketika merancang UI untuk sarang jahat Anda ...
lawndartcatcher
ya, dan pastikan Anda mempekerjakan anak berusia lima tahun untuk menguji rencana besar Anda. :)
Lauren-Clear-Monica-Ipsum
5

Ada banyak jenis buta warna. Kuncinya adalah memastikan ada kontras yang memadai. Bahkan lebih baik, jangan mengandalkan warna saja - memiliki informasi yang sama selalu tercakup dalam bentuk, kontras, atau urutan item. Jika gambar Anda mudah dimengerti dalam warna hitam dan putih, gambar itu lewat.

DA01
sumber
Sementara secara teknis ada banyak jenis, sebagian besar memiliki deuteranopia atau deuteranomali yang lebih ringan. Hampir semua yang lain memiliki protanopia atau protanomali. Semua hal di atas adalah hilangnya warna merah-hijau. Semua tipe yang tersisa bersama-sama (biru-kuning atau monokrom) kurang dari 0,01% dari populasi, seperti yang saya mengerti. Jadi, saya terutama menargetkan penglihatan normal dan deuteranopia (menggunakan simulasi Adobe) dan kemudian mengubah sedikit menggunakan simulasi protanopia.
Jon Coombs
Jika Anda mengganti merah seluruhnya dengan warna yang tidak digunakan (biasanya magenta, atau oranye), itu membantu. Android telah melakukan banyak hal. (Atau, Anda bisa mengganti hijau.) Mengganti ikon berwarna tidak mudah, jika Anda menggunakan merah (atau hijau) hanya di beberapa ikon Anda. (Bagi kami, ikon lama kami tidak semuanya monokrom.) Jika Anda memiliki kemewahan palet yang dapat ditukar maka Anda dapat mengoptimalkan secara terpisah untuk deut. dan prot., dan bahkan menambahkan opsi ketiga untuk tritanopia / tritanomali. Jika Anda memiliki swappable, memiliki mode kontras tinggi (teks terang pada bg gelap) banyak substitusi tetapi bahkan lebih bermanfaat.
Jon Coombs
4

Saya buta warna. "Kami" menyukai grafis yang didiskriminasi menggunakan warna sebanyak "Anda" - hanya saja ada lebih sedikit warna di dunia kita daripada warna Anda. Inilah saran pragmatis dalam semangat aturan 80/20.

Jika jenis sensor warna (proto) pertama Anda tidak berfungsi, visi Anda adalah proto-anopik. Jika mereka sedikit bertingkah aneh, Anda proto-anomolous. Ulangi untuk dua jenis sensor warna lainnya dan gantikan 'deuter' atau 'trito' untuk 'proto'. (Saya pikir ini adalah bahasa Yunani untuk 1,2,3).

Peluang pragmatis muncul dari kenyataan bahwa deuteranomaly jauh lebih lazim daripada jenis lainnya; 5% dari semua pria. Yang lain mencetak kurang dari 1% pada laki-laki, dan bahkan lebih sedikit pada perempuan. Jadi solusi sederhana bagi kita deuteranomalists berjalan jauh - saya pribadi tidak ingin harus mengkonfigurasi warna sendiri hanya untuk dapat melihat perbedaan garis pada grafik. (Yang terjadi sepanjang waktu).

Saya telah memasukkan di bawah satu set warna kecil yang dapat saya lihat perbedaannya dengan mudah. Saya telah mencoba gagal memasukkan lebih banyak - sehingga memberi Anda gambaran betapa kecilnya palet itu.

Nb. Jangan lupa itu tidak ada gunanya merujuk warna-warna ini dengan nama dalam pengalaman pengguna yang Anda buat. Bagi kami Deuts - sepertinya "Anda" telah menemukan banyak sekali nama yang tidak perlu digandakan untuk warna yang hampir sama :-)

rgb (255, 204, 153)

rgb (204, 204, 255)

rgb (255, 102, 102)

rgb (139, 230, 2)

merah

kuning

rgb (51, 51, 255)

rgb (153, 153, 153)

rgb (153, 0, 0)

rgb (51, 51, 51)

rgb (0, 0, 102)

rgb (120, 102, 75)

Pete Howard
sumber
1
Fragmen html yang saya salin untuk menunjukkan warna belum muncul dengan benar - jadi izinkan saya coba lagi:
pete howard
di sini ya pergi jsfiddle.net/kgasj68o
santa
2

Jenis kebutaan warna yang paling umum adalah kebutaan warna merah-hijau (yang mungkin cacat dalam mendeteksi merah atau mendeteksi hijau, tetapi jarang keduanya). Jadi hindari mengandalkan perbedaan di bagian merah-hijau dari spektrum. (Hijau muda dan oranye terang akan cenderung tampak sama untuk orang-orang seperti itu, misalnya.)

Jika Anda ingin sangat berhati-hati, Anda dapat menempatkan warna pada sumbu biru-kuning (sangat biru; aqua; putih; kuning kekuningan; coklat); semua masalah merah-hijau masih membuat individu dapat mengatakan bahwa biru berbeda; kuning memiliki keuntungan mengaktifkan kerucut hijau dan merah, jadi jika ada masalah dengan salah satunya, itu masih banyak terlihat. Atau, setiap regangan di mana kecerahan meningkat (misalnya merah-> kuning-> putih) terlihat oleh kebanyakan orang. Namun, jangan berasumsi bahwa merah berbeda dari hitam.

Rex Kerr
sumber
2

Ada beberapa alat untuk firefox di luar sana Contoh

Afaik, ada juga sertifikat yang memiliki beberapa pedoman. Saya melihat ke kertas saya tetapi belum menemukannya sejauh ini. Google pasti akan memberi tahu sesuatu tentang berbagai sertifikat yang tersedia untuk negara Anda.

kaisar
sumber
2

Saya menghidupkan kembali ini karena sulit untuk menemukan contoh konkret atau How-To.

Anda dapat menggunakan simulator untuk membantu mencapai tujuan ini, dengan mengingat bahwa penargetan Deuteranopia mencakup mayoritas, dan mendukung Protanopia juga mencakup hampir semua orang. (Saya percaya sisanya kurang dari 0,01% dari populasi.)

Produk-produk Adobe seperti Illustrator memiliki simulator yang sangat membantu (buka Window baru dan pilih View> Proof Setup> Color Blindness ...) yang dapat secara instan menampilkan rendisi langsung berdampingan saat Anda mengubah warna. Dan ada juga alat mandiri gratis, seperti Color Contrast Analyzer.

Berikut ini adalah contoh cuplikan layar dari Illustrator yang menunjukkan palet enam warna (di mana warna keenam adalah Merah atau Magenta, bukan keduanya) dan keduanya simulasi. Yang kiri bawah adalah yang paling kritis, secara statistik.

Perhatikan bahwa dalam hal ini ungu hanya menjadi sedikit berguna (cukup pudar, dan meskipun demikian masih memiliki kontras rendah dengan biru dan / atau magenta). Juga, opsi "paling aman" (Magenta full-on menggantikan Red) bisa agak keras. Bagi kebanyakan orang dengan CVD, menyesuaikan saturasi / kecerahan merah dan hijau dapat memberikan kontras yang dapat dikenali.

mudah-mudahan palet warna-aman

(Silakan periksa dengan saya sebelum menggunakan ulang palet / gambar ini secara keseluruhan.)

Saya sangat merekomendasikan menggunakan ruang warna HSL. HSB (alias HSV) juga cukup ramah, terutama dibandingkan dengan RGB atau CMYK. (FYI, hanya nilai rona akan identik dalam dua sistem.) Di sini, setiap kolom menggunakan angka rona tunggal. Anda selalu dapat mengekstrak kode RGB nanti, baik dari Adobe atau menggunakan alat yang sangat baik di colorizer.org . Kode Hex RGB, sayangnya, paling ringkas dan langsung dapat digunakan oleh programmer dll, meskipun jika Anda bekerja di CSS, secara langsung mendukung HSL (yay).

Saturasi Blue di sini sengaja rendah untuk (a) menjadi warna tautan / tombol yang lebih lembut dan (b) lebih kontras dengan magenta dan purples jenuh baik ini. Dalam sebuah kolom, variasi utamanya adalah kecerahan, tetapi Anda juga bisa lolos dengan beberapa variasi saturasi.

Jon Coombs
sumber
1

Jika Anda tidak menggunakan Photoshop atau berada di versi sebelumnya yang tidak memiliki tampilan bukti buta warna yang disebutkan di atas, Anda dapat memeriksa kontras kecerahan desain dengan mengonversi ke skala abu-abu. Atau, jika ini adalah versi PS sebelumnya, Anda bisa menggunakan layer hue dan saturation dengan saturasi diputar mundur, atau peta gradien menggunakan hitam ke putih sebagai gradien. Letakkan layer itu sebagai layer teratas dalam dokumen Anda, lalu kapan pun Anda ingin memeriksa kontrasnya, hidupkan. Saya lebih suka peta gradien karena lebih akurat dalam hal warna kontras satu sama lain dalam hal kecerahan (merah menunjukkan sedikit lebih ringan daripada jika Anda hanya desaturate), tetapi keduanya dapat menunjukkan area masalah dalam desain. Selama halaman Anda terlihat bagus dalam tampilan itu, itu tidak masalah bagi pengguna yang buta warna.

Crys
sumber
0

masukkan deskripsi gambar di sini

Gambar 1: Tes buta warna Ishihara .

Saya baru saja menjawab pertanyaan serupa, panjang lebar:

Apa sumber palet warna yang bagus untuk diberikan kepada pengguna buta warna?

Hasil dasarnya adalah: pengalaman buta warna spesifik dari basis pengguna Anda (karena ada banyak perbedaan) layak diselidiki; palet Anda kemungkinan akan berevolusi dari apa yang mungkin Anda lihat melalui mata yang buta warna.

Pic terkait:

Buta warna vs trikromatik

fish2000
sumber
Tetapi tampaknya aneh bahwa mengingat betapa umum beberapa bentuk kebutaan warna tidak ada situs web yang hanya mendaftar palet nyaman. Rasanya seperti menciptakan kembali roda setiap kali.
dumbledad
0

Saya tahu saya sudah menjawab q ini - tetapi saya baru saja menemukan ini:

http://disturbmedia.com/max/colour-blindness.html

... yang merupakan simulator buta warna yang tampaknya sangat cocok untuk tugas tahun Anda. Aku melihatnya dan aku merasa sangat buruk untuk buta warna sehingga aku terpaksa memikirkan palet yang akan bekerja untuk mereka juga, karena kasihan. Sungguh - saya tidak sepenuhnya bercanda; lihat.

fish2000
sumber