Hola! Sóc el juny. M'encanta utilitzar colors vibrants en el meu disseny, però recentment em vaig adonar d'una cosa: no vaig considerar prou un públic en grup reduït.

El color és un dels elements més importants del disseny, de manera que els dissenyadors solen utilitzar colors per cridar l'atenció. Però, què passa si part del nostre públic és daltònic? És un factor crucial a tenir en compte per al disseny web o la visualització de dades perquè pot afectar l'accessibilitat i la navegació per als espectadors daltònics.

No m'entenguis malament, això no vol dir que no haguem d'utilitzar colors en el nostre disseny o que no pots ser dissenyador si ets daltònic. Recentment, em vaig trobar amb diversos dissenyadors daltònics i em vaig interessar molt per com els funciona veure i crear dissenys.

Vaig tenir tantes preguntes com quins colors funcionen millor, quines combinacions de colors utilitzar, què puc fer per millorar els dissenys per al públic daltònic, etc.

Així que vaig passar dies investigant i elaborar aquest article tant per als dissenyadors daltònics com per als dissenyadors no daltònics que poden millorar el seu disseny per a públics daltònics.

Què és el daltonisme

Una explicació senzilla: El daltonisme significa quan algú no pot veure els colors de la manera habitual. Les persones amb daltonisme (o deficiència de color) no poden distingir. determinats colors, el més habitual, el verd i el vermell, però també hi ha altres tipus de daltonisme.

3 tipus de color habitualsCeguesa

El daltonisme vermell-verd és el tipus més comú de daltonisme, seguit del daltonisme blau-groc i el daltonisme total. Aleshores, què veuen els daltònics?

Imatge de r/Sciences

1. Daltonisme vermell-verd

No poden distingir entre el verd i el vermell. També hi ha quatre tipus de daltonisme vermell-verd.

La visió normal dels colors hauria de veure el primer Pare Noel en vermell i verd, però el daltonisme només pot veure la versió del segon o tercer Pare Noel.

Deuteranomalia és el tipus més comú de daltonisme vermell-verd i fa que el verd sembli més vermell. D'altra banda, la protanomàlia fa que el vermell sembli més verd i menys brillant. Algú amb Protanopia i deuteranopia no pot distingir en absolut la diferència entre el vermell i el verd.

2. Daltonisme blau-groc

Algú amb daltonisme blau-groc normalment no pot distingir entre blau i verd, o groc i vermell. Aquest tipus de daltònic blau-groc es coneix com a Tritanomalia .

Un altre tipus de daltonistes blau-groc (també anomenat Tritanopia ), a més del blau i el verd, tampoc no poden distingir entre el morat i el vermell, o el groc i el rosa.

3. Daltonisme complet

El daltonisme complet també es coneix com a monocromàcia . Malauradament, algú ambel daltonisme total no és capaç de veure cap color, però no és molt comú.

Ets daltònic?

Una manera ràpida d'esbrinar-ho és que podeu fer una prova ràpida de daltonisme anomenada plaques de color Ishihara, que podeu trobar en línia. Aquests són alguns exemples de la prova d'Ishihara. Pots veure els números (42, 12, 6 i 74) dins de les plaques circulars entre els punts?

Però si realment obteniu una puntuació baixa en la deficiència de visió dels colors de diferents proves de daltònics en línia, és una bona idea consultar un oftalmòleg perquè les proves en línia no sempre són 100% precises.

Ara que sabeu una mica sobre els diferents tipus de daltonisme, el següent que cal aprendre és com dissenyar per al daltonisme.

Com dissenyar per al daltonisme (5 consells)

Hi ha diferents maneres de millorar el disseny per al daltonisme, com ara utilitzar paletes aptes per als daltons, evitar determinades combinacions de colors, utilitzar més símbols, etc.

Consell núm. 1: utilitzeu paletes amigables amb els daltonistes

Si us agrada el color groc, sort! El groc és un color agradable per als daltònics i fa una bona combinació amb el blau. Si no, hi ha eines de color com Coolers o ColorBrewer que podeu utilitzar per ajudar-vos a triar colors daltònics.

Per exemple, podeu generar paletes de daltonisme fàcilment a ColorBrewer.

A Coolers, podeu triar el tipus de daltonisme ila paleta ajustarà els colors en conseqüència.

Adobe Color també té un simulador de daltònic i podeu triar el mode segur de daltònic quan trieu els colors.

Podeu comprovar si els colors que trieu són segurs per a daltònics.

Adobe Dalton Blind Simulator per a diferents tipus de daltonisme

Pots fer una petita prova, imprimir el disseny en blanc i negre, pots llegir tota la informació i després una persona daltònica també la pot llegir.

Consell núm. 2: combinacions de colors per evitar

Escollir el color adequat és essencial quan el vostre públic és daltònic. Algunes combinacions de colors simplement no funcionarien.

Aquí hi ha sis combinacions de colors que cal evitar quan es dissenya per al daltonisme:

• Vermell i amp; Verd
• Verd i amp; Marró
• Verd i amp; Blau
• Blau i amp; Gris
• Blau i amp; Lila
• Vermell i amp; Negre

Diria que molts inconvenients provenen dels gràfics i gràfics. Els gràfics i gràfics estadístics acolorits són problemàtics per als espectadors daltònics perquè és possible que no vegin els colors corresponents per a les dades.

El disseny web, més concretament, botons i enllaços és una altra cosa. Molts botons són vermells o verds, els enllaços són blaus o els enllaços clicats són de color violeta. Si no hi ha subratllat a sota del text d'ancoratge, els usuaris daltònics no veurien l'enllaç.

Per exemple, Vermell-El daltonisme verd és el tipus més comú de daltonisme, de manera que utilitzar els dos colors junts pot ser problemàtic.

Però això no vol dir que no pugueu utilitzar els dos colors junts, perquè podeu utilitzar altres elements per diferenciar el disseny, com ara textura, formes o text.

Consell núm. 3: feu servir un contrast fort

L'ús de colors de gran contrast al vostre disseny pot ajudar els espectadors daltònics a distingir el context.

Suposem que esteu fent un gràfic amb diferents colors. Quan utilitzeu un contrast alt, fins i tot si un espectador daltònic no pot veure exactament el mateix color, almenys pot entendre que les dades són diferents.

Quan feu servir colors similars, pot semblar confús.

Consell núm. 4: utilitzeu textures o formes per a gràfics i gràfics

En lloc d'utilitzar colors diferents per mostrar les dades, podeu utilitzar formes alternativament per marcar la data. També és una bona idea utilitzar diferents tipus de línies per representar dades diferents.

Consell núm. 5: Utilitzeu més text i icones

Això és útil quan creeu infografies. Qui diu que les infografies han de ser sempre acolorides? Podeu utilitzar els gràfics per ajudar els visuals. L'ús de text en negreta també pot mostrar el punt d'enfocament i cridar l'atenció.

No esteu segur de com comprovar la versió daltònica de la vostra obra d'art a Adobe Illustrator? Segueix llegint.

Com estimular el daltonisme a Adobe Illustrator

He creat un disseny a Adobe Illustrator iVoleu comprovar si és apte per a daltònics? Podeu canviar ràpidament el mode de visualització des del menú superior.

Aneu al menú superior Visualitza > Configuració de prova i podeu triar entre dos modes de daltonisme: Dtonisme: tipus protanopia o daltonisme – Tipus deuteranopia .

Ara pots veure què veuen els daltònics a les teves obres d'art.

Conclusió

Mireu, no és tan difícil dissenyar per al daltonisme i, sens dubte, podeu crear un disseny fantàstic que funcioni per als no daltònics i els daltonistes. El color és important, però també altres elements. L'ús de text i gràfics per millorar l'aspecte visual és la millor solució.

Fonts:

• //www.nei.nih.gov/learn-about-eye-health/eye-conditions-and-diseases/color -ceguesa/tipus-daltonisme
• //www.aao.org/eye-health/diseases/what-is-color-blindness
• //www.colourblindawareness.org/