Creazione di grafica e illustrazioni per persone non vedenti

Il daltonismo è una mancanza di visione che colpisce un gran numero di persone in tutto il mondo. Che lo sappiamo o no, noi designer abbiamo un grande impatto sulla loro vita quotidiana attraverso il lavoro che creiamo e diffondiamo intorno a noi. Stando così le cose, credo che dovremmo prendere alcuni momenti ed esplorare alcune soluzioni semplici ma efficaci che potrebbero aiutare a migliorare la loro situazione e quindi la qualità della loro vita.

1. Che cos'è il colore? Una breve definizione

Prima di poter capire completamente che cos'è il daltonismo, dovremmo prima prendere un paio di momenti e parlare di colore, di cosa si tratta e di come si comporta.

Secondo Google, il colore del nome è definito come:

"La proprietà posseduta da un oggetto che produce sensazioni diverse sull'occhio a causa del modo in cui riflette o emette luce".

Ora, la luce stessa è composta da più colori che hanno diverse lunghezze d'onda, dove il rosso è il più lungo che gli umani possono vedere, mentre il viola è il più corto.

Lo sappiamo dal 1666, quando Isaac Newton mise insieme un piccolo esperimento in cui prese un raggio di luce bianca e lo passò attraverso un prisma di vetro. Ciò che ha osservato deve essere stato incredibile in quel momento da quando il prisma ha diviso il raggio in una banda di sette colori compositivi che ha definito "spettro". L'ordine di questi colori dall'estremità inferiore dello spettro è viola (V), indigo (I), blu (B), verde (G), giallo (Y), arancione (O), e rosso (R)-che ora chiamiamo ROYGBIV.

Consiglio rapido: puoi vedere l'esperimento del prisma di Newton in azione dirigendoti verso MITK12Videos'Canale YouTube dove ti danno una spiegazione approfondita della causa del fenomeno di dispersione della luce.

2. Come i nostri occhi "vedono" il colore?

A seconda delle sue proprietà fisiche (assorbimento della luce, spettri di emissione, ecc.), Un oggetto può riflettere o assorbire individualmente questi sette colori più o meno, dandogli la proprietà che chiamiamo colore.

Quindi quando diciamo di vedere un colore specifico, vediamo effettivamente la quantità di colore riflessa dalla superficie di un oggetto quando viene colpito da una fonte di luce. Quando un oggetto riflette tutte le lunghezze d'onda, lo vediamo come bianco; quando li assorbe tutti, è nero.

Siamo in grado di visualizzare queste proprietà a causa delle milioni di cellule sensibili alla luce che si trovano nelle nostre retine, che elaborano la luce in impulsi nervosi e poi le passano alla corteccia cerebrale attraverso il nervo ottico.

Queste celle sono disponibili in due diverse forme: aste e coni. Il aste sono altamente concentrati intorno al bordo della retina (da qualche parte circa 90 milioni di cellule per gli esseri umani) e trasmettono per lo più informazioni in bianco e nero a causa del fatto che contengono un singolo fotopigment, essendo quelli che ci aiutano ad adattarsi ad un ambiente più scuro.

Il coni, d'altra parte, sono concentrati nel mezzo della retina (4,5-6 milioni di cellule) e sono in grado di catturare tre diverse lunghezze d'onda: S (corto), M (medio), e L (lungo).

I coni corti vengono generalmente definiti "blu" perché forniscono informazioni sul colore per quella specifica lunghezza d'onda della luce. I coni medi sono indicati come "verdi", mentre quelli lunghi sono noti come "rossi".

La visione a colori normale utilizza tutti e tre i tipi di coni di luce (rosso, verde, e blu), ed è noto come tricromazia.

In effetti, il RGB Lo spazio cromatico con cui lavoriamo e interagiamo quotidianamente è creato attorno alla nostra visione tricromatica determinata da questi tre tipi di coni, in cui ogni immagine è costruita usando una combinazione di soli tre colori.

3. Che cos'è il daltonismo?

Ora abbiamo un'idea di base su che colore è, ma cos'è il daltonismo?

Bene, molte persone pensano che essere daltonici significhi vedere il mondo in bianco e nero, ma in realtà non è vero.

Come sottolinea la versione online del dizionario medico, daltonismo è:

"Una condizione anormale caratterizzata dall'incapacità di distinguere chiaramente i diversi colori dello spettro".

Una persona che è daltonica di solito nasce con questa condizione, che è determinata da un gene difettoso trovato all'interno del cromosoma X. Secondo l'American Academy of Ophthalmology, "il daltonismo può verificarsi quando una o più delle cellule dei coni di colore sono assenti, non funzionanti o rilevano un colore diverso dal normale".

Consapevolezza daltonicaafferma che la condizione colpisce circa 1 ogni 12 uomini (8%) e 1 in ogni 200 donne in tutto il mondo.

4. Quali sono i diversi tipi di cecità ai colori?

Come abbiamo appreso qualche istante fa, i nostri occhi hanno tre tipi di cellule coniche. A seconda di chi è interessato, una persona può soffrire di una delle tre condizioni:

4.1. Cecità di colore rosso-verde

Secondo il National Eye Institute (NEI), il tipo più comune di daltonismo è dovuto alla "perdita o funzione limitata dei photopigments cono rosso (noto come protan) o cono verde (deutran)" che a seconda della loro gravità può portare a:

  • protanomaly: quando il photopigment della cono rosso della persona è anormale, facendo apparire più verdi i colori rosso, arancione e giallo.
  • protanopia: quando non ci sono celle a cono rosso funzionanti, il rosso appare nero e alcune tonalità di arancione, giallo e verde appaiono come gialle.
  • Deuteranomaly: quando il photopigment del cono verde della persona è anormale, facendo apparire il giallo e il verde più rossi, rendendo difficile distinguere il viola dal blu.
  • deuteranopia: quando non ci sono celle verdi coniche funzionanti, i rossi appaiono come giallo-marrone e verdi come beige.

4.2. Cecità di colore blu-giallo

Rispetto alla cecità da colore rosso-verde, la cecità ai colori blu-gialla è più rara e appare quando le fotocopie cono blu mancano o hanno una funzione limitata.

A seconda del caso, possiamo avere:

  • Tritanomaly: quando le cellule coniche blu della persona hanno una funzione limitata, facendo apparire il blu più verde e rendendo difficile distinguere il giallo e il rosso dal rosa.
  • tritanopia: quando mancano le cellule coniche blu della persona, facendo apparire il blu verde e giallo viola o grigio chiaro.

4.3. Completa Cecità di colore

Per coloro che non sperimentano alcun colore, soffrono di ciò che viene chiamato monochromacy,che è quando vedono il mondo in sfumature di grigio che vanno dal nero al bianco.

5. Come fai a sapere se sei daltonico?

Se vuoi assicurarti che i tuoi occhi funzionino correttamente, dovresti sempre visitare un optometrista, che applicherà un semplice test di percezione del colore chiamato "Ishihara Color Test". Il nome deriva dal suo creatore Il dott. Shinobu Ishihara, che nel 1917 pubblicò un metodo semplice ma ingegnoso per determinare se una persona è daltonica o non usa le placche colorate (piatti ishihara). Ogni piastra contiene più punti che variano per colore e dimensione e sono visualizzati all'interno di un motivo circolare, formando un numero al centro.

Se riesci a distinguere correttamente il numero, significa che hai una normale visione dei colori. Se hai problemi nel vedere la forma dei numeri, potresti soffrire di uno dei tipi di daltonismo di cui abbiamo parlato pochi istanti fa.

Se non vuoi ancora andare da un oculista, puoi fare il test online utilizzando uno dei seguenti siti:

  • Colorvisiontesting.com
  • Colour-blindness.com

6. Come puoi vedere che cosa vede una persona cieca di colore?

Come designer e creativo visuale, devi capire che il tuo lavoro dovrà essere visibile non solo alle persone con una visione normale, ma anche a coloro che soffrono di un tipo di daltonismo.

Il primo passo per trovare una soluzione al problema è capire come si manifesta, cercando di vedere cosa vedrebbe una persona daltonica.

Fortunatamente, ci sono un paio di soluzioni là fuori che ti permettono di prendere un'immagine normale e di applicare filtri ad esso per avere un'idea di che aspetto avrebbe una certa deficienza visiva.

