Hoe te ontwerpen voor kleurenblindheid

Inhoudsopgave:

Hoe te ontwerpen voor kleurenblindheid
Hoe te ontwerpen voor kleurenblindheid

Video: Hoe te ontwerpen voor kleurenblindheid

Video: Hoe te ontwerpen voor kleurenblindheid
Video: HOW TO MAKE A DESIGN WORK FOR THE COLOR BLIND | What is Color Blindness | Different Types 2024, April
Anonim

Het ontwerpen van inhoud die bruikbaar is voor mensen met kleurenblindheid is een geweldige manier om deze toegankelijker te maken voor het grote publiek. Mensen met kleurenblindheid vinden het moeilijk om onderscheid te maken tussen bepaalde kleuren, zoals rood, groen of blauw. Sommige kleurenblinde mensen kunnen helemaal geen kleur zien, waardoor het moeilijk is om door sites en apps te navigeren die sterk afhankelijk zijn van kleuren. Door een paar eenvoudige tips en richtlijnen te gebruiken, kunt u uw informatie gebruiksvriendelijk maken voor iedereen die erop klikt, welke kleuren ze wel (of niet) kunnen zien.

Stappen

Methode 1 van 2: Tekst en achtergrond

Ontwerp voor kleurenblindheid Stap 1
Ontwerp voor kleurenblindheid Stap 1

Stap 1. Kies contrasterende kleuren voor tekst en achtergronden

Kleuren die te veel op elkaar lijken, kunnen moeilijk te onderscheiden zijn voor mensen met kleurenblindheid. Kies bij het kiezen van tekst- en achtergrondkleuren voor kleuren die opvallen.

Zwart op wit of wit op zwart ligt voor de hand, maar je kunt ook blauw en geel, geel en violet of donkerblauw en zwart gebruiken

Ontwerp voor kleurenblindheid Stap 2
Ontwerp voor kleurenblindheid Stap 2

Stap 2. Kies kleurencombinaties zoals blauw/geel en oranje/paars

Mensen met kleurenblindheid kunnen sommige kleuren beter zien dan andere. Wanneer je kleurencombinaties uitkiest, probeer dan vast te houden aan:

  • Blauw en geel
  • Bruin en blauw
  • Oranje en paars
  • Groen en paars
  • Geel en roze
  • rood en blauw
Ontwerp voor kleurenblindheid Stap 3
Ontwerp voor kleurenblindheid Stap 3

Stap 3. Blijf uit de buurt van groen/rood, groen/bruin en blauw/paars

De meeste kleurenblinden hebben moeite met bepaalde kleurencombinaties. Blijf uit de buurt van die kleuren om uw ontwerp leesbaar te maken.

Je moet ook groen en blauw vermijden, omdat die tinten erg op elkaar kunnen lijken

Ontwerp voor kleurenblindheid Stap 4
Ontwerp voor kleurenblindheid Stap 4

Stap 4. Gebruik heldere, gedurfde kleuren

Pastelkleuren en bleke kleuren hebben de neiging om in elkaar over te lopen, vooral voor mensen met kleurenblindheid. Blijf bij neon- of primaire kleuren om ze te helpen onderscheid te maken tussen alle kleuren op de pagina.

Ontwerp voor kleurenblindheid Stap 5
Ontwerp voor kleurenblindheid Stap 5

Stap 5. Houd je kleurenpalet minimaal

Hoe minder kleuren u gebruikt, hoe meer u verwarring voorkomt. Hier is geen vaste regel voor, maar hoe minder hoe beter!

U kunt bijvoorbeeld 3 kleuren kiezen en deze als thema voor uw webpagina gebruiken

Methode 2 van 2: Afbeeldingen en links

Ontwerp voor kleurenblindheid Stap 6
Ontwerp voor kleurenblindheid Stap 6

Stap 1. Onderstreep klikbare links

Normaal gesproken worden links gemarkeerd met kleur, maar mensen met kleurenblindheid kunnen ze moeilijk zien. Als er een klikbare link is, onderstreep deze dan en markeer deze op de pagina.

Als u het niet wilt onderstrepen, maakt u de tekst vetgedrukt

Ontwerp voor kleurenblindheid Stap 7
Ontwerp voor kleurenblindheid Stap 7

Stap 2. Voeg symbolen en sleutels toe

Mensen met kleurenblindheid kunnen moeite hebben met het begrijpen van grafieken en diagrammen die alleen op kleur zijn gebaseerd. Zorg ervoor dat u symbolen en toetsen aan de zijkant van de afbeelding als referentie opneemt.

  • U kunt bijvoorbeeld een kleurcode aan de zijkant van de kaart plaatsen om uit te leggen wat elke kleur betekent.
  • Of u kunt symbolen op een kaart gebruiken om verschillende gebieden te labelen, zoals campings en toiletten.
Ontwerp voor kleurenblindheid Stap 8
Ontwerp voor kleurenblindheid Stap 8

Stap 3. Voeg textuur toe aan kaarten, grafieken en grafieken

Effen kleuren kunnen moeilijk te onderscheiden zijn. Probeer lijnen, punten en hekjes te gebruiken om secties op grafieken, kaarten en grafieken te onderscheiden.

  • Dit is een geweldig idee voor staafdiagrammen en cirkeldiagrammen.
  • U kunt zowel textuur als kleur in uw afbeeldingen gebruiken, dus u hoeft ze niet volledig te veranderen.
Ontwerp voor kleurenblindheid Stap 9
Ontwerp voor kleurenblindheid Stap 9

Stap 4. Maak een overzicht van secties op kaarten

Als je kleuren gebruikt om staten of randen te onderscheiden, gebruik dan ook een zwarte omtreklijn. Dit zal mensen met kleurenblindheid helpen, omdat ze de zwarte lijnen kunnen zien.

Dit is een geweldige manier om uw afbeeldingen ook meer op te laten vallen

Ontwerp voor kleurenblindheid Stap 10
Ontwerp voor kleurenblindheid Stap 10

Stap 5. Label informatie zonder kleuren te gebruiken

Cirkeldiagrammen, grafieken en transportsystemen gebruiken vaak kleuren om secties of methoden te onderscheiden. Label de informatie met zowel woorden als kleuren om het toegankelijk te maken voor mensen met kleurenblindheid.

  • Als u bijvoorbeeld een cirkeldiagram gebruikt, kunt u elke sectie een label geven en verschillende kleuren gebruiken om ze van elkaar te scheiden.
  • Iemand met kleurenblindheid (die alleen in zwart-wit kan zien) kan geen kleurentoets gebruiken.

Aanbevolen: