Grafisch ontwerp en illustratie maken voor blinde kleuren

Kleurenblindheid is een visuele tekortkoming die een groot aantal mensen over de hele wereld treft. Of we het nu weten of niet, wij als ontwerpers hebben een grote impact op hun dagelijks leven door het werk dat we overal om ons heen creëren en verspreiden. In dat geval denk ik dat we een paar ogenblikken moeten nemen en enkele eenvoudige maar effectieve oplossingen moeten verkennen die kunnen helpen hun situatie en dus de kwaliteit van hun leven te verbeteren..

1. Wat is kleur? Een korte definitie

Voordat we volledig kunnen begrijpen wat kleurenblindheid is, moeten we eerst een paar momenten nemen en praten over kleur, wat het is en hoe het zich gedraagt.

Volgens Google wordt de naamwoordkleur gedefinieerd als:

"Het eigendom dat bezeten is door een object van het produceren van verschillende sensaties op het oog als een resultaat van de manier waarop het licht weerkaatst of uitzendt".

Nu is het licht zelf gemaakt uit meerdere kleuren met verschillende golflengten, waarbij rood de langste is die mensen kunnen zien, terwijl violet de kortste is.

We weten dit sinds Sir Isaac Newton in 1666 een klein experiment samenstelde waarin hij een straal wit zonlicht opnam en het door een glazen prisma bracht. Wat hij waarnam, moet op dat moment ongelooflijk geweest zijn, aangezien het prisma de straal in een band van zeven samenstellende kleuren splitste, die hij het "spectrum" noemde. De volgorde van deze kleuren aan de onderkant van het spectrum is violet (V), indigo (I), blauw (B), groen (G), geel (Y), oranje (O), en rood (R)-die we nu noemen ROYGBIV.

Snelle tip: je kunt Newtons prisma-experiment in actie zien door naar toe te gaan MITK12Videos'YouTube-kanaal waar ze je een diepgaande uitleg geven over de oorzaak van het fenomeen van lichtverspreiding.

2. Hoe onze ogen "zien" kleur?

Afhankelijk van zijn fysieke eigenschappen (lichtabsorptie, emissiespectra, enz.), Kan een object deze zeven kleuren individueel reflecteren of absorberen, waardoor het de eigenschap krijgt die we noemen kleur.

Dus als we zeggen dat we een specifieke kleur zien, zien we eigenlijk de hoeveelheid kleur die door het oppervlak van een object wordt gereflecteerd wanneer het door een lichtbron wordt geraakt. Wanneer een object alle golflengten reflecteert, zien we het als wit; wanneer het ze allemaal absorbeert, is het zwart.

We kunnen deze eigenschappen visualiseren door de miljoenen lichtgevoelige cellen in ons netvlies, die het licht in zenuwimpulsen verwerken en ze vervolgens via de oogzenuw doorgeven aan de hersenschors..

Deze cellen komen in twee verschillende vormen: staven en kegels. De staven zijn sterk geconcentreerd rond de rand van het netvlies (ergens rond de 90 miljoen cellen voor mensen), en verzenden meestal zwart-witinformatie vanwege het feit dat ze één enkel fotopigment bevatten, namelijk degenen die ons helpen ons aan te passen aan een donkerdere omgeving.

De kegels, Aan de andere kant zijn geconcentreerd in het midden van het netvlies (4.5-6 miljoen cellen), en zijn in staat om drie verschillende golflengten vast te leggen: S (Kort), M (gemiddeld), en L (lang).

Korte kegels worden meestal aangeduid als "blauw" vanwege het feit dat ze kleurinformatie verschaffen voor die specifieke golflengte van licht. Middelgrote kegels worden "groen" genoemd, terwijl lange kegels "rood" heten.

Normaal kleurenzicht gebruikt alle drie soorten lichtkegels (rood, groen, en blauw), en staat bekend als trichromacy.

In feite is de RGB De kleurruimte waarmee we dagelijks werken en communiceren, is gebaseerd op onze trichromatische visie bepaald door deze drie soorten kegeltjes, waarbij elke afbeelding is opgebouwd met een combinatie van slechts drie kleuren.

3. Wat is kleurenblindheid?

We hebben nu een basisidee van wat kleur is, maar wat is kleurenblindheid?

Nou, veel mensen denken dat kleurenblind zijn betekent dat je de wereld in zwart en wit ziet, maar dat is niet echt waar.

Zoals de online versie van Medical Dictionary aangeeft, is kleurenblindheid:

"Een abnormale toestand gekenmerkt door het onvermogen om verschillende kleuren van het spectrum duidelijk te onderscheiden".

Een persoon die kleurenblind is, wordt meestal geboren met deze aandoening, die wordt bepaald door een defect gen dat wordt gevonden in het X-chromosoom. Volgens de American Academy of Ophthalmology kan "kleurenblindheid optreden wanneer een of meer van de kleurkegelcellen ontbreken, niet functioneren of een andere kleur detecteren dan normaal".

Kleurblind bewustzijnstelt dat de aandoening ongeveer 1 op elke 12 mannen (8%) en 1 in treft elke 200 vrouwen over de hele wereld.

4. Wat zijn de verschillende soorten kleurenblindheid?

Zoals we enkele ogenblikken geleden hebben geleerd, hebben onze ogen drie soorten kegelcellen. Afhankelijk van welke van hen wordt beïnvloed, kan een persoon lijden aan een van de drie voorwaarden:

4.1. Rood-groene kleurenblindheid

Volgens het National Eye Institute (NEI) is het meest voorkomende type kleurenblindheid te wijten aan "de verlies of beperkte functie van de rode kegel (bekend als protan) of groene kegel (deutran) photopigments" die, afhankelijk van hun ernst, kan leiden naar:

  • Protanomaly: wanneer het rode photopigment van de persoon met de kegel abnormaal is, waardoor rood, oranje en gele kleuren groener lijken.
  • protanopia: wanneer er geen werkende rode kegelcellen zijn, waardoor rood als zwart wordt weergegeven en bepaalde tinten oranje, geel en groen als geel worden weergegeven.
  • deuteranomalie: wanneer de green cone photopigment van de persoon abnormaal is, waardoor geel en groen roder lijken, waardoor het moeilijk wordt om violet te onderscheiden van blauw.
  • deuteranopia: wanneer er geen werkende groene kegelcellen zijn, waardoor rood eruit ziet als bruingeel en groen als beige.

4.2. Blauw-gele kleurenblindheid

Vergeleken met rood-groene kleurenblindheid is blauw-gele kleurenblindheid zeldzamer en het lijkt wanneer de blauwe kegelfoto's ontbreken of een beperkte functie hebben.

Afhankelijk van het geval, kunnen we:

  • Tritanomaly: wanneer de blauwe kegelcellen van de persoon een beperkte functie hebben, waardoor blauw groener lijkt en het moeilijk is om geel en rood anders dan roze te onderscheiden.
  • tritanopia: wanneer de blauwe kegelcellen van de persoon ontbreken, waardoor blauw groen en geel violet of lichtgrijs lijkt.

4.3. Volledige kleurenblindheid

Voor degenen die helemaal geen kleur ervaren, lijden ze aan wat er wordt genoemd monochromacy,dat is wanneer ze de wereld in grijstinten zien, variërend van zwart tot wit.

5. Hoe weet u of u kleurenblind bent?

Als u er zeker van wilt zijn dat uw ogen goed werken, moet u altijd een optometrist bezoeken, die een eenvoudige kleurwaarnemingstest zal toepassen, de "Ishihara-kleurentest". De naam komt van de maker Dr. Shinobu Ishihara, die in 1917 een eenvoudige maar ingenieuze methode publiceerde om te bepalen of een persoon kleurenblind is of geen gekleurde platen gebruikt (ishihara-platen). Elke plaat bevat meerdere stippen die in kleur en grootte variëren en worden weergegeven in een cirkelvormig patroon, waarbij een cijfer in het midden wordt gevormd.

Als u het aantal correct kunt onderscheiden, betekent dit dat u een normale kleurweergave hebt. Als je problemen hebt met het zien van de vorm van de cijfers, dan heb je misschien last van een van de kleurenblindheidstypen waar we het zojuist over hadden..

Als u nog niet echt naar een oogarts wilt, kunt u de test online doen met een van de volgende sites:

  • Colorvisiontesting.com
  • Colour-blindness.com

6. Hoe kunt u zien wat een blinde kleurpersoon ziet?

Als ontwerper en visuele creatieveling moet je begrijpen dat je werk niet alleen zichtbaar moet zijn voor mensen met een normaal zicht, maar ook voor mensen die last hebben van één type kleurenblindheid.

De eerste stap naar het vinden van een oplossing voor het probleem is begrijpen hoe het zich manifesteert, door te proberen te zien wat een kleurenblinde persoon zou zien.

Gelukkig zijn er een aantal oplossingen die je toestaan ​​om een ​​normaal beeld te nemen en er filters op toe te passen om een ​​idee te krijgen van hoe een bepaald gebrek aan zicht eruit zou zien.

6.1 Online kleurenblindheid-simulatoren

Als je te maken hebt met reguliere afbeeldingen, kunnen deze kleurenblindheid-simulators snel een beeld opleveren van wat een persoon die aan een specifieke aandoening lijdt zou zien:

  • Coblis van Colorblindness.com is waarschijnlijk de meest uitputtende oplossing daar omdat het afbeeldingen genereert voor alle soorten kleurenblindheid.
  • Vischeck is een eenvoudigere generator die u de mogelijkheid geeft om een ​​voorbeeld van een zij-aan-zij foto te bekijken van zowel de originele als de gesimuleerde kleurenziengebrek.

Als u een webdesigner bent en wilt zien hoe uw project eruit zou zien voor een persoon die last heeft van kleurenblindheid, heeft Toptal een slimme kleine kleurenblinde filter samengesteld die elke website neemt en converteert met een van de vier beschikbare filters.

6.2. Local Colour Blindness Simulators

Omdat het uploaden van uw project naar het web en vervolgens het vergelijken van de afbeeldingen heen en terug een beetje tijdrovend kan zijn, zijn er een aantal software-oplossingen die u kunnen helpen hetzelfde resultaat sneller te bereiken.

  • Adobe Illustrator: als u het niet wist, komt Illustrator eigenlijk met twee kleurenproeven (protanopia en deuteranopia) binnen zijn Uitzicht menu (Beeld> Testinstellingen), waarmee u snel kunt zien hoe uw project eruit zou zien als het door een kleurenblinde persoon wordt bekeken.
  • Adobe Photoshop: dezelfde kleurproeven zijn opgenomen in Photoshop (Beeld> Testinstellingen), waarmee u het eindresultaat kunt identificeren en corrigeren.
  • Stark is een gratis plug-in gemaakt voor Sketch waarmee u kunt kiezen uit acht kleurprofielen en een voorbeeld van uw ontwerp als een kleurenblinde persoon kunt bekijken.
  • Kleur Oracle is een andere gratis kleurenblindheidssimulator die is ontwikkeld door Bernie Jenny en die kan worden geïnstalleerd en gebruikt op Windows, Mac en Linux en is gemaakt om onafhankelijk te werken van de creatieve software die u gebruikt.

7. Hoe beïnvloedt kleurenblindheid de kwaliteit van iemands leven?

Hoewel voor kleurenblinden de wereld om hen heen 'normaal' lijkt, omdat ze meestal de enige manier zijn waarop ze dit hebben meegemaakt, is de realiteit dat ze gewoonlijk problemen ondervinden in wat we beschouwen als eenvoudige, alledaagse taken. Van het koken van voedsel tot het besturen van een auto of het kiezen van kleding om te dragen, wat ze zien beïnvloedt hun reacties en gedrag, en beïnvloedt direct hun leven.

Stel je voor dat je een auto zou willen besturen, maar nooit kunt zien of de verkeerslichten groen of rood zijn, zonder de positie van elk van de drie toestanden te kennen. Of misschien wil je een lekker stukje vlees koken dat je van de lokale markt hebt gekocht, maar je kunt niet zeggen of het zeldzaam of goed gedaan is.

Denk ook aan alle creatieve banen die je graag zou willen doen, maar die je nooit zou kunnen aanvragen omdat je niet echt kunt zien wat iedereen ziet.

Dit zijn slechts enkele van de situaties waarmee een kleurenblind persoon dagelijks te maken heeft, dus waarom niet proberen te leren hoe we hen kunnen helpen, zelfs een klein beetje door enkele van de onderstaande eenvoudige oplossingen te volgen.

8. Hoe kunt u uw motieven en illustraties aanpassen voor de kleurenblind?

Dus op dit moment weten we wat kleurenblindheid is en hebben we een basisidee hoe het eruit kan zien, wat betekent dat we nu kunnen praten over het vinden en implementeren van oplossingen die bedoeld zijn om onze projecten aan te passen voor mensen die getroffen zijn door deze visusdeficiënties.

8.1. Welke kleuren het beste werken?

Het eerste dat we ons moeten afvragen wanneer we aan een project werken (of het nu een bestaand of een nieuw project is), is welke kleurencombinaties het beste werken. En het antwoord is dat we echt geen algemene lijst hebben, omdat alles afhangt van de Verzadiging en Helderheid niveaus gebruikt voor elke kleur.

Wat we wel weten, is dat er een reeks kleurencombinaties moet worden vermeden, omdat het voor een kleurenblinde persoon soms moeilijk kan zijn om ze van elkaar te onderscheiden:

  • rood en groen
  • rood en bruin
  • rood en oranje
  • rood en violet
  • rood en zwart
  • groen en bruin
  • groen en oranje
  • lichtgroen en geel
  • blauw en groen
  • blauw en paars
  • blauw en geel

Het probleem doet zich meestal voor wanneer een ontwerp is gebaseerd op kleuren met nauwe tint-, verzadigings- of helderheidsniveaus, waardoor ze lijken op tinten van dezelfde kleur.

Ons doel is dus niet om een ​​kleurenschema te maken dat duidelijk herkenbaar is voor iemand die lijdt aan kleurenblindheid, maar om het voor hem mogelijk te maken om de ene kleur van de andere te onderscheiden, ook al weten ze misschien niet zeker wat die kleur is.

8.2. Hoe kunt u slechte kleurencombinaties repareren?

De eerste stap naar het herstellen van een slechte kleurencombinatie is het opmerken. Dit is waar de tools voor kleursimulatie van pas komen, omdat je snel kunt waarnemen of je niet te onderscheiden overlappende secties of elementen hebt die identiek of gewoonweg niet zichtbaar zijn, door de verschillende beschikbare filters te doorlopen.

Afhankelijk van het type advertentieproject waaraan u werkt, of het nu gaat om een ​​illustratie, een mobiele app of een type grafische gegevensweergave (staafdiagram, lijndiagram of cirkeldiagram), kunt u de volgende suggesties gebruiken om aan te passen het eindresultaat voor mensen die aan deze aandoening lijden.

Gebruik een andere tint

Als je deze illustratie van een klassieke Game Boy bekijkt, zul je merken dat wanneer je een deuteranopia filter, het bovenste gedeelte van het apparaat ziet eruit alsof het een uitsnede heeft sinds de tint van de achtergrond en die van het scherm zijn echt dichtbij in termen van verzadiging (57,83% voor de rode tint en 42,96% voor de groene).

We zouden het kunnen aanpassen verzadiging van het schermgedeelte om het te vergroten tintintensiteit, maar zoals je kunt zien, in deze specifieke situatie zal dat niet zoveel helpen als we zouden willen.

Wat we willen doen, is de tint van de achtergrond van rood naar Purper, die zoals je kunt zien een duidelijke scheiding tussen de twee secties creëert.

Streven naar hoog contrast

We hebben het achtergrondprobleem opgelost, maar zoals je kunt zien, zijn sommige delen van de console (zoals de voorkant en de zijkant) erg moeilijk te onderscheiden, omdat ze hetzelfde gebruiken tint waarde (0%) en dergelijke helderheid niveaus (92,94% voor de voorkant en 86,67% voor de zijkant). Hetzelfde kan gezegd worden over de d-pad knop, waar de doorsnede a gebruikt 45.88% helderheid niveau terwijl de middelste punt een soortgelijke gebruikt 40.78% waarde.

Wanneer dit gebeurt, kunt u de situatie snel aanpakken door de respectieve vormen te selecteren en aan te passen verzadiging en / of helderheidniveaus totdat ze beginnen op te vallen.

De algemene regel zou zijn om zo min mogelijk tinten en schakeringen te gebruiken, en het artwork te laten opvallen, met een hoog contrast wanneer je kunt.

Omdat in het echte leven de behuizing van de console is gemaakt van wit plastic, lijkt het billijk om een ​​paar tinten en tinten te gebruiken als we deze nauwkeuriger willen weergeven, maar als het project het toelaat, kun je altijd een hoger contrast bereiken door verschillende tinten te gebruiken.

Scheid uw vormen met contouren

Als u enkele van de vorige oplossingen hebt geprobeerd maar niet het gewenste resultaat hebt, kunt u soms de verschillende secties van een sterk gekleurde compositie isoleren met dikke, donkere contouren. In het geval van onze Game Boy kunnen we sommige vormen omzetten in contouren en nieuwe toevoegen aan degenen die hen ondersteunen, waardoor we een meer gedefinieerd resultaat krijgen.

Kleuren toevoegen of verwijderen

Het toevoegen of verwijderen van kleuren kan een ontwerp maken of breken, in het bijzonder een ontwerp dat wordt bekeken door een persoon die ze niet allemaal kan onderscheiden. Als we de omlijnde versie van onze console bekijken, is het je misschien opgevallen dat de ronde knoppen nu worden gecombineerd met hun contouren.

We kunnen dit eenvoudig oplossen door twee nieuwe te introduceren tinten (een licht geel en blauw) zolang we weten welke kleuren kunnen worden gezien door een persoon met een specifieke gezichtstekort (in ons geval, deuteranopia).

In andere situaties zou je kunnen merken dat het verwijderen van kleuren het algehele ontwerp zal verbeteren, aangezien soms eenvoudiger beter is.

Houd u aan een Monochromatisch Kleurenschema

Soms kunnen kleuren je grootste vijand blijken te zijn, vooral als je te maken hebt met een gebrek aan zicht, zoals deuteranopia, dus het is misschien een goed idee om je palet te verkleinen tot a monochroom kleurenschema.

Vaak verwarren mensen een monochromatisch kleurenschema met een grijstinten een bestaande uit alleen zwartengrijzen, en witte was, maar het zijn eigenlijk twee compleet verschillende dingen. 

Volgens Wikipedia, een monochromatisch kleurenschema is afgeleid van "een enkele basistint en uitgebreid met zijn tinten, tonen en tinten".

Zoals je hieronder kunt zien, door vast te houden aan een monochromatisch schema, je kunt het hele rigoureuze kleurafstemproces elimineren en je concentreren op slechts één tint van waaruit u tinten en tinten kunt maken met verschillende verzadiging en helderheid levels.

Ga grijswaarden

Een andere oplossing om kleur volledig te vermijden is om volledig te gaan grijstinten. Door dit te doen, elimineert u bijna alle bovenstaande stappen, wat betekent dat u zich kunt concentreren op de illustratie zelf.

Textuur toevoegen

Een laatste methode om ervoor te zorgen dat uw ontwerp duidelijk begrijpelijk is voor mensen met een gezichtstekort, is dat van toevoegen structuur. Of het nu gaat om graan, horizontale lijnen of een ander type, de textuur kan gemakkelijk een specifiek deel van een afbeelding scheiden en markeren, zodat u elke kleurgrens kunt doorbreken.

Conclusie

Of we het ons realiseren of niet, kleurenblindheid is een aandoening die een groot aantal mensen daarbuiten treft, waardoor hun dagelijks leven moeilijker wordt door de dingen die ze kunnen zien en begrijpen te beperken door het kleurenfilter.

Gelukkig zijn er, zoals we hebben gezien, verschillende dingen die we als ontwerpers kunnen doen om de kwaliteit van hun leven te verbeteren, waardoor het allemaal een stapje eenvoudiger wordt..

Ik hoop echt dat dit artikel je ogen heeft geopend voor een gebied van ontwerp dat vaak over het hoofd wordt gezien, en erin is geslaagd om je een paar kernbegrippen te leren die je in toekomstige projecten kunt implementeren.

Dat gezegd hebbende, kunt u uw kennis over kleur verder uitbreiden door deze geweldige artikelen te bekijken:

  • Ontwerpen voor en als een kleurenblinde persoon

    Kleurenblindheid is een lichte handicap waardoor de getroffene een verminderd vermogen ervaart om kleuren van anderen te onderscheiden. Dit kan een echt nadeel zijn ...
    Connor Turnbull
    Ontwerptheorie
  • Geavanceerde kleurentheorie: wat is kleurbeheer?

    In dit artikel worden termen gedefinieerd als kleurmodellen, kleurruimten en kleurbeheer en wordt uitgelegd wat u als ontwerper hiervan zou moeten weten.
    James Thomas
    Kleurentheorie
  • Ontwerp in 60 seconden: uitleg over RGB- en CMYK-kleuren

    Ooit afgevraagd over het verschil tussen de RGB- en CMYK-kleurenmodi? Nou als je een minuutje hebt, kan ik je helpen om het op te lossen.
    Kirk Nelson
    Ontwerptheorie
  • Kleur in 60 seconden: Tinten, Tonen en Shades

    Tinten, tonen en tinten zijn termen die u hoort gebruiken bij het bespreken van kleur. Een "tint" is het resultaat van het mengen van een kleur met wit. Een "schaduw" is de resultante ...
    Adi Purdila
    Kleurentheorie
  • Hoe kleuren opzoektabellen te gebruiken

    In deze korte video-zelfstudie leert u hoe u één afbeelding kunt gebruiken om een ​​reeks kleuren te definiëren en vervolgens hoe u andere afbeeldingen in die kleurenreeks kunt laten passen.
    Kirk Nelson
    Adobe Photoshop
  • Kleurpaletten gebruiken om identiteit te creëren in Artwork

    Kunstenaars proberen op verschillende manieren op te vallen. Een manier om dit te bereiken, is door een herkenbaar kleurenpalet te gebruiken tijdens uw werk. In deze…
    Mary Winkler
    Kleurentheorie