6.1 Simulatori di Cecità online

Se hai a che fare con immagini regolari, questi simulatori di daltonismo possono generare rapidamente un'immagine di ciò che una persona che soffre di una condizione specifica vedrebbe:

  • Coblis di Colorblindness.com è probabilmente la soluzione più completa là fuori dal momento che genera immagini per tutti i tipi di daltonismo.
  • Vischeck è un generatore più semplice che ti dà la possibilità di visualizzare in anteprima un'immagine affiancata sia della carenza di visione dei colori originale che di quella simulata.

Se sei un web designer e vuoi vedere come sarebbe il tuo progetto per una persona che soffre di daltonismo, Toptal ha messo insieme un piccolo filtro Color Blind che prende qualsiasi sito web e lo converte utilizzando uno dei quattro filtri disponibili.

6.2. Simulatori locali di cecità del colore

Poiché caricare il tuo progetto sul Web e confrontare le immagini in avanti e indietro può richiedere un po 'di tempo, ci sono un paio di soluzioni software che possono aiutarti a ottenere lo stesso risultato più velocemente.

  • Adobe Illustrator: se non lo sapevi, Illustrator viene fornito con due prove colore (protanopia e deuteranopia) al suo interno vista menu (Visualizza> Imposta prova), che ti aiutano a vedere rapidamente come sarebbe il tuo progetto se visto da una persona daltonica.
  • Adobe Photoshop: le stesse prove colore sono incluse all'interno Photoshop (Visualizza> Imposta prova), aiutandoti a identificare e correggere il risultato finale.
  • Stark è un plug-in gratuito creato per Sketch che ti aiuta a scegliere tra otto profili colore e ad anticipare il tuo design come una persona daltonica.
  • Color Oracle è un altro simulatore di daltonismo gratuito sviluppato da Bernie Jenny che può essere installato e utilizzato su Windows, Mac e Linux ed è stato creato per funzionare indipendentemente dal software creativo che stai utilizzando.

7. In che modo la cecità dei colori influenza la qualità della propria vita?

Anche se per i daltonici il mondo che li circonda sembra "normale", poiché la maggior parte delle volte è l'unico modo in cui l'hanno sperimentato, la realtà è che di solito affrontano difficoltà in quelli che pensiamo siano semplici compiti quotidiani. Dalla cottura del cibo alla guida di un'auto o alla scelta dei vestiti da indossare, ciò che vedono influisce sulle loro reazioni e comportamenti, influenzando direttamente la loro vita.

Immagina che ti piacerebbe guidare una macchina, ma non puoi mai dire se i semafori sono verdi o rossi senza conoscere la posizione di ciascuno dei tre stati. O forse ti piacerebbe cucinare un bel pezzo di carne che hai comprato dal mercato locale, ma non puoi dire se è raro o ben fatto.

Inoltre, pensa a tutti i lavori creativi là fuori che ti piacerebbe fare ma non potresti mai candidarti visto che non puoi davvero vedere quello che vedono tutti gli altri.

Queste sono solo alcune delle situazioni che un daltonico deve affrontare ogni giorno, quindi perché non provare e imparare come possiamo aiutarle anche solo un po 'seguendo alcune delle semplici soluzioni presentate di seguito.

8. Come puoi regolare i tuoi disegni e illustrazioni per i ciechi di colore?

Quindi, a questo punto, sappiamo cos'è il daltonismo e abbiamo un'idea di base su come può essere, il che significa che ora possiamo parlare di trovare e implementare soluzioni per adeguare i nostri progetti alle persone colpite da queste deficienze visive..

8.1. Quali colori funzionano meglio?

La prima cosa che dobbiamo chiederci quando lavoriamo a un progetto (sia esso esistente o nuovo) è ciò che le combinazioni di colori funzionano meglio. E la risposta è che in realtà non abbiamo una lista generalizzata, dal momento che tutto dipende da Saturazione e Luminosità livelli utilizzati per ogni colore.

Quello che sappiamo è che esiste una serie di combinazioni di colori che dovrebbero essere evitate, dal momento che potrebbe essere difficile distinguerli da una persona daltonica:

  • rosso e verde
  • rosso e marrone
  • rosso e arancione
  • rosso e viola
  • rosso e nero
  • verde e marrone
  • verde e arancione
  • verde chiaro e giallo
  • blu e verde
  • blu e viola
  • blu e giallo

Il problema sorge solitamente quando un disegno si basa su colori che presentano livelli di tonalità, saturazione o luminosità ravvicinati, che li fanno apparire come sfumature dello stesso colore.

Quindi il nostro obiettivo non è quello di creare uno schema di colori che sia chiaramente identificabile da una persona che soffre di daltonismo, ma che permetta loro di distinguere un colore da un altro, anche se potrebbero non essere sicuri di quale sia quel colore.

8.2. Come puoi risolvere le cattive combinazioni di colori?

Il primo passo per correggere una combinazione di colori cattiva è notarlo. È qui che gli strumenti di simulazione del colore sono utili, dal momento che è possibile osservare rapidamente se si hanno sezioni o elementi sovrapposti indistinguibili che sono identici o semplicemente non visibili, passando attraverso i diversi filtri disponibili.

A seconda del tipo di progetto creativo su cui stai lavorando, che si tratti di un'illustrazione, di un'app per dispositivi mobili o di un tipo di rappresentazione di dati grafici (grafico a barre, grafico a linee o grafico a torta), puoi utilizzare i seguenti suggerimenti per regolare il risultato finale per chi soffre di questa condizione.

Usa una tonalità diversa

Se dai un'occhiata a questa illustrazione di un classico Game Boy, potresti notare che quando usi un deuteranopia filtro, la sezione superiore del dispositivo appare come se avesse un taglio dal colore dello sfondo e quello dello schermo sono davvero vicini in termini di saturazione (57.83% per la tonalità rossa e 42.96% per quello verde).

Potremmo regolare il saturazione della sezione schermo per aumentare il colorel 'intensità, ma come puoi vedere, in questa particolare situazione che non aiuterà quanto vorremmo.

Quello che vogliamo fare è regolare il colore dello sfondo da rosso viola, che come puoi vedere creerà una netta separazione tra le due sezioni.

Obiettivo per alto contrasto

Abbiamo risolto il problema dello sfondo, ma come puoi vedere, alcune sezioni della console (come il fronte e il lato) sono davvero difficili da distinguere, poiché usano lo stesso colore valore (0%) e simili luminosità livelli (92.94% per la parte anteriore e 86.67% per il lato). La stessa cosa si può dire del pulsante d-pad, dove la sezione trasversale usa a 45.88% luminosità livello mentre il punto centrale usa un simile 40.78% valore.

Quando ciò accade, puoi rapidamente risolvere la situazione selezionando le rispettive forme e regolandole saturazione e / o luminositàlivelli finché non iniziano a distinguersi.

La regola generale sarebbe quella di utilizzare il minor numero possibile di sfumature e sfumature e far risaltare l'opera d'arte, usando il contrasto elevato ogni volta che è possibile.

Poiché nella realtà la shell della consolle è realizzata in plastica bianca, sembra giusto utilizzare alcune sfumature e sfumature se vogliamo rappresentarla in modo più accurato, ma se il progetto lo consente, puoi sempre ottenere un contrasto più elevato utilizzando tonalità diverse.

Separa le tue forme usando i contorni

Se hai provato alcune delle soluzioni precedenti ma non hai ottenuto il risultato desiderato, a volte puoi isolare le diverse sezioni di una composizione male colorata usando contorni scuri e spessi. Nel caso del nostro Game Boy, potremmo trasformare alcune delle sue forme in contorni e aggiungerne di nuovi a quelli che li supportano, ottenendo così un risultato più definito.

Aggiungi o rimuovi colori

L'aggiunta o la rimozione di colori può creare o distruggere un disegno, specialmente uno visualizzato da una persona che non riesce a distinguerli tutti. Se diamo un'occhiata alla versione delineata della nostra console, potresti aver notato che i pulsanti circolari si stanno ora armonizzando con i loro contorni.

Possiamo sistemarlo facilmente introducendone due nuovi tonalità (un giallo chiaro e blu) finché sappiamo quali colori possono essere visti da una persona che soffre di una specifica deficienza visiva (nel nostro caso, deuteranopia).

In altre situazioni, è possibile che la rimozione dei colori migliorerà la progettazione generale, poiché a volte è più semplice la migliore.

Aderire a uno schema cromatico monocromatico

A volte i colori potrebbero rivelarsi il tuo più grande nemico, soprattutto quando si ha a che fare con una mancanza di visione come deuteranopia, quindi potrebbe essere una buona idea ridurre la tavolozza a a combinazione di colori monocromatici.

Spesso le persone confondono a monocromatico combinazione di colori con un in scala di grigi uno composto da solo nerigrigi, e bianchi, ma in realtà sono due cose completamente diverse. 

Secondo Wikipedia, un monocromatico combinazione di colori deriva da "una singola tonalità di base ed estesa usando le sue sfumature, i toni e le tinte".

Come puoi vedere qui sotto, aderendo a schema monocromatico, puoi eliminare l'intero rigoroso processo di abbinamento dei colori e concentrarti su uno solo colore da cui è possibile creare sfumature e tinte utilizzando diversi saturazione e luminosità livelli.

Vai in scala di grigi

Un'altra soluzione per evitare completamente il colore è di andare completamente in scala di grigi. In questo modo, elimini quasi tutti i passaggi precedenti, il che significa che puoi concentrarti sull'opera stessa.

Aggiungi trama

Un ultimo metodo per assicurarsi che il tuo progetto sia chiaramente comprensibile da coloro che soffrono di deficienza visiva è quello di aggiungere struttura. Che si tratti di grana, linee orizzontali o qualsiasi altro tipo, la texture può facilmente separare ed evidenziare una sezione specifica di un'immagine, aiutandoti a superare qualsiasi limite di colore.

Conclusione

Che ce ne rendiamo conto o no, il daltonismo è una condizione che colpisce un gran numero di persone là fuori, rendendo più difficile la vita quotidiana limitando le cose che possono vedere e capire attraverso il filtro del colore.

Fortunatamente, come abbiamo visto, ci sono diverse cose che noi, come designer, possiamo fare per migliorare la qualità della loro vita, rendendo le cose un po 'più facili un passo alla volta.

Spero davvero che questo articolo abbia aperto gli occhi su un'area del design che viene spesso trascurata e è riuscito a insegnarti alcune nozioni chiave che puoi implementare in progetti futuri.

Detto questo, puoi ampliare ulteriormente le tue conoscenze sul colore verificando questi fantastici articoli:

  • Progettare per, e come, una persona daltonica

    Daltonismo è una lieve disabilità attraverso la quale l'esperienza interessata diminuisce la capacità di distinguere i colori dagli altri. Questo può essere un vero inconveniente ...
    Connor Turnbull
    Teoria del design
  • Teoria avanzata del colore: cos'è la gestione del colore?

    Questo articolo definisce termini come Color Models, Color Spaces e Color Management e spiega cosa, come designer, dovresti sapere a riguardo.
    James Thomas
    Teoria dei colori
  • Design in 60 secondi: spiegate le modalità colore RGB e CMYK

    Ti sei mai chiesto quale sia la differenza tra le modalità colore RGB e CMYK? Bene, se hai un minuto, posso aiutarti a risolverlo.
    Kirk Nelson
    Teoria del design
  • Colore in 60 secondi: tonalità, tonalità e tonalità

    Tinte, toni e sfumature sono termini che sentirai usati quando si parla di colore. Una "tinta" è il risultato della miscelazione di un colore con il bianco. Una "sfumatura" è la risultante ...
    Adi Purdila
    Teoria dei colori
  • Come usare le tabelle di ricerca del colore

    In questo breve tutorial video, imparerai come utilizzare un'immagine per definire un set di colori e come fare in modo che altre immagini si adattino a quel set di colori.
    Kirk Nelson
    Adobe Photoshop
  • Utilizzo delle tavolozze dei colori per creare identità nell'opera d'arte

    Gli artisti cercano di distinguersi in molti modi. Un modo per ottenerlo è utilizzare una tavolozza di colori riconoscibile per tutto il lavoro. In questo…
    Mary Winkler
    Teoria dei colori