Buona tavolozza di colori, utilizzabile per il daltonico.
Risposte:
Se vuoi seguire un approccio "tentativi ed errori", suggerirei uno strumento chiamato Color Oracle (multipiattaforma) che simula deuteranopia / deuteranomalia, protanopia / protanomalia e tritanopia - tipi di daltonismo sullo schermo del tuo computer.
(Anche Photoshop ha configurazioni a prova di daltonismo disponibili in View→ Proof Setup(almeno CS5). Ma Photoshop potrebbe essere un po 'eccessivo, se stai per progettare un grafico.)
Che tipo di daltonismo stai cercando di affrontare? Questo link
http://en.wikipedia.org/wiki/Color_blindness
dovrebbe darti una buona idea dei vari colori da evitare in base al tipo di daltonismo.
In generale, rendere tutto dipendente dalla scelta tra blu e verde può diventare rischioso; potresti voler vedere come le tue cose sembrano puramente monocromatiche.
Dato che esiste una serie di "daltonismo", probabilmente vorrai anche essere sempre sicuro che i controlli, ecc. Abbiano ridondanza (ad es., Il grande pulsante rosso dovrebbe anche essere etichettato "pulsante di autodistruzione" in un bel colore contrastante (nero su rosso o bianco su rosso).
Esistono molti tipi di daltonismo. La chiave è assicurarsi che ci sia un contrasto adeguato. Ancora meglio, non fare affidamento solo sul colore: le stesse informazioni sono sempre coperte di forma, contrasto o ordine degli articoli. Se la tua immagine è facile da capire in bianco e nero, passa.
Sono daltonico. "A noi" piace che la grafica sia discriminata usando il colore tanto quanto "tu" - è solo che ci sono meno colori nel nostro mondo rispetto al tuo. Ecco un suggerimento pragmatico nello spirito della regola 80/20.
Se il tuo primo tipo di sensori di colore (proto) non funziona, la tua visione è protoanopica. Se si comportano male, sei un proto-anomolo. Ripetere l'operazione per gli altri due tipi di sensore di colore e sostituire "deuter" o "trito" per "proto". (Penso che questi siano greci per 1,2,3).
L'opportunità pragmatica deriva dal fatto che la deuteranomalia è molto più diffusa rispetto agli altri tipi; 5% di tutti i maschi. Gli altri ottengono meno dell'1% nei maschi e ancor meno nelle femmine. Quindi una semplice soluzione per noi deuteranomalisti fa molta strada: personalmente non voglio dover configurare i colori da solo per essere in grado di vedere una differenza nelle linee su un grafico. (Che succede sempre).
Di seguito ho incluso un piccolo set di colori che posso vedere la differenza tra senza sforzo. Ho provato senza successo a inserirne di più, in modo da darti un'idea di quanto piccola debba essere la palette.
Nb. Non dimenticare che è inutile fare riferimento a questi colori per nome nell'esperienza utente che crei. Per noi Deuts - sembra che tu abbia inventato moltissimi nomi inutilmente duplicati praticamente per gli stessi colori :-)
RGB (255, 204, 153)
RGB (204, 204, 255)
RGB (255, 102, 102)
RGB (139, 230, 2)
rosso
giallo
RGB (51, 51, 255)
rgb (153, 153, 153)
rgb (153, 0, 0)
RGB (51, 51, 51)
rgb (0, 0, 102)
RGB (120, 102, 75)
Il tipo più comune di daltonismo è il daltonismo rosso-verde (che può essere un difetto nel rilevare il rosso o nel rilevare il verde, ma raramente entrambi). Quindi evita di fare affidamento sulle distinzioni nella parte rosso-verde dello spettro. (Il verde chiaro e l'arancione chiaro tenderanno ad apparire uguali a queste persone, per esempio.)
Se vuoi essere particolarmente cauto, puoi posizionare i tuoi colori su un asse blu-giallo (blu molto profondo; acqua; bianco; chartreuse; marrone); tutti i problemi rosso-verdi rendono ancora l'individuo in grado di dire che il blu è diverso; il giallo ha il vantaggio di attivare i coni verde e rosso, quindi se c'è un problema con uno dei due, è ancora molto visibile. In alternativa, qualsiasi tratto in cui la luminosità aumenta (ad es. Rosso-> giallo-> bianco) è visibile alla maggior parte delle persone. Non dare per scontato che il rosso sia diverso dal nero, tuttavia.
Sto resuscitando questo perché è difficile trovare esempi concreti o How-To.
Puoi utilizzare i simulatori per raggiungere questo obiettivo, tenendo presente che il targeting per Deuteranopia copre la maggior parte e il supporto di Protanopia copre quasi tutti gli altri. (Credo che il resto sia inferiore allo 0,01% della popolazione.)
I prodotti Adobe come Illustrator dispongono di simulatori molto utili (apri una nuova finestra e scegli Visualizza> Impostazione prova> Cecità colore ...) che possono mostrarti istantaneamente una resa fianco a fianco mentre modifichi i tuoi colori. E ci sono anche strumenti standalone gratuiti, come Color Contrast Analyzer.
Di seguito è riportato solo uno screenshot di esempio di Illustrator che mostra una tavolozza a sei colori (in cui il sesto colore è rosso o magenta, non entrambi) ed entrambe le simulazioni. Quello in basso a sinistra è quello più critico, statisticamente.
Si noti che in questo caso il viola è diventato solo marginalmente utile (abbastanza sbiadito e anche così ha ancora un basso contrasto con il blu e / o il magenta). Inoltre, l'opzione "più sicura" (Magenta completo che sostituisce il rosso) può essere piuttosto rumorosa. Per la maggior parte delle persone con CVD, modificare la saturazione / luminosità del rosso e del verde può fornire un contrasto riconoscibile.
(Si prega di verificare con me prima di riutilizzare questa palette / immagine nella sua interezza.)
Consiglio vivamente di utilizzare lo spazio colore HSL. Anche HSB (aka HSV) è piuttosto amichevole, soprattutto rispetto a RGB o CMYK. (Cordiali saluti, solo i valori di tonalità H saranno identici nei due sistemi.) Qui, ogni colonna utilizza un singolo numero di tonalità. Puoi sempre estrarre i codici RGB in un secondo momento, da Adobe o utilizzando gli eccellenti strumenti di colorizer.org . I codici RGB esadecimali sono, purtroppo, i più concisi e direttamente utilizzabili dai programmatori ecc., Sebbene se lavori in CSS, supporta direttamente HSL (yay).
La saturazione del blu qui è volutamente bassa a (a) essere un colore link / pulsante più delicato e (b) per contrastare maggiormente con questi magenta e viola ben saturi. All'interno di una colonna, la variazione principale è la luminosità, ma puoi cavartela anche con alcune variazioni di saturazione.
Se non sei in Photoshop o sei in una versione precedente che non ha la vista a prova di daltonismo menzionata sopra, puoi controllare il contrasto di luminosità del tuo design convertendolo in scala di grigi. Oppure, se si tratta di una versione precedente di PS, è possibile utilizzare un livello di tonalità e saturazione con la saturazione completamente abbassata o una mappa sfumata che utilizza il bianco e nero come gradiente. Inserisci quel livello come livello superiore nel documento, quindi ogni volta che vuoi controllare il contrasto, attivalo. Preferisco la mappa del gradiente perché è più accurata in termini di colori contrastanti tra loro in termini di luminosità (il rosso mostra un po 'più leggero di quanto non sia se si desatura), ma entrambi possono mostrare aree problematiche nel design. Finché la tua pagina sembra a posto in quella vista, dovrebbe essere ok per un utente daltonico.
Figura 1: test di daltonismo Ishihara .
Ho appena risposto a una domanda simile, a un certo punto:
Qual è una buona fonte di tavolozze di colori da fornire a un utente daltonico?
Il risultato di base è: vale la pena investigare sull'esperienza daltonica specifica della tua base di utenti (in quanto vi è una notevole varianza); la tua tavolozza si evolverà probabilmente da ciò che potresti vedere attraverso gli occhi daltonici.
Immagini correlate:
So di aver già risposto a questa q - ma ho appena trovato questo:
http://disturbmedia.com/max/colour-blindness.html
... che è un simulatore di daltonismo che sembra particolarmente adatto per il tuo anno. L'ho guardato e mi sono sentito così male per il daltonico che sono stato costretto a pensare a palette che avrebbero funzionato anche per loro, per compassione. Davvero - non sto scherzando del tutto; dare un'occhiata.