Hur man designar för färgblindhet

Innehållsförteckning:

Hur man designar för färgblindhet
Hur man designar för färgblindhet

Video: Hur man designar för färgblindhet

Video: Hur man designar för färgblindhet
Video: How to Tie a Tie | Windsor (aka Full Windsor or Double Windsor) | For Beginners 2024, April
Anonim

Att designa innehåll som är användbart för personer med färgblindhet är ett bra sätt att göra det mer tillgängligt för allmänheten. Personer med färgblindhet har svårt att skilja mellan vissa färger, som rött, grönt eller blått. Vissa färgblinda människor kan inte se någon färg alls, vilket gör det svårt att navigera på webbplatser och appar som är starkt beroende av färger. Genom att använda några enkla tips och riktlinjer kan du göra din information lättanvänd för alla som klickar på den, oavsett vilka färger de kan (eller inte kan) se.

Steg

Metod 1 av 2: Text och bakgrund

Design för färgblindhet Steg 1
Design för färgblindhet Steg 1

Steg 1. Välj kontrasterande färger för text och bakgrunder

Färger som är för lika varandra kan vara svåra att skilja för dem med färgblindhet. När du väljer text- och bakgrundsfärger, välj de som sticker ut mot varandra.

Svart på vitt eller vitt på svart är ett självklart val, men du kan också använda blått och gult, gult och violett eller mörkblått och svart

Design för färgblindhet Steg 2
Design för färgblindhet Steg 2

Steg 2. Välj färgkombinationer som blå/gul och orange/lila

Människor med färgblindhet kan se vissa färger bättre än andra. När du väljer färgkombinationer, försök att hålla dig till:

  • Blått och gult
  • Brun och blå
  • Orange och lila
  • Grönt och lila
  • Gul och rosa
  • röd och blå
Design för färgblindhet Steg 3
Design för färgblindhet Steg 3

Steg 3. Håll dig borta från grönt/rött, grönt/brunt och blått/lila

De flesta färgblinda har problem med specifika färgkombinationer. Håll dig borta från dessa färger för att göra din design läsbar.

Du bör också undvika grönt och blått, eftersom dessa nyanser kan vara väldigt lika varandra

Design för färgblindhet Steg 4
Design för färgblindhet Steg 4

Steg 4. Använd ljusa, djärva färger

Pasteller och bleka färger tenderar att blekna i varandra, särskilt för personer med färgblindhet. Håll dig till neon- eller primärfärger för att hjälpa dem att skilja mellan alla färger på sidan.

Design för färgblindhet Steg 5
Design för färgblindhet Steg 5

Steg 5. Håll din färgpalett minimal

Ju färre färger du använder, desto mer undviker du förvirring. Det finns ingen hård och snabb regel för detta, men ju färre desto bättre!

Till exempel kan du välja tre färger och hålla dem som ett tema för din webbsida

Metod 2 av 2: Bilder och länkar

Design för färgblindhet Steg 6
Design för färgblindhet Steg 6

Steg 1. Understruken klickbara länkar

Normalt markeras länkar med färg, men personer med färgblindhet kan ha svårt att se dem. Om det finns en klickbar länk, understryk den och markera den på sidan.

Om du inte vill understryka det, gör texten fetstil istället

Design för färgblindhet Steg 7
Design för färgblindhet Steg 7

Steg 2. Inkludera symboler och nycklar

Personer med färgblindhet kan ha problem med att förstå grafer och diagram baserade på enbart färg. Se till att du inkluderar symboler och tangenter på bildens sida som referens.

  • Du kan till exempel sätta en färgkod på sidan av diagrammet för att förklara vad varje färg betyder.
  • Eller så kan du använda symboler på en karta för att märka olika områden, som campingplatser och toaletter.
Design för färgblindhet Steg 8
Design för färgblindhet Steg 8

Steg 3. Lägg till textur i kartor, diagram och grafer

Enfärgade färger kan vara svåra att skilja. Prova att använda linjer, prickar och hashmärken för att skilja sektioner på grafer, kartor och diagram.

  • Detta är en bra idé för stapeldiagram och cirkeldiagram.
  • Du kan använda textur och färg i dina bilder, så du behöver inte ändra dem helt.
Design för färgblindhet Steg 9
Design för färgblindhet Steg 9

Steg 4. Skissera avsnitt på kartor

Om du använder färger för att skilja tillstånd eller gränser, använd också en svart kontur. Detta hjälper människor med färgblindhet, eftersom de kommer att kunna se de svarta linjerna.

Detta är också ett bra sätt att få dina bilder att sticka ut

Design för färgblindhet Steg 10
Design för färgblindhet Steg 10

Steg 5. Märk information utan att använda färger

Cirkeldiagram, grafer och transportsystem använder ofta färger för att skilja sektioner eller metoder. Märk informationen med såväl ord som färger för att göra den tillgänglig för personer med färgblindhet.

  • Om du till exempel använder ett cirkeldiagram kan du märka varje sektion och använda olika färger för att separera dem.
  • Någon med full färgblindhet (som bara kan se i svartvitt) kommer inte att kunna använda en färgknapp.

Rekommenderad: