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

Цветът е един от най-важните елементи на дизайна, така че дизайнерите често използват цветове, за да привлекат вниманието. Но какво става, ако част от аудиторията ни е цветно сляпа? Това е важен фактор, който трябва да се вземе предвид при уеб дизайна или визуализацията на данни, тъй като може да повлияе на достъпността и навигацията за цветно слепи зрители.

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

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

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

Какво е цветна слепота

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

3 често срещани вида цветна слепота

Червено-зелената цветна слепота е най-разпространеният вид цветна слепота, следвана от синьо-жълтата цветна слепота и пълната цветна слепота. И така, какво виждат цветнослепите хора?

Снимка от r/Sciences

1. Червено-зелена цветна слепота

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

При нормално цветно зрение първият Дядо Коледа би трябвало да се вижда в червено и зелено, но при цветна слепота може да се види само версията на втория или третия Дядо Коледа.

Deuteranomaly е най-разпространеният вид червено-зелена цветна слепота и кара зеленото да изглежда по-червено. От друга страна, Протаномалия червеното изглежда по-зелено и по-малко ярко. Някой с Protanopia и deuteranopia изобщо не може да направи разлика между червено и зелено.

2. Синьо-жълта цветна слепота

Човек със синьо-жълта цветна слепота обикновено не може да прави разлика между синьо и зелено или жълто и червено. Този тип синьо-жълта цветна слепота е известен като Tritanomaly .

Друг тип синьо-жълти цветнослепи хора (наричани още Tritanopia ), освен синьо и зелено, те не могат да различат лилаво от червено или жълто от розово.

3. Пълна цветна слепота

Пълната цветна слепота е известна и като едноцветност . За съжаление човек с пълна цветна слепота не може да вижда никакви цветове, но това не е много често срещано.

Цветно сляп ли сте?

Бърз начин да разберете това е да направите бърз тест за цветна слепота, наречен "Цветни плочки на Ишихара", който можете да намерите онлайн. Ето няколко примера за теста на Ишихара. Можете ли да видите числата (42, 12, 6 и 74) в кръгчетата между точките?

Но ако наистина получавате нисък резултат за дефицит на цветно зрение от различни онлайн тестове за цветна слепота, добре е да се обърнете към офталмолог, защото онлайн тестовете не винаги са 100% точни.

След като вече знаете малко повече за различните видове цветна слепота, следващото нещо, което трябва да научите, е как да проектирате за цветна слепота.

Как да проектираме за цветна слепота (5 съвета)

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

Съвет #1: Използвайте палитри, подходящи за слепи с цвят

Ако ви харесва жълтият цвят, имате късмет! Жълтият цвят е подходящ за цветнослепи и е добра комбинация със синьото. Ако не, има инструменти за цветове като Coolers или ColorBrewer, които можете да използвате, за да ви помогнат да изберете цветове за цветнослепи.

Например можете лесно да генерирате палитри, подходящи за незрящи, с помощта на ColorBrewer.

В Coolers можете да изберете типа цветна слепота и палитрата ще коригира цветовете по подходящ начин.

Adobe Color разполага и със симулатор за цветна слепота и можете да изберете безопасен режим за цветна слепота, когато избирате цветове.

Можете да проверите дали избраните от вас цветове са безопасни за незрящи.

Симулатор на цветна слепота на Adobe за различни видове цветна слепота

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

Съвет #2: цветови комбинации, които да избягвате

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

Ето шест цветови комбинации, които трябва да избягвате, когато проектирате за цветна слепота:

• Червено & Зелено
• Зелен & Кафяв
• Зелено & Синьо
• Синьо & Сиво
• Синьо & Лилаво
• Червено & Черно

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

Уеб дизайнът, по-конкретно бутоните и връзките, е друго нещо. Много бутони са червени или зелени, връзките са сини или кликнатите връзки са лилави. Ако под текста на котвата няма подчертаване, цветнослепите потребители няма да видят връзката.

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

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

Съвет #3: Използвайте силен контраст

Използването на висококонтрастни цветове в дизайна може да помогне на слепите за цветове зрители да различат контекста.

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

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

Съвет #4: Използвайте текстури или форми за графики и диаграми

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

Съвет #5: Използвайте повече текст и икони

Това е полезно, когато създавате инфографики. Кой казва, че инфографиките трябва винаги да са цветни? Можете да използвате графики, за да подпомогнете визуализацията. Използването на удебелен текст също може да покаже точката на фокус и да привлече вниманието.

Не сте сигурни как да проверите версията за цветнослепи на вашето произведение в Adobe Illustrator? Продължавайте да четете.

Как да стимулираме цветната слепота в Adobe Illustrator

Създали сте дизайн в Adobe Illustrator и искате да проверите дали е подходящ за цветнослепи? Можете бързо да превключите режима на изглед от горното меню.

Отидете в горното меню Вижте > Настройка на доказателството и можете да избирате между два режима на цветна слепота: Цветна слепота - тип протанопия или Цветна слепота - Тип Deuteranopia .

Сега можете да видите какво виждат незрящите хора във вашите произведения на изкуството.

Заключение

Виждате ли, не е толкова трудно да се създаде дизайн за цветна слепота и определено можете да създадете страхотен дизайн, който да работи и за нецветущи, и за цветнослепи. Цветът е важен, но и другите елементи също. Използването на текст и графики за подобряване на визуализацията е най-доброто решение.

Източници:

• //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/