Hoi! Ik ben June. Ik hou ervan levendige kleuren te gebruiken in mijn ontwerp, maar onlangs merkte ik één ding: ik hield niet genoeg rekening met een kleine groep mensen.

Kleur is een van de belangrijkste elementen van design, dus ontwerpers gebruiken vaak kleuren om de aandacht te trekken. Maar wat als een deel van ons publiek kleurenblind is? Het is een cruciale factor om rekening mee te houden bij webdesign of datavisualisatie omdat het de toegankelijkheid en navigatie voor kleurenblinde kijkers kan beïnvloeden.

Begrijp me niet verkeerd, het betekent niet dat we geen kleuren moeten gebruiken in ons ontwerp of dat je geen ontwerper kunt zijn als je kleurenblind bent. Onlangs kwam ik verschillende kleurenblinde ontwerpers tegen en ik raakte echt geïnteresseerd in hoe het voor hen werkt om te zien en ontwerpen te maken.

Ik had zoveel vragen, zoals welke kleuren het beste werken, welke kleurencombinaties ik moet gebruiken, wat ik kan doen om ontwerpen voor kleurenblinden te verbeteren, enz.

Dus heb ik dagenlang onderzoek gedaan en dit artikel samengesteld voor zowel kleurenblinde ontwerpers als niet-kleurenblinde ontwerpers die hun ontwerp kunnen verbeteren voor een kleurenblind publiek.

Wat is Kleurenblindheid

Een eenvoudige verklaring: Kleurenblindheid betekent dat iemand geen kleuren kan zien op de gebruikelijke manier. Mensen met kleurenblindheid kunnen bepaalde kleuren niet onderscheiden, meestal groen en rood, maar er zijn ook andere soorten kleurenblindheid.

3 veel voorkomende vormen van kleurenblindheid

Rood-groene kleurenblindheid is de meest voorkomende vorm van kleurenblindheid, gevolgd door blauw-gele kleurenblindheid en volledige kleurenblindheid. Dus, wat zien kleurenblinde mensen?

Afbeelding van r/Wetenschappen

1. Rood-groen kleurenblindheid

Zij kunnen het verschil tussen groen en rood niet zien. Er zijn ook vier soorten rood-groen kleurenblindheid.

Normaal kleurenzicht zou de eerste Kerstman in rood en groen moeten zien, maar kleurenblindheid ziet alleen de versie van de tweede of derde Kerstman.

Deuteranomalie is de meest voorkomende vorm van rood-groen kleurenblindheid en het laat groen er roder uitzien. Aan de andere kant, Protanomalie maakt rood meer groen en minder helder. Iemand met Protanopia en deuteranopia kan het verschil niet zien tussen rood en groen.

2. Blauw-gele kleurenblindheid

Iemand met blauw-gele kleurenblindheid kan meestal geen onderscheid maken tussen blauw en groen, of geel en rood. Deze vorm van blauw-gele kleurenblindheid staat bekend als Tritanomalie .

Een ander type van blauw-gele kleurenblinden (ook wel genoemd Tritanopia ), kunnen ze naast blauw en groen ook het verschil niet zien tussen paars en rood, of geel en roze.

3. Volledige kleurenblindheid

Volledige kleurenblindheid is ook bekend als monochromie Helaas kan iemand met volledige kleurenblindheid geen enkele kleur zien, maar dat komt niet vaak voor.

Ben je kleurenblind?

Een snelle manier om daar achter te komen is dat je een snelle kleurenblindheidstest kunt doen, genaamd Ishihara kleurplaten, die je online kunt vinden. Hier zijn enkele voorbeelden van de Ishihara test. Kun je de getallen (42, 12, 6 en 74) zien binnen de cirkelplaten tussen de stippen?

Maar als je echt een lage score krijgt op kleurenblindheid uit verschillende online kleurenblindheidstests, is het een goed idee om naar een oogarts te gaan, omdat online tests niet altijd 100% accuraat zijn.

Nu u iets weet over de verschillende soorten kleurenblindheid, is het volgende dat u moet leren hoe u voor kleurenblindheid kunt ontwerpen.

Ontwerpen voor kleurenblindheid (5 tips)

Er zijn verschillende manieren om ontwerpen voor kleurenblindheid te verbeteren, zoals het gebruik van kleurenblindvriendelijke paletten, het vermijden van bepaalde kleurencombinaties, het gebruik van meer symbolen, enz.

Tip #1: Gebruik kleurenblindenvriendelijke paletten

Als je van de gele kleur houdt, heb je geluk! Geel is een kleurenblind-vriendelijke kleur en het vormt een goede combinatie met blauw. Zo niet, dan zijn er kleurentools zoals Coolers of ColorBrewer die je kunt gebruiken om je te helpen kleurenblind te kiezen.

U kunt bijvoorbeeld gemakkelijk kleurenblind-vriendelijke paletten genereren op ColorBrewer.

Op Coolers kunt u het type kleurenblindheid kiezen, en het palet zal de kleuren dienovereenkomstig aanpassen.

Adobe Color heeft ook een kleurenblindsimulator en u kunt de modus Color Blind Safe kiezen bij het kiezen van kleuren.

U kunt controleren of de kleuren die u kiest kleurenblind veilig zijn.

Adobe Kleurenblindsimulator voor verschillende soorten kleurenblindheid

U kunt een kleine test doen, het ontwerp afdrukken in zwart-wit, u kunt alle informatie lezen, dan kan een kleurenblinde het ook lezen.

Tip #2: te vermijden kleurencombinaties

Het kiezen van de juiste kleur is essentieel wanneer uw publiek kleurenblind is. Sommige kleurencombinaties zouden gewoon niet werken.

Hier zijn zes kleurencombinaties die u moet vermijden als u ontwerpt voor kleurenblindheid:

• Rood & Groen
• Groen & Bruin
• Groen & Blauw
• Blauw & Grijs
• Blauw & Paars
• Rood & Zwart

Ik zou zeggen dat veel ongemakken voortkomen uit grafieken en diagrammen. Kleurrijke statistische grafieken en diagrammen zijn problematisch voor kleurenblinde kijkers, omdat zij misschien niet de overeenkomstige kleuren voor de gegevens zien.

Webdesign, meer specifiek, knoppen en links is een ander ding. Veel knoppen zijn rood of groen, links zijn blauw, of aangeklikte links zijn paars. Als er geen onderstreping onder de ankertekst staat, zouden kleurenblinde gebruikers de link niet zien.

Rood-Groene kleurenblindheid is bijvoorbeeld de meest voorkomende vorm van kleurenblindheid, zodat het gebruik van de twee kleuren samen problematisch kan zijn.

Maar dat betekent niet dat je de twee kleuren niet samen kunt gebruiken, want je kunt andere elementen gebruiken om het ontwerp te differentiëren, zoals textuur, vormen of tekst.

Tip #3: Gebruik een sterk contrast

Het gebruik van contrastrijke kleuren in uw ontwerp kan kleurenblinde kijkers helpen de context te onderscheiden.

Laten we zeggen dat u een grafiek maakt met verschillende kleuren. Wanneer u een hoog contrast gebruikt, kan een kleurenblinde kijker weliswaar niet precies dezelfde kleur zien, maar hij/zij kan tenminste begrijpen dat de gegevens verschillend zijn.

Als je vergelijkbare kleuren gebruikt, kan het er verwarrend uitzien.

Tip #4: Gebruik texturen of vormen voor grafieken en diagrammen

In plaats van verschillende kleuren te gebruiken om gegevens weer te geven, kunt u ook vormen gebruiken om de datum te markeren. Het is ook een goed idee om verschillende soorten lijnen te gebruiken om verschillende gegevens weer te geven.

Tip #5: Gebruik meer tekst en pictogrammen

Wie zegt dat infographics altijd kleurrijk moeten zijn? Je kunt graphics gebruiken om visuals te ondersteunen. Het gebruik van vette tekst kan ook het focuspunt aangeven en de aandacht trekken.

Weet u niet zeker hoe u de kleurenblinde versie van uw werk in Adobe Illustrator kunt controleren? Lees dan verder.

Hoe kleurenblindheid te stimuleren in Adobe Illustrator

Heb je een ontwerp gemaakt in Adobe Illustrator en wil je dubbel controleren of het kleurblindvriendelijk is? Je kunt snel de weergavemodus wijzigen vanuit het overheadmenu.

Ga naar het hoofdmenu Bekijk > Proefopstelling en je kunt kiezen tussen twee kleurenblindheid modes: Kleurenblindheid - Protanopia-type of Kleurenblindheid - Deuteranopia-type .

Nu kunt u zien wat kleurenblinden in uw kunstwerk zien.

Conclusie

Zie je, het is niet zo moeilijk om te ontwerpen voor kleurenblindheid en je kunt zeker een geweldig ontwerp maken dat werkt voor niet-kleurenblinden en kleurenblinden. Kleur is belangrijk, maar andere elementen ook. Tekst en afbeeldingen gebruiken om het visuele te verbeteren is de beste oplossing.

Bronnen:

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