Ahoj! Jsem June. Ráda používám ve svém designu živé barvy, ale nedávno jsem si všimla jedné věci: nepovažovala jsem za dostatečné publikum malé skupiny.

Barva je jedním z nejdůležitějších prvků designu, takže designéři často používají barvy, aby upoutali pozornost. Ale co když je část našich diváků barvoslepá? Je to zásadní faktor, který je třeba vzít v úvahu při návrhu webu nebo vizualizaci dat, protože může ovlivnit přístupnost a navigaci pro barvoslepé diváky.

Nechápejte mě špatně, neznamená to, že bychom neměli v designu používat barvy nebo že nemůžete být designérem, pokud jste barvoslepí. Nedávno jsem narazil na několik barvoslepých designérů a velmi mě zajímalo, jak to u nich funguje s viděním a vytvářením návrhů.

Měla jsem spoustu otázek, například jaké barvy nejlépe fungují, jaké barevné kombinace používat, co mohu udělat pro zlepšení návrhů pro barvoslepé publikum atd.

Strávil jsem tedy několik dní výzkumem a sestavil tento článek pro barvoslepé designéry i designéry, kteří nejsou barvoslepí a mohou zlepšit svůj design pro barvoslepé publikum.

Co je to barvoslepost

Jednoduché vysvětlení: Barvoslepost znamená, že někdo nevidí barvy obvyklým způsobem. Lidé s barvoslepostí (neboli barevnou vadou) nerozlišují určité barvy, nejčastěji zelenou a červenou, ale existují i jiné typy barvosleposti.

3 běžné typy barvosleposti

Červeno-zelená barvoslepost je nejčastějším typem barvosleposti, následuje modro-žlutá barvoslepost a úplná barvoslepost. Co tedy barvoslepí lidé vidí?

Obrázek z r/Sciences

1. Červeno-zelená barvoslepost

Nedokážou rozlišit zelenou a červenou barvu. Existují také čtyři typy červeno-zelené barvosleposti.

Normální barevné vidění by mělo vidět prvního Santu v červené a zelené barvě, ale barvoslepí mohou vidět pouze verzi druhého nebo třetího Santy.

Deuteranomálie je nejčastějším typem červeno-zelené barvosleposti a zelená barva při ní vypadá červenější. Na druhou stranu, Protanomálie červená vypadá zelenější a méně jasná. Někdo s Protanopia a deuteranopie vůbec nerozezná červenou a zelenou barvu.

2. Modrožlutá barvoslepost

Osoby s modro-žlutou barvoslepostí obvykle nerozlišují mezi modrou a zelenou nebo žlutou a červenou barvou. Tento typ modro-žluté barvosleposti je známý pod názvem Tritanomaly .

Jiný typ modrožlutých barvoslepých lidí (nazývaný také Tritanopia ), kromě modré a zelené nerozeznají ani fialovou a červenou nebo žlutou a růžovou.

3. Úplná barvoslepost

Úplná barvoslepost je také známá jako monochromatičnost . Bohužel někdo s úplnou barvoslepostí není schopen vidět žádné barvy, ale není to příliš časté.

Jste barvoslepí?

Rychlý způsob, jak to zjistit, je provést rychlý test barvosleposti nazvaný Ishiharovy barevné destičky, který najdete na internetu. Zde je několik příkladů Ishiharova testu. Vidíte čísla (42, 12, 6 a 74) uvnitř kruhových destiček mezi tečkami?

Pokud však máte z různých online testů barvosleposti opravdu nízké skóre, je dobré navštívit očního lékaře, protože online testy nejsou vždy stoprocentně přesné.

Nyní, když už víte něco o různých typech barvosleposti, je třeba se naučit, jak navrhovat design pro barvoslepost.

Jak navrhovat pro barvoslepost (5 tipů)

Existují různé způsoby, jak zlepšit design pro barvoslepé, například používat palety vhodné pro barvoslepé, vyhnout se určitým barevným kombinacím, používat více symbolů atd.

Tip č. 1: Používejte palety vhodné pro barvoslepé

Pokud se vám líbí žlutá barva, máte štěstí! Žlutá je barva vhodná pro barvoslepé a tvoří dobrou kombinaci s modrou. Pokud ne, existují nástroje pro výběr barev, jako jsou Coolers nebo ColorBrewer, které vám pomohou vybrat barvoslepé barvy.

V aplikaci ColorBrewer můžete například snadno vytvářet palety vhodné pro barvoslepé.

V aplikaci Coolers můžete zvolit typ barvosleposti a paleta podle toho upraví barvy.

Aplikace Adobe Color má také simulátor barvosleposti a při výběru barev můžete zvolit režim Color Blind Safe.

Můžete zkontrolovat, zda jsou zvolené barvy bezpečné pro barvoslepé.

Simulátor Adobe Color Blind pro různé typy barvosleposti

Můžete si udělat malý test, vytisknout návrh černobíle, přečíst všechny informace, a pak ho může přečíst i barvoslepý člověk.

Tip č. 2: barevné kombinace, kterým se vyhnout

Výběr správné barvy je zásadní, pokud je vaše publikum barvoslepé. Některé barevné kombinace by prostě nefungovaly.

Zde je šest barevných kombinací, kterým je třeba se při navrhování pro barvoslepé vyhnout:

• Červená & amp; Zelená
• Zelená & amp; Hnědá
• Zelená & amp; Modrá
• Modrá & amp; Šedá
• Modrá & amp; Fialová
• Červená & amp; černá

Řekl bych, že mnoho nepříjemností pochází z grafů a diagramů. Barevné statistické grafy a diagramy jsou problematické pro barvoslepé diváky, protože nemusí vidět odpovídající barvy dat.

Jiná věc je design webu, konkrétně tlačítek a odkazů. Mnoho tlačítek je červených nebo zelených, odkazy jsou modré nebo kliknuté odkazy jsou fialové. Pokud není pod textem kotvy podtržení, uživatelé, kteří jsou barvoslepí, by odkaz neviděli.

Například červeno-zelená barvoslepost je nejčastějším typem barvosleposti, takže používání těchto dvou barev dohromady může být problematické.

Neznamená to však, že tyto dvě barvy nemůžete použít společně, protože můžete použít další prvky k odlišení designu, jako je textura, tvary nebo text.

Tip č. 3: Použijte výrazný kontrast

Použití vysoce kontrastních barev v designu může pomoci barvoslepým divákům rozlišit kontext.

Řekněme, že vytváříte graf s různými barvami. Když použijete vysoký kontrast, i když barvoslepý divák nevidí přesně stejnou barvu, alespoň pochopí, že se data liší.

Když použijete podobné barvy, může to vypadat matoucí.

Tip #4: Použijte textury nebo tvary pro grafy a diagramy

Namísto použití různých barev pro zobrazení dat můžete alternativně použít tvary pro označení data. Dobrým nápadem je také použití různých typů čar pro znázornění různých dat.

Tip č. 5: Používejte více textu a ikon

To je užitečné při tvorbě infografiky. Kdo říká, že infografika musí být vždy barevná? Můžete použít grafiku, která pomůže vizuální stránce. Použití tučného textu může také ukázat hlavní bod a upoutat pozornost.

Nejste si jisti, jak zkontrolovat barvoslepou verzi své kresby v aplikaci Adobe Illustrator? Čtěte dále.

Jak stimulovat barvoslepost v aplikaci Adobe Illustrator

Vytvořili jste návrh v aplikaci Adobe Illustrator a chcete zkontrolovat, zda je vhodný pro barvoslepé? Režim zobrazení můžete rychle přepnout z horní nabídky.

Přejděte do horního menu Zobrazit > Nastavení důkazu a můžete si vybrat ze dvou režimů barevné slepoty: Barevná slepota - protanopický typ nebo Barevná slepota - Deuteranopie typu .

Nyní můžete zjistit, co nevidomí vidí na vašich uměleckých dílech.

Závěr

Podívejte se, že není tak těžké navrhnout design pro barvoslepé a rozhodně můžete vytvořit úžasný design, který bude fungovat pro nebarevně slepé i barvoslepé. Barva je důležitá, ale i další prvky. Použití textu a grafiky pro zlepšení vizuální stránky je nejlepší řešení.

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/