Share
Kleurenblindheid is een lichte handicap waardoor de getroffene een verminderd vermogen ervaart om kleuren van anderen te onderscheiden. Dit kan een echt nadeel zijn voor iedereen in het ontwerpveld, omdat kleurentheorie een integraal onderdeel is van succesvol ontwerpen en veel beslissingen zijn gebaseerd op het gevoel en de emotie die is afgeleid van ontwerpbeslissingen, in plaats van een generieke reeks richtlijnen en taxonomieën..
U hebt waarschijnlijk al veel gehoord over toegankelijkheid in webontwerp; het is belangrijk om te zorgen voor het breedste publiek, dat mogelijk problemen met uw website zou kunnen hebben als het niet op de juiste manier is ontworpen. Als een bonus zullen we daar iets later op ingaan, maar de belangrijkste focus van dit artikel is eigenlijk kijken naar hoe een kleurenblind ontwerper kan het ontwerp van een website nog steeds met succes aanpassen.
In het artikel van vandaag gaan we bekijken hoe kleurenblinde ontwerpers nog steeds een succesvolle case study kunnen maken voor goed kleurgebruik en hoe niet-patiënten nog steeds rekening kunnen houden met de behoeften van hun kleurenblinde doelgroep..
Zoals ik al eerder zei, is kleurenblindheid een lichte handicap waarbij onderscheidende kleur een probleem kan zijn. In een notendop kunnen mensen met kleurenblindheid bepaalde kleuren niet identificeren onder vergelijkbare anderen, of gewoon helemaal geen kleuren.
Er zijn meerdere soorten kleurenblindheid. Totale kleurenblindheid ("monochromatie") is een zeer zeldzame aandoening waarbij mensen alleen verschillende tonen en helderheidsniveaus zien, helemaal geen kleur. Meest voorkomende gevallen zijn echter een onvermogen om blauw / geel of rood / groen te herkennen, waarbij de laatste de meest voorkomende van de twee is.
Tests zijn ontwikkeld om kleurenblindheid te herkennen, normaal door de potentiële lijders te vragen een bericht te herkennen dat bestaat uit stippen. Lijders en niet-patiënten zullen verschillende berichten zien, waardoor iemand kan vaststellen of zij een lijder zijn.
Hopelijk geeft bovenstaande afbeelding beter weer wat ik probeer over te brengen. Je kleuren kunnen anders worden waargenomen door de twee verschillende groepen (patiënten en niet-patiënten), waardoor je ongewijzigde kleurenschema ongeldig wordt. Eén persoon zou er 74 kunnen zien, maar een patiënt zou het volledig kunnen missen en volledig van de radar kunnen laten gaan.
We hebben hier al een artikel bij Webdesigntuts + over kleurentheorie, waarvan je waarschijnlijk al moet lezen voordat we verder gaan. Thomas Cannon doet zijn best goed werk om uit te leggen wat kleurentheorie is.
Kleurentheorie bestrijkt eigenlijk een aantal dingen, maar op het meest basale niveau is het de interactie van kleuren in een ontwerp door middel van complementatie, contrast en levendigheid.
Zoals u waarschijnlijk weet, worden kleuren op internet gewoonlijk een hexadecimale code genoemd; zoiets als # ff0000. Onze browser vertaalt deze dan op intelligente wijze naar RGB-waarden om de door ons gewenste kleur weer te geven. Als u wat dieper wilt duiken, zijn hexadecimale codes eigenlijk heel interessant, omdat u deze kunt opsplitsen om de specificaties voor rood, groen en blauw te achterhalen, dankzij de waarden van 0-9 of A-F.
Gelukkig hebben creatieve types al heel lang een geweldig hulpmiddel om te bepalen welke kleuren er goed uitzien: het kleurenwiel. Het kleurenwiel is een donutachtige vorm van kleuren, afkomstig van de drie primaire kleuren: rood, geel en blauw. Het is achter de horizon van dit artikel om hier te veel in details te treden (en bovendien zou ik in dezelfde voetstappen treden bij Thomas), dus ik zal niet veel verder gaan dan te zeggen dat dit wiel ons kan helpen bepalen welke kleuren hebben een natuurlijke chemie.
Een kleurenschema is gewoon een logische reeks kleuren die samengaan en deze komen voort uit het kleurenwiel. Er is een handvol verschillende methoden om kleuren uit het kleurenwiel te kiezen, waarover je meer kunt lezen in de tweede helft van Thomas's artikel.
Nu weten we iets meer over hoe kleuren en kleurenschema's werken. Laten we eens kijken naar hoe we schema's "kunnen aannemen" die van nature bij elkaar passen.
Monochromatische kleurenschema's moeten niet worden verward met monochromacy. Monochromacy is de kleurenblindheid waar we eerder over gesproken hebben, wat zeer zeldzaam is en ervoor zorgt dat de patiënt slechts één kleur ziet in meerdere tinten. Monochroom is eigenlijk zo bedoeld, met ontwerpen die volledig uit één kleur bestaan in meerdere tinten, in vergelijking met meerdere kleuren.
Het gebruik van een monochroom kleurenschema is niet noodzakelijk een belemmering. Het kan zelfs een groot voordeel zijn om eenheid te geven in je ontwerp. Hoe zit het met zwart? Natuurlijk zou je zwart als een tweede kleur kunnen classificeren, maar je kunt nog steeds een vergelijkbaar contrast bereiken door alleen een zeer donkere variant van de door jou gekozen kleur te gebruiken.
Contrast bereiken is supereenvoudig bij gebruik van een monochroom kleurenschema. Omdat mensen met kleurenblindheid nog steeds verschillende kleurtinten kunnen herkennen, is het introduceren van contrast geen probleem, omdat het op dezelfde manier wordt herkend.
Natuurlijk kan een monochroom kleurenschema worden gebruikt met elke enkele kleur en kan het op die manier behoorlijk effectief zijn. Voor degenen die meteen zwart en wit dachten toen ik monochroom noemde, is dat ook effectief. Veel minimalistische sites maken gebruik van een grijswaardenkleurenschema, wat voor iedereen geen probleem mag zijn om op de bedoelde manier te bekijken. Als u veilig wilt blijven, kan grijstinten er geweldig uitzien, zolang het maar past in de algehele toon en het gevoel van uw ontwerp.
Grote hoeveelheden contrast zijn hier erg belangrijk omdat het een geweldige manier is om een consistent kleurenschema te maken, zonder dat u zich echt zorgen hoeft te maken over het kleurenpark. We kunnen zeer lichte tot zeer donkere tinten van één kleur maken, waardoor we een schat aan verschillende waarden kunnen gebruiken. Als u bijvoorbeeld een lichtblauw voor uw achtergrond gebruikt, wilt u een veel donkerder blauw voor de tekst gebruiken om uw tekst leesbaar te houden.
Het gebruik van monochroom biedt kleurenblinde bezoekers een manier om uw ontwerp gemakkelijk te waarderen, zelfs als ze niet per se de beoogde kleuren kunnen identificeren. Hoog contrast biedt echter veel leesbaarheidsverbeteringen voor elke gebruiker en is een ontwerpprincipe waarvan we ons bewust moeten zijn dat het niet toegankelijk is.
Net zoals tweakercontrast, kunnen aanpassing van de tint, verzadiging en helderheid van kleuren ons helpen definitie te tonen en gebruikers in staat stellen te onderscheiden, zonder gebruik te maken van meerdere kleuren. Door te plakken met een klein aantal kleuren, of zelfs slechts één kleur, kan het wijzigen van de verzadiging echt een onderscheidend contrast vertonen binnen twee voorbeelden van een kleur, net als helderheid en tint..
Met deze methoden kunnen kleurenblinde ontwerpers gemakkelijk verschillende delen van hun ontwerp in kleur definiëren, zonder zich te veel zorgen te maken over de esthetiek alsof ze een nieuwe kleur aan de mix toevoegen. Voor de kleurenblinde bezoekers maakt dit het gemakkelijk onderscheid te maken tussen verschillende uitziende onderdelen.
Dit is vooral een tip gericht op kleurenblinde ontwerpers, in plaats van alleen op hun kleurenblinde doelgroep.
Het is ongelooflijk eenvoudig om kleuren te "lenen" van andere webontwerpen, of andere niet-webgebaseerde ontwerpen tegenwoordig. Door simpelweg de pipet uit ons arsenaal aan grafische bewerkingsgereedschappen te halen, kunnen we gemakkelijk kleuren binnen een ontwerp identificeren en deze in de onze gebruiken. Kleurstelsels "stelen" kan een heel effectieve manier zijn om te achterhalen wat goed werkt en het in een andere vorm repliceren, terwijl de succesvolle intenties van een succesvol schema behouden blijven.
Natuurlijk, dit is een beetje vals spelen, maar niet zozeer dat het stelen is. We selecteren gewoon kleuren in webontwerpen die goed werken, en niet naar binnen gaan en volledige elementen optillen. Gelukkig is er geen auteursrecht op kleur.
Zodra we de kleuren hebben geïdentificeerd en ze door hex-waarden hebben weergegeven, kunnen we deze gebruiken in combinatie met andere methoden (zoals het gebruik van één kleur met meerdere tinten, zoals hierboven beschreven). Het is misschien moeilijker, maar zorg ervoor dat je je palet kunt variëren en het zelf uitvindt, zonder het hele schema van het ontwerp van een ander te verwijderen.
Als u ontwerpt terwijl u rekening houdt met kleurenblinde personen, zijn er een aantal online hulpmiddelen waarmee u individuele kleuren kunt kleuren onder blinde kleuren..
Deze tools bieden enig inzicht in wat kleurenblinde bezoekers te zien krijgen, en stellen u in staat om zorgvuldig kleuren te selecteren door ervoor te zorgen dat ze er goed uitzien voor regelmatige bezoekers en bezoekers. Met het eerste hulpmiddel, het Colour Laboratory, kunt u zien hoe kleuren er in combinatie met elkaar uitzien, zodat u eenvoudig kleurenschema's kunt maken die goed werken voor iedereen - lijders of niet - aan elk besturingssysteem.
Het tweede hulpmiddel is een eenvoudig formulier waarmee u uw HTML kunt plakken en hexadecimale kleurwaarden kunt uitwisselen met het kleurenblinde equivalent, zodat u ze gemakkelijk kunt aanpassen om een palet te maken dat aantrekkelijk is voor zowel patiënten als niet-patiënten..
De volgende is een tip die vooral gericht is op ontwerpers die hun mogelijk kleurenblind publiek beschouwen. Van nature nemen we bepaalde gevoelens met kleur aan, zoals rood met gevaar of groen met veiligheid. Het gebruik van dit principe in onze webontwerpen is een geweldige manier om het resultaat van een bepaalde actie onmiddellijk te associëren, maar alleen voor degenen met een reguliere visie. Uw kleurblinde bezoekers maken misschien niet meteen een verband, wat suggereert dat u een extra waarschuwingsmethode of complimenten moet gebruiken.
Dit is meer een bruikbaarheidspunt, maar het is er een waar u waarschijnlijk rekening mee moet houden om de frustratie van de gebruiker te minimaliseren. Kleurenblinde mensen zijn natuurlijk niet helemaal blind voor kleur. In plaats daarvan zien ze verschillende kleuren dan wat we zien en hebben daarom van nature verschillende kleuren met verschillende berichten. Het is echter een stuk eenvoudiger om herkenning ook op andere manieren te garanderen.
Ontwerpen voor de kleurenblind kan lastig zijn voor ontwerpers die niet echt kleurenblind zijn. Hoe houden we rekening met toegankelijkheid als we niet lijden aan de aandoening in de hand?
Gelukkig zijn er een handvol toegankelijkheidssimulators beschikbaar op het web waar een webpagina op een bepaalde manier wordt weergegeven. Het onderstaande voorbeeld, vrij algemeen genummerd als het "Kleurenblinde webpaginafilter", neemt uw site en filtert deze alsof u kleurenblind bent.
De tool is nog in ontwikkeling en het kan even duren voordat een render beschikbaar is voor weergave. Het beschikbare kleurenfilter is echter vrij uitgebreid en bestrijkt alle belangrijke typen kleurenblindheid.
Een andere simulator voor het bekijken van wat een kleurenblind publiek zou zien, is Vischeck, waarmee u een live webpagina, of enkele afbeeldingen, kunt bekijken in een van de drie soorten kleurenzienstekorten. Het heeft zelfs een hulpmiddel dat afbeeldingen corrigeert, zodat kleurenblinde kijkers ze op een natuurlijke manier kunnen zien.
Kleurenblindheid van welke aard dan ook is geen zeldzaam probleem dat slechts een handvol mensen treft. In feite is het een veel voorkomende aandoening die veel mensen tegenkomen in hun dagelijks leven. We moeten als webontwerpers proberen deze bezoekers zo goed mogelijk te bekijken. Als we kleur gebruiken, in combinatie met een goed georganiseerde lay-out, is kleuren blind geen probleem, in termen van leesbaarheid of esthetiek.
De effecten van kleurenblindheid zullen het meest worden gevoeld wanneer het de ontwerper is die lijdt. Gelukkig kunnen we ontwerpen in zwart-wit en een universeel, esthetisch aangenaam ontwerp creëren door contrast over meerdere kleuren te gebruiken. Het blijkt dat contrast cruciaal is. Als ontwerper zou dit niet iets moeten zijn dat we niet al weten, omdat contrast een sleutel is in de leesbaarheid van een ontwerp.
Natuurlijk begrijpen we dat elk ontwerp - monochroom of niet - een hoog contrastniveau zou moeten hebben om de leesbaarheid van elementen op een pagina te vergroten. We kunnen echter "vals spelen" en kleuren lenen, of een van de bovengenoemde hulpmiddelen gebruiken om kleurenschema's te maken die automatisch voor iedereen werken.
Gelukkig is kleurenblindheid geen enorme klacht op het internet, zoals op sommige andere gebieden. Door enige kleurentheorie te leren, kunnen we schema's aannemen zonder ze zelfs door de juiste ogen te zien, waardoor je elke keer perfecte resultaten kunt behalen.
Accentsconagua