färger spelar en central roll i datavisualisering. Men vad händer om dina läsare är färgblinda?

enligt färgblind medvetenhet påverkar färgblindhet 1 hos 12 män (8%) och 1 hos 200 kvinnor (0,5%). Det finns uppskattningsvis 300 miljoner färgblinda människor över hela världen, inklusive Mark Zuckerberg, Bill Clinton och Prins William!,



Använd den här mallen

optimera din grafik kan hjälpa till att göra dem mer tillgängliga—och det betyder inte att förvisa färg från dina diagram och diagram heller. I motsats till populär tro kan mer än 99% av färgblinda människor faktiskt se färg-bara inte på samma sätt som någon som inte påverkas av färgblindhet.

i den här guiden kommer vi att bryta ner de olika typerna av färgblindhet och deras speciella överväganden med avseende på datavisualisering., Vi visar dig också hur du effektivt använder färgblinda vänliga paletter för att göra din grafik tillgänglig för ett bredare spektrum av människor.

Vi har sammanställt några färdiga färgblinda vänliga paletter för att inspirera dig. Bläddra ner till Avsnitt 4 för det.

Innehållsförteckning

  1. vad är färgblindhet?
  2. vilka är de 3 typerna av färgblindhet?
  3. Varför färg är viktig för datavisualisering
  4. hur man utformar diagram med en färgblind vänlig palett
  5. viktiga takeaways

första sakens första…

vad är färgblindhet?,

färgblindhet—även känd som färgseende brist (CVD)—är en brist i skilja mellan olika färger. Det uppstår när ljuskänslig vävnad i baksidan av ögat-näthinnan-misslyckas med att korrekt svara på variationer i våglängder av ljus, vilket gör det möjligt för människor att se olika färger.,

bildkälla

även om färgblindhet främst är ett ärftligt tillstånd, kan det också bero på grå starr eller trauma i ögat, liksom ett antal sjukdomar, inklusive Parkinsons, Kallmans syndrom och diabetes. Skador på näthinnan orsakad av åldrande kan dessutom orsaka färgblindhet.

vilka är de 3 typerna av färgblindhet?,

bildkälla

det finns tre olika typer av färgblindhet:

röd/grön färgblindhet

enligt Colblindor lider 99% av alla färgblinda människor av röd/grön färgblindhet. Detta är vidare uppdelat i två olika kategorier:

  • Protanopia: även kallad ”röd svaghet”, individer som lider av denna variation av röd / grön färgblindhet kan inte uppfatta rött ljus.,

vänster: Normal vision, höger: protanopi
bildkälla

protanopias färgspektrum ser ut så här:

källa

  • deuteranopia / deuteranomaly: även känd som ”grön svaghet”, denna typ av röd / grön färgblindhet gör människor okänsliga för grönt ljus (Deuteranomaly) eller inte kan uppfatta något grönt ljus alls (deuteranopia).,

vänster: Normal vision, höger: deuteranopi
bildkälla

färgspektrumet deuteranopi ser ut så här:

källa

röd / grön färgblindhet ärvs, och påverkar män mer än kvinnor. Anledningen till detta beror på att generna som är ansvariga för detta tillstånd finns i X-kromosomen.

eftersom kvinnor har två X-kromosomer, kommer eventuella brister i en vanligtvis att kompenseras av den andra., Män har dock bara en X-kromosom, och har inte en ”reserv” att falla tillbaka på.


Använd denna mall

Blå/Gul färgblindhet

personer som lider av blå / gul färgblindhet har svårt att skilja mellan blå och gula färger.

denna speciella form av färgblindhet–även känd som Tritanopia–är mycket mindre vanligt än dess röda / gröna motsvarighet. I själva verket, enligt USA, National Library of Medicine, blå / gul färgblindhet påverkar färre än 1 av 10,000 människor över hela världen.

eftersom Tritanopi inte orsakas av ett genetiskt drag kopplat till X-kromosomen, är det lika närvarande hos både män och kvinnor.,

vänster: Normal vision, höger: Tritanopi
bildkälla

tritanopias färgspektrum ser ut så här:

källa

fullständig färgblindhet

människor som lider av fullständig färgblindhet—även känd som monokromacy—kan inte skilja mellan några färger alls. Monokromacy är extremt sällsynt, förekommer i 1 i 33.000 personer, enligt färgblind medvetenhet.,

bildkälla

Varför är färg så viktig i datavisualisering?

färg spelar en viktig roll i datavisualisering. Till att börja med används färger för att markera viktig information, samt illustrera relationer mellan olika typer av data. Färg spelar också en avgörande roll för att styra betraktarens öga. Det kan även användas för att stimulera känslor genom färgpsykologi.,


Använd den här mallen

Du kan till och med hävda att färgerna som används i diagram och infographics faktiskt berättar historien om de data de representerar. Som Eva Murray skriver i Forbes:

i datavisualisering anger color tonen och upprätthåller ett meddelande för den underliggande visuella displayen. Det skapar en viss atmosfär och kan göra en anspråkslös visualisering till en känslofylld datahistoria.,

titta på: allt du behöver veta om färg… på under 3 minuter

att veta hur man väljer färger är viktigt, men när du optimerar för tillgänglighet finns det mer att tänka på än färgteori och designkomposition.

heta tips: Venngage varumärke Kit funktionen gör det enkelt att automatiskt importera ditt varumärke färger och varumärke typsnitt i din design sammansättning.

Du kan också använda Venngage färgväljare verktyg för att enkelt växla ut olika färger, ett särskilt användbart verktyg för att arbeta med färgblinda vänliga paletter.,

hur man utformar diagram med en färgblind vänlig palett

1.) Planera ditt färgschema i förväg

med en färgblindvänlig palett betyder inte att du behöver kompromissa med estetik eller ta bort all färg från dina diagram. Genom att planera framåt, kan du säkerställa en färgblind vänlig palett komplimanger din design, snarare än sammandrabbningar.,

bildkälla

även med ett verktyg som Venngage, som drastiskt kan skala tillbaka antalet timmar som krävs för att skapa en infografisk, är det fortfarande idealiskt att fylla ut ditt färgschema innan du dyker in och startar ett nytt projekt.

När du har minskat ner din färgpalett kan du ladda upp dina data. Det är enkelt med Venngage s Diagram widgets. Öppna kartwidgeten, klicka på den gröna importknappen under fliken DATA och ladda upp din CSV-fil. Diagrammet kommer att visualisera data automatiskt.,

Vi har också gjort det enklare att anpassa dina tabeller nu. Du kan presentera data och markera viktig information utan att äventyra tillgängligheten för din design.

När du redigerar ditt bord kan du välja stil och färg på dina teckensnitt och bakgrundsfärgerna på dina celler. Du hittar dessa alternativ under fliken data.

Du kan också organisera din text för att förbättra läsbarheten under fliken Inställningar. Här kan du välja hur du anpassar din text horisontellt och vertikalt inom varje cell.,

dra nytta av stiliseringsfunktioner som dessa! När allt kommer omkring, om det visar sig att dina färger inte är särskilt lämpade för färgblinda människor—och tillgänglighet är viktigt för dig-det är bättre att ta reda på detta innan du har investerat mycket tid och ansträngning i din designkomposition., färghjul kan vara en användbar referens för att snabbt avgöra hur dina färger kommer att översätta över olika former av färgblindhet:

bildkälla

ännu bättre har vi satt ihop några mångsidiga färgblinda vänliga paletter:


Använd denna mall

hett tips: om du har fastnat, prova att använda ett verktyg som coblis, en fri färgblind simulator som ger dig en bättre känsla av hur dina bilder kommer att visas för personer med färgblindhet.,

2.) Undvik problematiska färgkombinationer

en annan anledning till att du bör planera ditt färgschema i förväg är så att du kan undvika att använda problematiska färgkombinationer, varav några kan göra dina diagram eller infographics helt otillgängliga för färgblinda personer.,clude:

  • röd & grön
  • grön & brun
  • grön & blå
  • blå & grå
  • blå & lila
  • grön & grå
  • grön & svart

om du har fastnat och absolut måste använda en av dessa kombinationer, försök att justera nyanser så en är extremt mörk, och den andra extremt ljus—de flesta färgblinda människor kan upptäcka kontrast, så detta sannolikt kommer att göra det enklare.,


Använd denna mall

3.) Använd mycket kontrasterande färger

som tidigare nämnts är kontrast inte ett problem för de flesta som är färgblinda. Mörkare och ljusare dina färger, respektive, för att göra kontrasten mer uttalad. Du kan också spela med olika nyanser, liksom nivåer av ljusstyrka och mättnad.


Använd denna mall

4.,) Använd mönster och texturer

använda mönster och texturer i din design är ett bra sätt att införliva visuella element i din design som inte är beroende av färg.

bildkälla

Venngage ’ s drag-and-drop design editor har ett bibliotek med mönster som du kan använda för att förbättra din design och göra den mer tillgänglig.

5.) Använd symboler

symboler och ikoner är ett bra sätt att göra dina mönster mer tillgängliga eftersom de visuellt kan punktera ett meddelande utan att förlita sig på färg.,



Använd denna mall

hett tips: Venngage bibliotek innehåller över 4000 ikoner som du kan använda för att göra dina infographics och diagram mer tillgängliga.

6.) Gör ditt diagram monokromatiskt

eftersom färgblindhet inte påverkar förmågan att skilja mellan olika nyanser, överväga att göra dina diagram monokromatiska. Att använda en begränsad färgpalett betyder naturligtvis att det finns färre möjligheter att använda problematiska färger eller kombinationer.,


Använd den här mallen


Använd den här mallen

7.) Håll din design Ren och enkel

När du designar för tillgänglighet är det viktigt att hålla din infografik så enkel och strömlinjeformad som möjligt. Att anta ett minimalistiskt tillvägagångssätt hjälper till att säkerställa att dina presentationer lättare förstås, oavsett om din publik är färgblind eller inte.,

viktiga takeaways för att använda färgblinda vänliga paletter

optimera din infografik och diagram för personer som påverkas av färgblindhet är viktigt för både tillgänglighet och inklusivitet. Det är också möjligt att göra utan att äventyra den estetiska kvaliteten i processen.,

följande åtgärder kan bidra till att säkerställa att färgblinda människor faktiskt kan engagera sig i dina mönster:

  • välja färgblinda vänliga paletter
  • undvika problematiska färgkombinationer
  • använda olika texturer och mönster för att markera viktig information–inte bara färg
  • använda symboler och ikoner för att komplettera färgkodade meddelanden, varningar och varningar
  • använda mycket kontrasterade färgkombinationer
  • anta minimalistisk design för att undvika onödig förvirring.,

att kombinera alla dessa element hjälper till att göra dina mönster mer tillgängliga för färgblinda personer. Ju fler människor du kan engagera dig, desto mer imponerande blir ditt arbete.

vill du veta mer om tillgänglig design?


Spara min plats