Jak navrhnout pro barevnou slepotu

Obsah:

Jak navrhnout pro barevnou slepotu
Jak navrhnout pro barevnou slepotu

Video: Jak navrhnout pro barevnou slepotu

Video: Jak navrhnout pro barevnou slepotu
Video: Pro barevné dny 2024, Duben
Anonim

Navrhování obsahu použitelného pro lidi s barvoslepostí je skvělý způsob, jak jej zpřístupnit široké veřejnosti. Lidé s barvoslepostí těžko rozlišují určité barvy, jako je červená, zelená nebo modrá. Někteří barvoslepí lidé nevidí vůbec žádnou barvu, takže je obtížné procházet weby a aplikace, které na barvách silně spoléhají. Pomocí několika jednoduchých tipů a pokynů můžete zajistit, aby vaše informace byly snadno použitelné pro každého, kdo na ně klikne, bez ohledu na to, jaké barvy může (nebo nemůže) vidět.

Kroky

Metoda 1 ze 2: Text a pozadí

Design pro Color Blindness Krok 1
Design pro Color Blindness Krok 1

Krok 1. Vyberte kontrastní barvy pro text a pozadí

Barvy, které jsou si navzájem příliš podobné, mohou být pro ty s barevnou slepotou těžko rozeznatelné. Při výběru barev textu a pozadí se rozhodněte pro ty, které proti sobě vyniknou.

Černá na bílé nebo bílá na černé je jasná volba, ale můžete také použít modrou a žlutou, žlutou a fialovou nebo tmavě modrou a černou

Design pro Color Blindness Krok 2
Design pro Color Blindness Krok 2

Krok 2. Vyberte barevné kombinace, jako je modrá/žlutá a oranžová/fialová

Lidé s barvoslepostí jsou schopni vidět některé barvy lépe než ostatní. Při výběru barevných komb se snažte dodržovat:

  • Modrá a žlutá
  • Hnědá a modrá
  • Oranžová a fialová
  • Zelená a fialová
  • Žlutá a růžová
  • Červená a modrá
Design pro Color Blindness Krok 3
Design pro Color Blindness Krok 3

Krok 3. Držte se dál od zelené/červené, zelené/hnědé a modré/fialové

Většina barvoslepých má problémy se specifickými barevnými kombinacemi. Držte se dál od těchto barev, aby byl váš design čitelný.

Měli byste se také vyhnout zelené a modré, protože tyto odstíny se mohou navzájem velmi podobat

Design pro Color Blindness Krok 4
Design pro Color Blindness Krok 4

Krok 4. Použijte jasné, výrazné barvy

Pastelové a světlé barvy do sebe mizí, zvláště u lidí s barvoslepostí. Dodržujte neonové nebo primární barvy, které jim pomohou rozlišit všechny barvy na stránce.

Design pro Color Blindness Krok 5
Design pro Color Blindness Krok 5

Krok 5. Paletu barev udržujte minimální

Čím méně barev použijete, tím více se vyhnete záměně. Na to neexistuje žádné tvrdé a rychlé pravidlo, ale čím méně, tím lépe!

Můžete například vybrat 3 barvy a držet se jich jako motivu pro svou webovou stránku

Metoda 2 ze 2: Obrázky a odkazy

Design pro Color Blindness Krok 6
Design pro Color Blindness Krok 6

Krok 1. Podtrhněte odkazy, na které lze kliknout

Odkazy jsou obvykle zvýrazněny barvou, ale lidé s barvoslepostí mohou mít problém je vidět. Pokud existuje odkaz, na který lze kliknout, podtrhněte jej a zvýrazněte na stránce.

Pokud jej nechcete podtrhnout, zvýrazněte text tučně

Design pro Color Blindness Krok 7
Design pro Color Blindness Krok 7

Krok 2. Zahrňte symboly a klíče

Lidé s barvoslepostí mohou mít problém porozumět grafům a grafům založeným pouze na barvách. Jako referenci nezapomeňte na boční stranu obrázku zahrnout symboly a klávesy.

  • Například můžete na stranu grafu vložit kód barvy, abyste vysvětlili, co jednotlivé barvy znamenají.
  • Nebo můžete na mapě použít symboly k označení různých oblastí, jako jsou tábořiště a toalety.
Design pro Color Blindness Krok 8
Design pro Color Blindness Krok 8

Krok 3. Přidejte texturu do map, tabulek a grafů

Plné barvy mohou být těžko rozeznatelné. Zkuste použít čáry, tečky a značky hash k rozlišení částí grafů, map a grafů.

  • To je skvělý nápad pro sloupcové a výsečové grafy.
  • Ve svých obrázcích můžete použít texturu i barvu, takže je nemusíte úplně měnit.
Design pro Color Blindness Krok 9
Design pro Color Blindness Krok 9

Krok 4. Načrtněte sekce na mapách

Pokud používáte barvy k rozlišení stavů nebo okrajů, použijte také černý obrys. To pomůže lidem s barevnou slepotou, protože budou moci vidět černé čáry.

Je to skvělý způsob, jak také vyniknout vaše obrázky

Design pro Color Blindness Krok 10
Design pro Color Blindness Krok 10

Krok 5. Označte informace bez použití barev

Výsečové grafy, grafy a dopravní systémy často používají k odlišení sekcí nebo metod barvy. Označte informace slovy i barvami, aby byly dostupné pro osoby s barevnou slepotou.

  • Pokud například používáte výsečový graf, můžete každou sekci označit a také je pomocí různých barev oddělit.
  • Někdo s plnou barevnou slepotou (kdo vidí jen černobíle) nebude moci použít barevný klíč.

Doporučuje: