Методы решения проблем цветовосприятия

в 14:04, , рубрики: адаптивный дизайн, браузеры, веб-дизайн, дальтонизм, Клиентская оптимизация, цвета, метки: , , ,

Привет.

Уже не первый раз вижу здесь посты о цветовой слепоте, но методов более-менее подходящей борьбы (кроме как здесь) я не видел.
Собственно, хочу и рассказать о своих методах решения проблемы.

Оговорюсь: я «слепой» на жёлтый и красный цвета (голубой и синий являются заменой соответственно), а людей с похожим отклонением не встречал (к сожалению).

Статические

Пока способов сделать веб удобным для дальтоников довольно мало, но, в принципе, существующие довольно просто осуществляются. Итак, из статических способов можно выделить три:

  1. Замена цвета до монитора
  2. Замена цвета при помощи клиента
  3. Цветовая статика на сайте
Замена до монитора

Интересным способом был бы метод коррекции цвета при помощи каких-то там линз/фильтров поверх монитора или очков. Я использую вот очки-корректоры, но они дают не самый хороший результат. Кроме того, этот способ не самый действенный, так как именно пользователю придётся искать корректор, но такой корректор будет подходить под него лично.
Так, вот мои «корректоры» (они же должны быть фильтром, но это не суть) подходят лично для меня, многие разницы вообще не видят, а дальтоникам другого типа не помогают. Совсем.

Замена цвета при помощи клиента

Практически идеальный вариант. Возможно, некоторые из читающих знают стили форумов и сайтов, в которых можно менять расцветку. В некоторых используют куки-файлы, но это только для предустановок. Но вот незадача — зелёный, синий цвета я различаю, а красный с жёлтым — нет. Слепой на красный цвет вряд ли различит зелёный и красный соответственно. Увы, способ предустановок тоже не подходит, т.к. практически всегда в таком способе имеются цвета, на которых идёт совпадение оттенков или вообще полное совпадение цветов. Но об этом методе поговорим чуть ниже.
Некоторое время назад я стал играть в BF3. И, о да, это адово. Просто потому что разработчики не учли, что красный, зелёный и синий — решение для дальтоников. Я рылся и пытался сделать что-то вроде WH (wallhack), но лишь меняющего цвет, выводимый на экран. К сожалению, метод уж очень сложным был и его пришлось бросить, однако он мог бы стать довольно функциональным.
Касательно же замены цветов в браузере — в данный момент лучшим способом будет именно подмена CSS на свой. Проще говоря, радужный дизайн 1337 сайта станет не только унылым, но и довольно противно выглядящим. Однако будет более функционален, нежели неразличимый оригинал. Возможно, будет интересен способ попытаться организовать ту же «потоковую» замену при помощи плагинов для браузера (увы, на это не хватает знаний).

Цветовая статика на сайте

В общем-то интересный способ. Может быть, кто-то видел сайт www.roi.ru (переключатель в хидере [1]). Здесь вся задача лежит именно на дизайнере (если цветовая гамма предлагается одна, но основная и удобная для большинства типов дальтонии), либо на программисте кода, который поможет настроить сайт посетителю под себя. Так, я «избрал» и «доделал» дизайн для форума, однако он может стать несколько неудобным для других типов дальтоников:

Оригинальный вид дизайна
И моё восприятие без коррекции:
Дизайн, который вижу я

К сожалению, дизайнерам непросто понять, как именно видят те же «основные» типы дальтоников, а потому такой метод работает не всегда и лишь на специализированных сайтах. Обычно тематические порталы (игровые, например) не заботятся об этом и доставляют тем некоторые неудобства читателям (откройте сайт той же Игромании и фильтрами замените цвета на выбор, вы увидите, что часть цветов или ссылок слились и невидимы или неразличимы).

В результате можно организовать наиболее удобный и простой метод осуществления коррекции — на стороне клиента. Увы, для этого требуется работа создателя сайта над третьим пунктом, так что полностью разделить два этих способа у меня пока не вышло. Даже с коррекцией через PS я, создавая дизайн, не могу определить точно, будет ли работать он так же «них», как для меня.

Динамический метод

В принципе, описанных выше способов могло бы быть предостаточно для почти полной компенсации недостатков зрения. Но вот беда, подо всех слепых на цвета подстроиться не получится. Ну никак.
Я написал выше, что обсудим один из методов. Ну что, вот как это в расширенном смысле будет выглядеть.
Предустановки создателя продукта/сайта зачастую являются бесполезными для тех кто является дальтоником по «нестандартному» (не крс./зел.) типу. Так, уже затронутый выше BF3 даже со включенным режимом цветовой слепоты мало что может дать — контрастность да замену пары цветов, не являющихся основными. Приходится искать обходные пути для решения проблемы — «читерский» (замена цвета при помощи драйвера (фильтр-экран)).
Некоторое время я практиковал использование палитр для кастомизации стиля сайта, но из-за нецелевого использования сайт по внешнему виду напоминал Упячку в приступе эпилепсии, потому и пришлось отказаться от использования такого метода.

Может быть у кого-то есть опыт работы в такой сфере? Какие-нибудь варианты решения кроме этих есть?

Автор: TheNightFury

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js