Hvordan designe for fargeblindhet

Innholdsfortegnelse:

Hvordan designe for fargeblindhet
Hvordan designe for fargeblindhet

Video: Hvordan designe for fargeblindhet

Video: Hvordan designe for fargeblindhet
Video: Hvor fargeblind er du? 2024, Kan
Anonim

Å designe innhold som er brukbart for personer med fargeblindhet, er en fin måte å gjøre det mer tilgjengelig for allmennheten. Personer med fargeblindhet har vanskelig for å skille mellom bestemte farger, som rødt, grønt eller blått. Noen fargeblinde mennesker kan ikke se noen farge i det hele tatt, noe som gjør det vanskelig å navigere på nettsteder og apper som er avhengige av farger. Ved å bruke noen få enkle tips og retningslinjer, kan du gjøre informasjonen lett å bruke for alle som klikker på den, uansett hvilke farger de kan (eller ikke kan) se.

Trinn

Metode 1 av 2: Tekst og bakgrunn

Design for fargeblindhet Trinn 1
Design for fargeblindhet Trinn 1

Trinn 1. Velg kontrastfarger for tekst og bakgrunn

Farger som er for like hverandre kan være vanskelig å skille for de med fargeblindhet. Når du velger tekst og bakgrunnsfarger, velger du de som skiller seg ut mot hverandre.

Svart på hvitt eller hvitt på svart er et åpenbart valg, men du kan også bruke blått og gult, gult og fiolett, eller mørkeblått og svart

Design for fargeblindhet Trinn 2
Design for fargeblindhet Trinn 2

Trinn 2. Velg fargekombinasjoner som blå/gul og oransje/lilla

Personer med fargeblindhet kan se noen farger bedre enn andre. Når du velger fargekombinasjoner, kan du prøve å holde deg til:

  • Blå og gul
  • Brun og blå
  • Oransje og lilla
  • Grønn og lilla
  • Gul og rosa
  • Rødt og blått
Design for fargeblindhet Trinn 3
Design for fargeblindhet Trinn 3

Trinn 3. Hold deg unna grønt/rødt, grønt/brunt og blått/lilla

De fleste fargeblinde har problemer med spesifikke fargekombinasjoner. Hold deg unna fargene for å gjøre designet ditt lesbart.

Du bør også unngå grønt og blått, ettersom disse nyansene kan være veldig like hverandre

Design for fargeblindhet Trinn 4
Design for fargeblindhet Trinn 4

Trinn 4. Bruk lyse, dristige farger

Pasteller og bleke farger har en tendens til å falme inn i hverandre, spesielt for personer med fargeblindhet. Hold deg til neon- eller primærfarger for å hjelpe dem med å skille mellom alle fargene på siden.

Design for fargeblindhet Trinn 5
Design for fargeblindhet Trinn 5

Trinn 5. Hold fargepaletten minimal

Jo færre farger du bruker, desto mer unngår du forvirring. Det er ingen hard og rask regel for dette, men jo færre jo bedre!

For eksempel kan du velge 3 farger og holde deg til dem som tema for nettsiden din

Metode 2 av 2: Bilder og lenker

Design for fargeblindhet Trinn 6
Design for fargeblindhet Trinn 6

Trinn 1. Understrekk klikkbare lenker

Normalt fremheves lenker med farge, men personer med fargeblindhet kan ha problemer med å se dem. Hvis det er en klikkbar lenke, understreker du den og markerer den på siden.

Hvis du ikke vil understreke det, gjør teksten fet i stedet

Design for fargeblindhet Trinn 7
Design for fargeblindhet Trinn 7

Trinn 2. Inkluder symboler og nøkler

Personer med fargeblindhet kan ha problemer med å forstå grafer og diagrammer basert på farge alene. Sørg for å inkludere symboler og taster på siden av bildet som en referanse.

  • For eksempel kan du sette en fargekode på siden av diagrammet for å forklare hva hver farge betyr.
  • Eller du kan bruke symboler på et kart for å merke forskjellige områder, for eksempel campingplasser og toaletter.
Design for fargeblindhet Trinn 8
Design for fargeblindhet Trinn 8

Trinn 3. Legg til tekstur i kart, diagrammer og grafer

Solide farger kan være vanskelig å skille. Prøv å bruke linjer, prikker og hasjmerker for å skille seksjoner på grafer, kart og diagrammer.

  • Dette er en god idé for stolpediagrammer og sektordiagrammer.
  • Du kan bruke tekstur og farge i bildene dine, slik at du ikke trenger å endre dem helt.
Design for fargeblindhet Trinn 9
Design for fargeblindhet Trinn 9

Trinn 4. Skissere seksjoner på kart

Hvis du bruker farger for å skille mellom tilstander eller grenser, bruk også en svart kontur. Dette vil hjelpe mennesker med fargeblindhet, siden de vil kunne se de svarte linjene.

Dette er også en flott måte å få bildene dine til å skille seg ut mer

Design for fargeblindhet Trinn 10
Design for fargeblindhet Trinn 10

Trinn 5. Merk informasjon uten å bruke farger

Sirkeldiagrammer, grafer og transportsystemer bruker ofte farger for å skille seksjoner eller metoder. Merk informasjonen med ord så vel som farger for å gjøre den tilgjengelig for de med fargeblindhet.

  • For eksempel, hvis du bruker et kakediagram, kan du merke hver seksjon i tillegg til å bruke forskjellige farger for å skille dem.
  • Noen med full fargeblindhet (som bare kan se i svart -hvitt) vil ikke kunne bruke en fargetast.

Anbefalt: