Как да проектирате за цветна слепота

Съдържание:

Как да проектирате за цветна слепота
Как да проектирате за цветна слепота

Видео: Как да проектирате за цветна слепота

Видео: Как да проектирате за цветна слепота
Видео: Видение вещей | почему атеизм не похож на дальтонизм [субтитры] 2024, Може
Anonim

Проектирането на съдържание, което може да се използва за хора с цветна слепота, е чудесен начин да го направите по -достъпен за широката публика. Хората с цветна слепота трудно правят разлика между определени цветове, като червено, зелено или синьо. Някои далтонисти изобщо не виждат никакъв цвят, което затруднява навигацията в сайтове и приложения, които силно разчитат на цветове. Използвайки няколко прости съвета и насоки, можете да направите информацията си лесна за използване за всеки, който кликне върху нея, без значение кои цветове могат (или не) да видят.

Стъпки

Метод 1 от 2: Текст и фон

Дизайн за цветна слепота Стъпка 1
Дизайн за цветна слепота Стъпка 1

Стъпка 1. Изберете контрастни цветове за текст и фон

Цветовете, които са твърде сходни един с друг, могат да бъдат трудно различими за тези с цветна слепота. Когато избирате цветове на текст и фон, отидете на такива, които се открояват един срещу друг.

Черно върху бяло или бяло върху черно е очевиден избор, но можете да използвате и синьо и жълто, жълто и виолетово или тъмно синьо и черно

Дизайн за цветна слепота Стъпка 2
Дизайн за цветна слепота Стъпка 2

Стъпка 2. Изберете цветови комбинации като синьо/жълто и оранжево/лилаво

Хората с цветна слепота могат да виждат някои цветове по -добре от други. Когато избирате цветови комбинации, опитайте се да се придържате към:

  • Синьо и жълто
  • Кафяво и синьо
  • Оранжево и лилаво
  • Зелено и лилаво
  • Жълто и розово
  • Червено и синьо
Дизайн за цветна слепота Стъпка 3
Дизайн за цветна слепота Стъпка 3

Стъпка 3. Стойте далеч от зелено/червено, зелено/кафяво и синьо/лилаво

Повечето далтонисти имат проблеми със специфични цветови комбинации. Стойте далеч от тези цветове, за да направите вашия дизайн четим.

Също така трябва да избягвате зелено и синьо, тъй като тези нюанси могат да бъдат много сходни помежду си

Дизайн за цветна слепота Стъпка 4
Дизайн за цветна слепота Стъпка 4

Стъпка 4. Използвайте ярки, смели цветове

Пастелите и бледите цветове са склонни да избледняват един в друг, особено за хора с цветна слепота. Придържайте се към неонови или основни цветове, за да им помогнете да разграничат всички цветове на страницата.

Дизайн за цветна слепота Стъпка 5
Дизайн за цветна слепота Стъпка 5

Стъпка 5. Поддържайте цветовата си палитра минимална

Колкото по -малко цветове използвате, толкова повече ще избегнете объркване. Няма строго правило за това, но колкото по -малко, толкова по -добре!

Например, можете да изберете 3 цвята и да се придържате към тях като тема за вашата уеб страница

Метод 2 от 2: Изображения и връзки

Дизайн за цветна слепота Стъпка 6
Дизайн за цветна слепота Стъпка 6

Стъпка 1. Подчертайте връзки, върху които можете да кликнете

Обикновено връзките са маркирани с цвят, но хората с цветна слепота може да имат проблеми да ги видят. Ако има връзка, върху която може да се кликне, подчертайте я, както и я маркирайте на страницата.

Ако не искате да го подчертаете, вместо това направете текста удебелен

Дизайн за цветна слепота Стъпка 7
Дизайн за цветна слепота Стъпка 7

Стъпка 2. Включете символи и клавиши

Хората с цветна слепота може да имат проблеми с разбирането на графики и диаграми въз основа само на цвета. Уверете се, че сте включили символи и клавиши отстрани на изображението като справка.

  • Например, можете да поставите цветен код отстрани на диаграмата, за да обясните какво означава всеки цвят.
  • Или можете да използвате символи на картата, за да маркирате различни зони, като къмпинги и тоалетни.
Дизайн за цветна слепота Стъпка 8
Дизайн за цветна слепота Стъпка 8

Стъпка 3. Добавете текстура към карти, диаграми и графики

Плътните цветове могат да бъдат трудни за разграничаване. Опитайте да използвате линии, точки и хеш маркери, за да различавате секции на графики, карти и диаграми.

  • Това е чудесна идея за стълбови и кръгови диаграми.
  • Можете да използвате текстура, както и цвят в изображенията си, така че не е нужно да ги променяте напълно.
Дизайн за цветна слепота Стъпка 9
Дизайн за цветна слепота Стъпка 9

Стъпка 4. Очертайте разделите върху картите

Ако използвате цветове за разграничаване на състояния или граници, използвайте и черен контур. Това ще помогне на хората с цветна слепота, тъй като те ще могат да виждат черните линии.

Това е чудесен начин да накарате вашите изображения да се откроят още повече

Дизайн за цветна слепота Стъпка 10
Дизайн за цветна слепота Стъпка 10

Стъпка 5. Етикетирайте информацията, без да използвате цветове

Кръговите диаграми, графики и транспортни системи често използват цветове за разграничаване на секции или методи. Обозначете информацията с думи, както и с цветове, за да я направите достъпна за тези с цветна слепота.

  • Например, ако използвате кръгова диаграма, можете да маркирате всяка секция, както и да използвате различни цветове, за да ги разделите.
  • Някой с пълноцветна слепота (който може да вижда само в черно и бяло) няма да може да използва цветен ключ.

Препоръчано: