Ako navrhovať pre farbosleposť

  • Zdieľajte To
Cathy Daniels

Ahoj! Som June. Rada používam živé farby vo svojom dizajne, ale nedávno som si všimla jednu vec: nebrala som dostatočne do úvahy publikum malých skupín.

Farba je jedným z najdôležitejších prvkov dizajnu, takže dizajnéri často používajú farby, aby upútali pozornosť. Ale čo ak je časť nášho publika farboslepá? Je to kľúčový faktor, ktorý treba zohľadniť pri návrhu webu alebo vizualizácii údajov, pretože môže ovplyvniť prístupnosť a navigáciu pre farboslepých divákov.

Nechápte ma zle, neznamená to, že by sme nemali používať farby v našom dizajne alebo že nemôžete byť dizajnérom, ak ste farboslepí. Nedávno som narazil na niekoľko farboslepých dizajnérov a veľmi ma zaujímalo, ako to u nich funguje s videním a tvorbou dizajnu.

Mala som veľa otázok, napríklad aké farby fungujú najlepšie, aké farebné kombinácie používať, čo môžem urobiť, aby som zlepšila návrhy pre farboslepé publikum atď.

Preto som strávil niekoľko dní výskumom a zostavil tento článok pre dizajnérov, ktorí sú farboslepí, aj pre dizajnérov, ktorí nie sú farboslepí a môžu zlepšiť svoj dizajn pre farboslepé publikum.

Čo je farbosleposť

Jednoduché vysvetlenie: Farebná slepota znamená, že niekto nevidí farby bežným spôsobom. Ľudia s farboslepotou (alebo farebnou nedostatočnosťou) nedokážu rozlíšiť určité farby, najčastejšie zelenú a červenú, ale existujú aj iné typy farboslepoty.

3 bežné typy farbosleposti

Červeno-zelená farbosleposť je najčastejším typom farbosleposti, nasleduje modro-žltá farbosleposť a úplná farbosleposť. Čo teda farboslepí ľudia vidia?

Obrázok z r/Vedy

1. Červeno-zelená farbosleposť

Nedokážu rozlíšiť zelenú a červenú farbu. Existujú tiež štyri typy červeno-zelenej farbosleposti.

Normálne farebné videnie by malo vidieť prvého Santu v červenej a zelenej farbe, ale farboslepí môžu vidieť len verziu druhého alebo tretieho Santu.

Deuteranomalia je najčastejším typom červeno-zelenej farbosleposti a zelená farba pri nej vyzerá červenšie. Na druhej strane, Protanomaly červená farba je viac zelená a menej jasná. Niekto s Protanopia a deuteranopia vôbec nerozlišuje medzi červenou a zelenou farbou.

2. Modro-žltá farbosleposť

Osoby s modro-žltou farboslepotou zvyčajne nerozlišujú medzi modrou a zelenou alebo žltou a červenou farbou. Tento typ modro-žltej farboslepoty je známy ako Tritanomaly .

Ďalší typ modro-žltých farboslepých ľudí (nazývaný aj Tritanopia ), okrem modrej a zelenej nerozlišujú ani fialovú a červenú alebo žltú a ružovú.

3. Úplná farbosleposť

Úplná farbosleposť je známa aj ako monochromatickosť . Bohužiaľ, človek s úplnou farboslepotou nie je schopný vidieť žiadne farby, ale nie je to veľmi časté.

Ste farboslepí?

Rýchly spôsob, ako to zistiť, je urobiť si rýchly test farbosleposť nazývaný Ishihara color plates, ktorý nájdete na internete. Tu je niekoľko príkladov Ishihara testu. Vidíte čísla (42, 12, 6 a 74) vo vnútri kruhových tabuliek medzi bodkami?

Ak však v rôznych online testoch farbosleposť dosahujete skutočne nízke skóre, je dobré navštíviť očného lekára, pretože online testy nie sú vždy stopercentne presné.

Teraz, keď už viete niečo o rôznych typoch farbosleposti, je potrebné sa naučiť, ako navrhovať dizajn pre farbosleposť.

Ako navrhovať pre farbosleposť (5 tipov)

Existujú rôzne spôsoby, ako zlepšiť dizajn pre farboslepých, napríklad používať palety vhodné pre farboslepých, vyhýbať sa určitým farebným kombináciám, používať viac symbolov atď.

Tip č. 1: Používajte palety vhodné pre farboslepých

Ak sa vám páči žltá farba, máte šťastie! Žltá je farba vhodná pre farboslepých a tvorí dobrú kombináciu s modrou. Ak nie, existujú farebné nástroje, ako napríklad Coolers alebo ColorBrewer, ktoré vám pomôžu vybrať farby pre farboslepých.

V aplikácii ColorBrewer môžete napríklad ľahko vytvárať palety vhodné pre farboslepých.

V aplikácii Coolers môžete vybrať typ farboslepoty a paleta podľa toho upraví farby.

Aplikácia Adobe Color má aj simulátor farboslepých a pri výbere farieb môžete zvoliť režim Color Blind Safe.

Môžete si overiť, či sú vybrané farby bezpečné pre nevidiacich.

Simulátor Adobe Color Blind pre rôzne typy farboslepoty

Môžete urobiť malý test, vytlačiť návrh čiernobielo, môžete si prečítať všetky informácie a potom si ich môže prečítať aj farboslepá osoba.

Tip č. 2: farebné kombinácie, ktorým sa treba vyhnúť

Výber správnej farby je veľmi dôležitý, ak je vaše publikum farboslepé. Niektoré farebné kombinácie by jednoducho nefungovali.

Tu je šesť farebných kombinácií, ktorým sa treba vyhnúť pri navrhovaní pre farbosleposť:

  • Červená & amp; zelená
  • Zelená & amp; Hnedá
  • Zelená & amp; Modrá
  • Modrá & amp; šedá
  • Modrá & amp; Fialová
  • Červená & amp; čierna

Povedal by som, že veľa nepríjemností pochádza z grafov a diagramov. Farebné štatistické grafy a diagramy sú problematické pre farboslepých divákov, pretože nemusia vidieť príslušné farby údajov.

Iná vec je webový dizajn, presnejšie tlačidlá a odkazy. Mnohé tlačidlá sú buď červené alebo zelené, odkazy sú modré alebo kliknuté odkazy sú fialové. Ak pod textom kotvy nie je podčiarknutie, používatelia, ktorí sú farboslepí, by odkaz nevideli.

Napríklad červeno-zelená farbosleposť je najčastejším typom farboslepoty, takže používanie týchto dvoch farieb spolu môže byť problematické.

Neznamená to však, že tieto dve farby nemôžete použiť spoločne, pretože na odlíšenie dizajnu môžete použiť iné prvky, napríklad textúru, tvary alebo text.

Tip č. 3: Používajte výrazný kontrast

Použitie vysokokontrastných farieb v dizajne môže pomôcť farboslepým divákom rozlíšiť kontext.

Povedzme, že vytvárate graf s rôznymi farbami. Keď použijete vysoký kontrast, aj keď farboslepý divák nevidí presne rovnakú farbu, aspoň pochopí, že údaje sú odlišné.

Ak použijete podobné farby, môže to pôsobiť mätúco.

Tip č. 4: Používajte textúry alebo tvary pre grafy a diagramy

Namiesto použitia rôznych farieb na zobrazenie údajov môžete alternatívne použiť tvary na označenie dátumu. Dobrým nápadom je aj použitie rôznych typov čiar na zobrazenie rôznych údajov.

Tip č. 5: Používajte viac textu a ikon

To je užitočné pri tvorbe infografiky. Kto hovorí, že infografika musí byť vždy farebná? Môžete použiť grafiku, ktorá pomáha vizualizácii. Použitie tučného textu môže tiež ukázať hlavný bod a upútať pozornosť.

Nie ste si istí, ako skontrolovať verziu svojej umeleckej práce v programe Adobe Illustrator pre nevidiacich? Čítajte ďalej.

Ako stimulovať farebnú slepotu v aplikácii Adobe Illustrator

Vytvorili ste návrh v programe Adobe Illustrator a chcete si dvakrát overiť, či je vhodný pre farboslepých? Režim zobrazenia môžete rýchlo prepnúť z hornej ponuky.

Prejdite do hornej ponuky Zobraziť > Nastavenie dôkazu a môžete si vybrať z dvoch režimov farebnej slepoty: Farebná slepota - protanopický typ alebo Farebná slepota - Deuteranopia typu .

Teraz môžete vidieť, aké farby vidia nevidiaci ľudia na vašich dielach.

Záver

Vidíte, že nie je až také ťažké navrhnúť dizajn pre farboslepých a určite môžete vytvoriť úžasný dizajn, ktorý funguje pre nefarboslepých aj farboslepých. Farba je dôležitá, ale aj iné prvky. Použitie textu a grafiky na zlepšenie vizuálu je najlepším riešením.

Zdroje:

  • //www.nei.nih.gov/learn-about-eye-health/eye-conditions-and-diseases/color-blindness/types-color-blindness
  • //www.aao.org/eye-health/diseases/what-is-color-blindness
  • //www.colourblindawareness.org/

Som Cathy Daniels, odborníčka na Adobe Illustrator. Softvér používam od verzie 2.0 a návody preň vytváram od roku 2003. Môj blog je jednou z najobľúbenejších destinácií na webe pre ľudí, ktorí sa chcú naučiť Illustrator. Popri práci blogerky som aj autorka a grafička.