Дизайн для дальтоников: как сделать сайт, доступный всем | GeekBrains

Разбираемся в сути дальтонизма и объясняем, почему важно это учитывать в создании сайта.

https://d2xzmw6cctk25h.cloudfront.net/post/1913/og_image/477e64d238dc063f1a8781f92b017e91.png

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

Не цветовая слепота, а нарушение восприятия цвета

«Каждый раз, когда знакомые узнают, что я дальтоник, меня спрашивают: „Вот это что за цвет?“ В 95 % случаев я отвечаю правильно, на что слышу: „Погоди, ты ведь правильно назвал цвет, с чего же ты дальтоник?“» — Аарон Тенбуррен, дизайнер и иллюстратор.

По определению на «Википедии», дальтонизм  — это особенность зрения человека, которая выражается в сниженной способности или в полной неспособности различать цвета. Еще дальтонизм называют цветовой слепотой, по-английски color blind. Мы привыкли думать, что дальтоники путают красный с зеленым (и не умеют пользоваться светофором), а также не различают цвета, которые видит человек с нормальным зрением.

На самом деле это не совсем так: как и написано в «Википедии», дальтонизм — особенность зрения. Полная цветовая слепота бывает в случае монохромазии — при этом виде дальтонизма люди (и некоторые животные, например моржи и дельфины) различают цвета только по их яркости и видят мир черно-белым.

«Да, я вижу красный и зеленый. А еще вижу розовый и оранжевый. И желтый не путаю с синим», — так на вопрос «То есть ты все видишь?!» отвечает дизайнер-дальтоник Александр Насенник.

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

Вот как описывает восприятие цветов Аарон Тенбуррен, дизайнер-иллюстратор с дальтонизмом:

«В моей жизни нет недостатка оттенков, мир моими глазами не выглядит как фильм Хичкока. Я вижу все цвета. Просто мне трудно называть и различать некоторые из них. Когда листья осенью меняют цвет, я не всегда вижу красные, оранжевые и желтые оттенки. Иногда я просто вижу оранжевые. Или не замечаю плавного изменения цвета: для меня листья из зеленых превращаются сразу в коричневые».

Слева — бананы, которые видят люди с нормальным зрением. Справа — они же глазами дальтоника. Источник: medium.com

Фэй Рэн, китайский дизайнер с той же проблемой, рассказал в блоге, как регулярно получал низкие оценки по рисованию, начиная с детского сада. Однажды его учитель попросил изобразить и раскрасить петуха. Мальчик старался изо всех сил: нарисовал небо синим, траву зеленой, петуха — яркими цветами. Он надеялся на хорошую оценку, но оказалось, что его рисунок — худший в классе. Учитель просил использовать яркие цвета, и Фэй Рэн думал, что именно это и делает, пока у него не диагностировали дальтонизм.

На самом деле Фэй нарисовал петуха в тусклых, угнетающих оттенках: «Я могу определить разницу между зеленым и красным в большинстве случаев в зависимости от освещения, но я уверен, что другие люди видят не тот зеленый и красный».

Все, что нужно запомнить о дальтонизме, — эта цитата из статьи Android-разработчика:«In reality, 99 % of all colorblind people are not really color blind but rather color deficient».

Что еще почитать

Как видят дальтоники? — карточки «Медузы»

Who’s afraid of red, orange and green? — подробно, научно и в схемах о видах цветовых нарушений

Вот как видят мир дальтоники: 7 объясняющих гифок — наглядный материал, почему-то опубликованный в мужском журнале

Почему важно это учитывать

«В первые годы железнодорожных перевозок тысячи людей, раненых или убитых в результате железнодорожных катастроф, считались жертвами небрежности. На самом деле проводники поездов не могли отличить сигналы безопасности. В 1876 году школьная авария привела к тому, что доктор Фитиоф Холмгрен проверил 266 железнодорожников на предмет цветовой слепоты. Тринадцать сотрудников оказались дальтониками, включая машиниста» — Figure 1, сайт для медицинских работников.

По данным Colour blind awareness, дальтонизм наблюдают у каждого двенадцатого мужчины и у одной женщины из двухсот. В Англии дальтоников 3 миллиона, в Бразилии — больше 8 миллионов, в России — 4 миллиона. Даже если только половина из них пользуется интернетом и только один процент этих людей посетят когда-нибудь ваш сайт — это слишком много пользователей, чтобы ими пренебрегать.

Общая статистика нарушений цветового зрения: 8 % у мужчин, полпроцента у женщин. Источник: Научпок

Ученые изобрели очки для дальтоников Enchroma, которые помогают скорректировать нарушения, но вряд ли все смогут себе их позволить — в интернет-магазине Medgadgets они стоят 30 000 ₽. Если вы сторонник инклюзивного (универсального) дизайна, стоит побороться за доступность вашего сайта для каждого пользователя.

Что еще почитать

How colored yarn changed railway history — первый тест на дальтонизм

Daltonismo e UX: a experiência para todos — статья на испанском (гугл-переводчик в браузере отлично с ней справляется) о важности адаптации интерфейсов для дальтоников

Рекомендации от дизайнеров-дальтоников

Мы собрали базовые правила, которые помогут людям с нарушениями цветовосприятия остаться на вашем сайте.

Больше контраста. Убедитесь, что контент хорошо контрастирует с фоном. Идеальное решение — темный текст или фото на светлом фоне. Не накладывайте цвета из одного цветового спектра друг на друга: желтый текст на белом фоне вряд ли смогут прочитать даже люди с нормальным зрением.

Черно-белая контрастность и светло-коричневый акцент на сайте «Медузы»

У сайта команды разработчиков «Кружок» черно-белое оформление, и от этого фирменный стиль только выигрывает

Упор на визуал, а не на цвет. Не используйте цвет как единственное средство для передачи информации. Если вы отмечаете цветом действие, правильный ответ или маркируете элемент, есть большая вероятность, что дальтоник этого не увидит. Маркируйте элементы интерфейса или фигурами и иллюстрациями, или сочетайте цвет с текстурами. Например, в круговой диаграмме отмечайте срезы цветами из разного спектра и добавляйте графику — тогда схему смогут прочитать все.

Так дальтоник видит поинты на сайте studyum.io. Неважно, что цвета для него искажены — поинты обозначены разными геометрическими фигурами

В примере выше ситуация некритичная — без цвета поинтов и фигурок текст все равно можно прочитать, это ни на что не влияет. Но в разработке форм это важно. Лучше не отмечать неправильно введенный пароль красным цветом — нарисуйте рядом с полем иконку или символ и добавьте надпись.

Больше синего и серого. Эти цвета, как правило, нейтральны для дальтоников.

Нижний скриншот — сайт kingofsoul.storytelling.design, который оформлен полностью в синей палитре, глазами дальтоника. Здесь и контрастность, и синий цвет: спектр сместился в сторону фиолетового, но на содержание это не влияет

Меньше цветов. Ограничьте цветовую палитру: чем она минималистичнее, тем меньше путаницы.

Меньше градиентных фонов. Помните, что дальтоники искаженно видят переходы цветов и оттенков. То же правило — для фотографий: используйте изображения с четкими контурами, на которых явно виден переход.

Безопасная палитра. Сложно определить наверняка, какие комбинации цветов будут вызывать меньше дискомфорта у дальтоников. Можно использовать нейтральные сочетания и ориентироваться на этот список «недружелюбных» для дальтоников:

Красный и зеленый, зеленый и коричневый, синий и фиолетовый, светло-зеленый и желтый, серо-голубой, зеленый и голубой, зеленый и черный, зеленый и серый

Скриншот справа — сайт smallvictori.es глазами человека с тританопией. Синий и салатовый почти сливаются

Не используйте оттенки одного цвета рядом. Также не стоит выкладывать на сайт фотографии и иллюстрации, содержание которых меняется при усилении или ослаблении отдельных цветов: красного, зеленого и желтого.

Нижний скриншот — айфоны на сайте Apple глазами дальтоника

Дизайнер-дальтоник Александр Насенник предупреждает — на практике не имеет смысла проверять каждую страницу через призму дальтоника. Но внимательно относиться к общему стилю сайта все-таки стоит. Александр рекомендует соблюдать главное правило — проверять контрастность элементов, потому что люди с цветоаномалией различают цвета в первую очередь по яркости.

Что еще почитать

Designing for Colour Blindness — рекомендации с примерами

Проектирование для людей с цветовой слепотой — еще примеры удачных цветовых решений

Инструменты

Программы, которые помогут оценить макет или сайт глазами дальтоника.

NoCoffee — расширение для Chrome. Это симулятор плохого зрения: NoCoffee поможет понять, насколько сайт удобен для дальтоника, слабовидящего или человека с катарактой. Монохромия тоже есть в списке — можно проверить контрастность сайта в черно-белом виде.

Coblis — еще один симулятор дальтонизма, но для картинок. Загрузите макет на сайт и проверьте, каким его увидят люди с разными типами цветоаномалии.

Contrast — приложение для macOS, которое поможет определить коэффициент контрастности макета в соответствии с рекомендациями WCAG (руководства по обеспечению доступности веб-контента). Как добиться доступности сайта и что обозначают коэффициенты — смотрите в инструкции от разработчиков.

Contrast ratio — онлайн-инструмент для проверки контрастности, если у вас не macOS или не хочется скачивать приложение. Помогает проверить, насколько сочетаются цветовые комбинации. Введите названия или значения цветов фона и текста (в формате hsla, rgb или HEX), а инструмент покажет коэффициент контрастности и рекомендации по размеру и начертанию букв.

Sim Daltonism — симулятор дальтонизма для iOS и macOS. Скачайте приложение, выберите тип нарушения цветовосприятия и направьте камеру на любой объект.

Color Oracle — симулятор дальтонизма для macOS, Windows, Linux, чтобы проверять любые файлы на компьютере. Программу создали опытные разработчики: на сайте можно почитать также о дизайне картографии для людей с нарушениями зрения.

Color Safe — доступные цветовые палитры, которые сделаны по рекомендациям WCAG. Впишите в форму составляющие вашего дизайна: цвет фона, семейство шрифта, кегль, начертание, коэффициент контрастности. На основе этих данных программа сгенерирует безопасную палитру.

Color Contrast Analyzer — более профессиональная программа для Windows и macOS. Помогает определить четкость текста и контрастность элементов интерфейса — визуальных индикаторов, например.

Что еще почитать

Discover how to fix your color blind problems on Android devices with the Color Correction mode — приложение для Android с тестом на дальтонизм, плюс рекомендации по настройке цветокоррекции на смартфоне

Smartphone Customizations for Color Blindness & Nearsightedness — как настроить режим для дальтоника или слабовидящего на iPhone

Фотограф-дальтоник — о своей работе и любимых цветах

Цвет, который я вижу, зависит от многих факторов: от источника и интенсивности света, от угла, под которым он падает, и от поверхности предмета. Я могу вращать в руке красный кубик, но если на одну из его граней падает тень, то она будет зеленой. Я делю все цвета на настоящие, то есть чистые без примесей, и ненастоящие. Со вторыми у меня бывают сложности: например, темно-красный для меня всегда становится либо коричневым, либо зеленым. С белым и черным проблем практически нет, хотя черный порой оказывается темно-синим. А желтый — это вообще бесполезный цвет: он то красный, то оранжевый.

Когда люди узнают, что я дальтоник, и спрашивают, как я вижу, мне хочется задать им такой же вопрос: а как вы видите? Ведь ситуация зеркальная: я не знаю, как видят другие люди. Как мне им объяснить, что листья на деревьях не зеленые, а коричневые?

Порой в жизни мне помогают предметы-маркеры, за которыми закреплен определенный цвет. Например, я знаю, что трава зеленого цвета, хотя мне она кажется коричневой или черной. Да, для меня вся трава в лесу коричневая, она зеленая только на опушке, потому что на нее падает свет. Еще я могу сказать: «О, прикольная красная стена», — если, конечно, знаю, что она из кирпича. И никто не спалит, что я дальтоник. Кремль для меня тоже коричневый — не представляю, с какой силой должно светить солнце на эти стены, чтобы я увидел их красными.

Так же и с кровью. Я знаю, что для других людей она красная, хотя для меня нет. Если я вижу кровь на коже человека, то она будет черной, а если размазать ее по белой бумажке, то коричневой. А если смотреть на кровь в ампуле против света, то она действительно может быть красной.

А ночью и вечером при тусклом освещении все цвета становятся одинаковыми и выглядят как темно-серый мусор, как грязь. Все предметы вечером на улице тоже для меня одного цвета. Вон та машина справа — потемнее, значит, она либо зеленая, либо коричневая, а вон та, левее, — темно-синяя либо черная (На самом деле одна машина красная, другая черная. — Прим. ред.).

В детстве мы с отцом ездили на дачу, и каждый раз, когда мимо нас проезжала машина, он заставлял меня называть ее цвет. Это была игра: он спрашивал, какая машина едет, я говорил «зеленая», а она была красной. Хотя иногда я попадал и называл красный красным. Сперва отец думал, что я не могу запомнить цвета, но потом понял, что я просто по-другому вижу. Он сердился и сильно переживал, потому что не хотел, чтобы у его сына был какой-то дефект.

А официальный диагноз мне не ставили, да и зачем? Что это изменит в моей жизни? Диагноз же не даст мне никаких послаблений в налоговой. А в военкомате, несмотря на то, что я не видел никаких цифр на таблицах Рабкина, мне сказали, что я годен.

В школе у меня была круглая ручка с разноцветными стержнями, которой я часто делал домашние задания. Мне нравилось писать черным цветом, потому что, мне казалось, что он загадочный. И конечно, учителя ставили мне двойки и говорили, что нельзя писать красными чернилами в тетради. Преподаватели думали, что я придуриваюсь или издеваюсь над ними. Еще я ненавидел политическую карту мира, на которой у каждой страны свой цвет. Это просто ужас. «Покажи Уганду — она фиолетовая». Я знаю, что Уганда где-то здесь, но фиолетовый цвет вообще в другом месте!

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

Моим любимым цветом был зеленый, пока я не понял, что большинство моих зеленых вещей вовсе не зеленые. Некоторые оказались красными, а некоторые коричневыми. Сейчас, когда я покупаю новую вещь, всегда смотрю на этикетке, какого она цвета. Еще проблемы с зеленым возникают из-за новых пешеходных светофоров. Красного и зеленого человечков я вижу исключительно белыми. Наверное, это из-за слишком ярких лампочек.

Но главная засада возникает в метро. Мне говорят: «Переходи на зеленую ветку», — а я поднимаю вверх глаза и вижу, что направо — переход на зеленую и налево — тоже переход на зеленую. Желтая и зеленая ветки для меня выглядят просто одинаково. Та же проблема с синей и фиолетовой, а также с красной, зеленой и оранжевой. Я могу их отличить друг от друга, только если они пересекаются: тогда я быстро перевожу взгляд с одной на другую и понимаю, что одна из них светлее, а другая темнее.

Мой дедушка тоже был дальтоником, причем он работал в ПВО, кажется, сидел в военном центре и наводил радары на мишени. Я бы такой работой заниматься, конечно, не стал: для меня все советские кнопки из-за большой яркости горят одним цветом. Мне бы сказали: «Нажми на зеленую кнопку, чтобы открыть ворота. Но только не красную, которая пускает ракету», — и я бы все перепутал.

Дальтоник создал приложение, которое показывает мир его глазами и помогает увидеть реальные цвета

https://twizz.ru/wp-content/uploads/2019/08/1566999632_e78f8c3b4bbf9daac96ad157735279f4.jpg

В наше время информационные технологии стремительно развиваются и улучшают жизнь. Без смартфона люди не выходят на улицу, ведь он стал незаменимым помощником. Современный гаджет решает как бытовые проблемы, так и помогает людям с различными отклонениями.

Приложение Color Blind Pal помогает людям, которые страдают дальтонизмом, увидеть цвета. Достаточно навести камеру на объект, и на экране появится картинка с правдоподобными цветами. Оно работает и в обратную сторону — пользователи без особенностей зрения могут посмотреть, как дальтоники видят наш мир. Создателем этого чудо-приложения стал дальтоник Винсент Фиорентини, который с рождения знаком с этим отклонением.

Вот как изначально видят мир люди с дальтонизмом

Приложение показывает им, как выглядят цвета на самом деле

Каждый человек может настроить приложение под своё зрение

И оно выдаст правильную картинку

На экране есть кнопки с различными регулировками и фильтрами

Ещё можно определить точное название цвета

На этих картинках видно, как работает приложение

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

Color Blind Pal создано не только, чтобы помочь дальтоникам, но и показать остальным, как выглядит мир глазами людей с особенностями зрения. Приложение доступно как на Android, так и для iOS. Оно постоянно совершенствуется и дополняется новыми режимами для различных видов дальтонизма. Любой желающий может совершенно бесплатно скачать его себе на смартфон и увидеть мир вокруг с другой стороны.

❤️ Подписывайтесь! У нас крутые посты каждый день

🔥 А ещё вот что у нас есть:

Дальтонизм человека. Что видит дальтоник?

Наверно, каждый хотя бы раз мысленно пытался встать на место человека, страдающего дальтонизмом, и представить краски жизни глазами бедняги. Даже если это кому-нибудь удалось, скорее всего, получившаяся картина была неверной. Дальтонизм человека имеет несколько разновидностей и все они далеки от общепринятого представления.

«Цветовая слепота» — так по-другому называют дальтонизм человека. 8 % мужчин и 0,5% женщин Земли видят мир по-другому. Но цветовая слепота не обязательно равна полному отсутствию видимости цветов. Большинство дальтоников различают краски, но искаженно. По этой причине термин «дефицит цветоощущения» считается более точным.

Как видит цвета здоровый человек?

Есть несколько вариантов нарушения цветоощущения: дейтераномалия (когда краски кажутся выцветшими), протанопия (когда все вокруг кажется зеленоватым) и тританопия (нарушение цвета в сине-фиолетовой гамме, когда человек видит все в розоватых тонах). И лишь 0,00003% населения планеты страдает полным отсутствием восприятия цвета – монохромазией.

Дейтераномалия

Наиболее распространенный тип цветовой слепоты – дейтераномалия. Около 5% мужчин и 0,4% женщин испытывают этот тип дефицита цветового зрения, причем многие этого даже не понимают. Люди с дейтераномалией видят приглушенную палитру, особенно зеленые и красные цвета.

Протанопия

При протанопии все оттенки зеленого и красного практически неразличимы, ярко выражены только синие и желтые тона.

Тританопия

Тританопия – редкая разновидность дальтонизма. Люди видят цвета розоватыми. Получается, что только 0,0001% мужчин и женщин на самом деле смотрят на мир «сквозь розовые очки»!

Монохромазия

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

Дальтонизм человека

Конец статьи

Похожие статьи

Дизайн для дальтоников: 5 факторов успеха

Примерно 8-10% мужчин и 0. 5% женщин имеют ту или иную форму дальтонизма. То есть, на каждые 100 посетителей вашего сайта будет 10 таких, которые видят цвета иначе. И как убедиться, что ваш интерфейс одинаково доступен для любых пользователей? Есть много противоречивой информации на тему того, каким должен быть дизайн для дальтоников.

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

Что такое цветовая слепота?

Цветовая слепота — это неспособность различать некоторые оттенки спектра, и ей подвержены скорее мужчины, чем женщины, так как это нарушение возникает в результате мутации Х-хромосомы. Есть 3 основных типа цветовой слепоты: дейтеранопия (зелёный), протанопия (красный) и тританопия (синий). Самая распространенная форма — дейтеранопия, следующая — протанопия, и тританопия в самом конце. Картинка ниже показывает, как будет выглядеть радуга для людей с разными формами дальтонизма.

Существуют тесты на дальтонизм (ссылки будут в конце) и примеры, которые показывают, как видят люди с цветовой слепотой. Но они не могут быть достоверны на 100%.

Как сделать дизайн с лучшей цветовой различимостью?

Вы можете подумать:”Зачем мне вообще ориентироваться на такую узкую группу пользователей?” Дело в том, что элементы, подходящие для дальтоников, можно считать хорошо спроектированным и для более широкой аудитории. И если дизайн вашего сайта сделан качественно, он подойдёт для любых пользователей.

Если вы делаете дизайн универсальным, это не значит, что его эстетический вид должен пострадать. Вот 5 базовых принципов, которые помогут сделать макет доступным для дальтоников.

1. Используйте одновременно цвета и графические символы

Не стоит полагаться только на цвет для индикации какого-то состояния. К примеру, при некоторых формах дальтонизма сложно или даже невозможно увидеть обычные красные сообщения об ошибке. Один из подходов — использовать одновременно цвет и графический символ, когда нужно привлечь внимание пользователя. Хорошее решение — поля формы Facebook и сообщение об ошибке.

Интересный факт: логотип Facebook и знаменитая синяя цветовая схема были выбраны из-за того, что Марк Цукерберг не различает красные и зелёные оттенки и лучше всего видит синий. “Синий для меня самый насыщенный цвет. Я могу различить любые его оттенки.”

2. Выбирайте минимализм

Ограничьте палитру, которую вы используете для сайта. Чем меньше цветов в дизайне, тем лучше интерфейс различим для пользователей с цветовой слепотой. Минимализм — это не только тренд, но ещё и полезный инструмент цветовой различимости.

3. Используйте узоры и текстуру, чтобы показать контраст

Чтобы выделить элементы, вместо сплошных цветов используйте контрастные узоры или текстуры. Например, пользователям с цветовой слепотой может быть сложно различить графики. В таком случае будет лучше взять контрастный узор, особенно, если цветовая палитра ограничена.

Вот хороший пример создания контраста с помощью узора.

4. Используйте контрастные цвета и оттенки

Не стоит рассчитывать только на чёрный и белый как на единственную контрастную пару. Придется брать несколько контрастных цветов и оттенков для вашего дизайна. Например, когда вы вставляете текстовую ссылку, лучше выделить ее другим оттенком, чтобы показать контраст.

Страница ниже — пример правильного использования контраста. Здесь пользователю с цветовой слепотой будет понятно, какой пункт сейчас выбран.

5. Не используйте опасные комбинации цветов

Вы должны разбираться в цветах, чтобы выбрать правильную комбинацию. Поскольку дальтонизм у разных людей выражен по-разному, трудно определить, какие цвета “безопасны” для веб-дизайна. Вот несколько цветовых комбинаций, которые не стоит использовать — для дальтоников они могут оказаться настоящим кошмаром:

Зелёный + красный
Зелёный + коричневый
Синий + фиолетовый
Зелёный + синий
Салатовый + желтый
Синий + серый
Зелёный + серый
Зелёный + чёрный

Как узнать, что у вас нет цветовой слепоты?

Что ж… Многие люди годами не знают о своём дальтонизме, так как последствия этого отклонения довольно незаметны, пока кто-то другой на них не укажет. Картинку ниже обычно используют как тест на дальтонизм — попробуйте! (Ссылка на полный тест есть в конце статьи.)

Все ещё сомневаетесь?

Тест Ишихары: вы проходите тест из 38 вопросов и получаете результат.
Color Blind Check: приложение на Android от Colorblindor, с помощью которого вы за минуту можете узнать, есть ли у вас дальтонизм.
Coblis: вы загружаете изображение и смотрите, как его увидят люди с разными формами цветовой слепоты.
Приложения: 3 приложения на iOS и Android, созданные специально для дальтоников.

В основном, UX-дизайнер создаёт сайты, которые удобны и приятны любым пользователям. К сожалению, не существует универсального решения, которое нужно использовать в дизайне для дальтоников, но есть несколько принципов, которые стоит учитывать. Скорее всего, этого будет достаточно:

1. Не полагайтесь только на цвет для индикации состояния
2. Ограничьте цветовую палитру 2-3 цветами
3. Используйте текстуру и узоры, чтобы показать контраст
4. Используйте контрастные цвета и оттенки, чтобы выделить текстовые ссылки
5. Не используйте опасные комбинации цветов: зелёный с красным, зелёный с голубым, голубой с серым и т.д.

Источник: habrahabr

Дальтонизм: что такое дальтонизм и как видят дальтоники?

За способность видеть мир во всех его роскошных красках, которые не может адекватно передать на холсте ни один художник, мы должны благодарить светочувствительные рецепторы глаза. Они бывают двух типов: палочки и колбочки. Палочки высокочувствительны и отличают тонкие оттенки освещенности, но не цвет. Если бы существовали только палочки, мы видели бы мир монохроматическим, как на черно-белых снимках модных фотографов. Палочки отвечают за ночное зрение.

Цвет мы различаем благодаря колбочкам.  В сетчатке глаза человека есть три вида колбочек. Колбочки одного вида содержат пигмент, чувствительный либо к красному, либо к зелёному, либо к синему участкам спектра. Остальные тона и оттенки получаются при наложении этих трех цветов в разных пропорциях. А белый свет мы видим, когда равномерно раздражаются все колбочки. 

Что такое дальтонизм?

У некоторых людей от рождения нарушена выработка того или иного пигмента, поэтому они различают не все цвета. Это явление названо дальтонизмом в честь британского физика и химика Джона Дальтона. В конце 18 века он впервые обнаружил и изучил болезнь на собственном опыте и опыте своих братьев и описал особенности зрения дальтоника. До него люди с нарушением цветовосприятия даже не осознавали, что с ними что-то не так. 

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

Как видят дальтоники?

Зависит от степени нарушения цветовосприятия. В легких случаях люди просто путают оттенки. 

Если у человека нарушено восприятие красного цвета (протаномалия), он видит красные объекты как коричневые или темно-зеленые; салатовый и оранжевый выглядят для него желтовато-серыми, а пурпурный — синим. Желтый и голубой воспринимаются, но с искажением оттенков.

Если недостает в основном “зеленого” пигмента (дейтераномалия), то красный цвет воспринимается как хаки, зелёный — как серый, фиолетовый не отличается от синего. Желтый и голубой распознаются нормально, хотя оттенки искажаются. Дейтераномалия является наиболее распространенной аномалией цветового зрения. 

Тританомалия — недостаток пигмента, отвечающего за восприятие синего. Тогда человек видит красный, оранжевый. желтый и фиолетовый тона как разные оттенки розового, зеленый как синий, а голубой — более блеклым, чем на самом деле.

Как возникает дальтонизм?

Наследственный дальтонизм — заболевание, связанное с дефектом в половой Х-хромосоме, чаще всего передается от матери-носителя к сыну. Поскольку у женщин две Х-хромосомы, а у мужчин одна, то у женщин дальтонизм проявляется гораздо реже. Если у женщины только одна Х-хромосома с дефектом, то ее “дублирует” вторая; у мужчины же при наличии дефектного гена болезнь проявится неизбежно. 

Разные степени дальтонизма встречаются у 8-10% мужчин и менее 1% женщин.

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

Чтобы проверить цветовое зрение, используются визуальные тесты, например классические полихроматические таблицы Рабкина — цифры и геометрические фигуры, состоящие из разноцветных пятен. 

Лечится ли дальтонизм?

Наследственный — неизлечим. Приобретенная цветовая слепота может быть отчасти откорректирована после излечения основного заболевания. 

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

Что не могут делать дальтоники?

В большинстве стран дальтонизм не является ограничением при получении водительских прав (исключение — полная цветовая слепота). Но некоторые профессии, от пилотов и дальнобойщиков до лаборантов и кондитеров, требуют нормального цветового зрения.  

Интересно, что дальтоники способны различать некоторые оттенки, недоступные обычным людмя, в частности, оттенки хаки и коричневого. Благодаря этому дальтоник быстрее заметит камуфляжную форму на фоне пейзажа или грибы в лесу.

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

Читайте также:

Зачем людям и животным смех?

Как правильно бегать?

Почему макадамия – самый дорогой орех в мире?

Как видят ваш сайт дальтоники?

У вас есть сайт, например, онлайн магазин, или блог, показывающий посетителям контекстную рекламу. Вы много трудились, чтобы сделать его правильным и удобным, потратили кучу сил и времени на дизайн, еще больше ресурсов ушло на раскрутку сайта, вы даже проработали юзабилити, и вроде бы, уже нечего больше добавить. А вот о 5% своей аудитории (а именно столько в среднем мужчин страдают дальтонизмом) вы и забыли… хотя, может у вас сайт с преобладающей женской аудиторией… но и тогда четверо из каждой тысячи ваших посетительниц могут воспринимать ваш контент совсем не так, как бы вам хотелось.

Для справки:

Разной степенью дальтонизма страдают 2—8 % мужчин, и только 4 женщины из 1000. При этом, согласно исследованиям британских учёных, люди, которые с трудом различают зелёный и красный цвет, способны различать множество других цветовых оттенков, например, оттенки цвета «хаки», которые для людей с нормальным зрением кажутся одинаковыми.

Чтобы узнать каким видят ваш сайт дальтоники, можно воспользоваться специализированными программами или онлайн-сервисами. В этой публикации я познакомлю вас с некоторыми из них.

Позволяет в режиме реального времени увидеть сайт глазами человека с любой из форм цветовой слепоты. Например вот так выглядит страница с описанием товара:

Аптечка красного креста, фирменный ярко красный цвет «American Red Cross» может принимать совершенно разные «оттенки» в зависимости от формы цветовой слепоты. А вот оригинал страницы и совершенно «другая картинка»:

Всё это очень полезно проверить на своих сайтах, начиная от цвета шрифтов и заголовков в AdSense и заканчивая кнопками «купить» для интернет-магазинов.

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

• ColorDoctor 2.1 (для Windows)
• Color Oracle 1.1.1 (для Windows, Mac и Linux)

Стоит ли говорить о людях с ослабленным зрением и размерах шрифта страницы, или о светлом тексте на темном фоне… и да вырастет ваш конверт!

Coblis - Симулятор дальтонизма - Colblindor

Если вы не страдаете нарушением цветового зрения, очень трудно представить, каково это быть дальтоником. Имитатор C olor BLI ndness S может закрыть этот пробел за вас. Просто поиграйте с этим и почувствуйте, каково это - иметь дефект цветового зрения.

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

Так что вперед, выберите изображение с помощью функции загрузки или просто перетащите его в центр нашего имитатора C olor BLI ndness S . Также можно увеличивать и перемещать изображения с помощью мыши - попробуйте, я надеюсь, вам понравится.

Если есть какие-либо проблемы с имитатором C olor BLI ndness S , отправьте сообщение через страницу контактов.Спасибо. Если этот симулятор не работает для вас, вы все равно можете попробовать старую версию, которую можно найти на Coblis.v1 - Симулятор дальтонизма.

Поскольку описать дальтонизм не так просто, кстати, некоторые умные люди разработали алгоритмы манипуляции, чтобы имитировать любую форму дефицита цветового зрения. Алгоритмы преобразуют любую картинку в ту же картинку, которую видят люди с красным, зеленым, синим или полностью дальтонизмом.

Я хотел бы поблагодарить Майкла из ColorJack за предоставление матрицы дальтонизма, которая использовалась для первой версии имитатора C olor BLI ndness S .Актуальная версия основана на jsColorblindSimulator-Project, разработанном MaPePeR. Он сделал возможным использование только клиентских ресурсов и добавил несколько очень интересных функций, таких как панорамирование и масштабирование. В настоящее время используется функция моделирования дальтоников HCIRN, которая находится в свободном доступе для некоммерческого использования.

Функция моделирования дальтонизма принадлежит
, авторское право (c) 2000-2001, Мэтью Уиклайн и
Сеть ресурсов взаимодействия человека и компьютера (http://hcirn.com/).
Он используется с разрешения Matthew Wickline и HCIRN,
и находится в свободном доступе для некоммерческого использования. Для коммерческого использования, пожалуйста,
обратитесь в Сеть ресурсов взаимодействия человека и компьютера (http://hcirn.com/).

Почему люди с дальтонизмом не видят никаких цветов?

Категория: Биология Опубликовано: 2 июля 2013 г.

Исходное изображение (верхнее изображение) находится в общественном достоянии, источник: Служба национальных парков. Окончательное составное изображение находится в общественном достоянии, источник: Christopher S.Бэрд.

Большинство людей с дальтонизмом могут видеть почти все цвета. Обычно они слепы только к нескольким цветам. Более того, они не полностью слепы к этим цветам, а лишь частично. Человеческий глаз содержит три типа клеток, определяющих цвет: колбочки, обнаруживающие красный цвет, колбочки, определяющие зеленый, и колбочки, определяющие синий цвет. Каждая ячейка конуса может обнаруживать много цветов в дополнение к своему основному цвету. Например, колбочки в глазу, которые видят красный свет, также могут видеть оранжевый и желтый.Красные колбочки лучше всего видят красный цвет, поэтому их называют красными колбочками. Точно так же зеленые колбочки также могут видеть оранжевый, желтый и синий. Это совпадение позволяет людям видеть так много разных цветов. Люди могут видеть желтый цвет, например, даже при отсутствии рецепторов желтого цвета из-за этого перекрытия. Когда вы смотрите на желтый цветок, желтый свет стимулирует красные и зеленые клетки в ваших глазах, а ваш мозг интерпретирует немного красного плюс немного зеленого как желтый.

Обычно у дальтоника только один тип световой ячейки отсутствует или не функционирует. В учебнике Color Vision под редакцией Вернера Бакхауса, Райнхольда Клигла и Джона Саймона Вернера говорится, что около 1% мужчин европеоидной расы страдают частичной дальтонизмом, при этом один из трех типов цветовых рецепторов отсутствует или не функционирует. В этой книге также говорится, что люди, полностью страдающие дальтонизмом; те, у кого все три типа рецепторов отсутствуют или не функционируют; «крайне редки».Людям с протанопией дальтонизма не хватает красных колбочек или пигментов. В результате они также не видят ни красный, ни оранжевый цвета. Но они прекрасно видят все остальные цвета. Людям с дейтеранопией и дальтонизмом не хватает зеленых колбочек или пигментов, но другие колбочки работают нормально. У людей с дальтонизмом из-за тританопии отсутствуют синие колбочки. Люди с этими тремя типами частичной дальтонизма имеют проблемы только с некоторыми цветами и могут прекрасно видеть большинство цветов.

Следует иметь в виду, что реакция различных ячеек, определяющих цвет, перекрывается. Когда человек с полным зрением смотрит на чистую синюю стену, стимулируются не только клетки его синего конуса. Его клетки синей колбочки сильно стимулируются, а клетки зеленой колбочки - немного. Поэтому его мозг воспринимает чистый синий цвет как сигнал больших синих клеток плюс сигнал маленьких зеленых клеток из-за того, как их ответы перекрываются. Теперь примените эту концепцию к дальтонику.У человека с тританопией в глазах отсутствуют клетки, определяющие синий цвет. Когда он смотрит на синюю стену, его синие клетки ничего не видят, потому что ему не хватает синих клеток. Но клетки, определяющие зеленый цвет, все еще там, и они видят немного синего цвета. Таким образом, типичный дальтоник на самом деле не полностью слеп к любому цвету. Но его мозг воспринимает небольшой зеленый сигнал как темно-зеленый. Таким образом, человек с дальтонизмом воспринимает чистый синий цвет как темно-зеленый. Его восприятие цвета неполное и не совсем правильное, но он ощущает цвет даже в той цветовой гамме, в которой он испытывает наибольшие трудности.В то время как человек с полным зрением видит зеленый, синий и фиолетовый цвета, человек с дальтонизмом синего цвета видит эти цвета как зеленый, темно-зеленый и темно-зеленый. Он видит цвет. Он просто видит цвета немного неправильно, и ему труднее различать определенные цвета.

Также следует помнить, что большинство цветов, которые мы видим в повседневной жизни, представляют собой смесь основных цветов. Например, с точки зрения основных цветов розовый - это смесь большого количества красного и небольшого количества оранжевого, желтого, зеленого, синего и фиолетового.Когда человек с дальтонизмом синего цвета смотрит на розовый, ошибочной является только синяя часть цветовой смеси, которая является небольшой частью розового цвета. В результате розовый цвет кажется почти нормальным для человека с дальтонизмом к синему. То же самое и с другими цветами, которые представляют собой смесь основных цветов.

Кроме того, объект - это не только его цвет. У объекта также есть яркость, оттенок, текстура и форма. Если стул, окрашенный в чистый красный цвет, поставить перед человеком, страдающим дальтонизмом, у него не будет проблем со стулом.Она все еще видела форму, оттенки, текстуру и яркость стула. Она все еще увидела бы цвет на стуле. Стул выглядел бы не красным, а темно-желтым. Таким образом, люди с дальтонизмом на самом деле не «слепые». Они прекрасно видят все объекты. Лучшими фразами были бы «неполное цветовое зрение» или «менее чувствительное цветовое зрение».

Наконец, люди с дальтонизмом учатся использовать умственные уловки, чтобы компенсировать этот недостаток. Например, апельсины всегда оранжевые, а знаки остановки всегда красные.Человеку, страдающему дальтонизмом, сложнее отличить красный от оранжевого, но он точно может отличить апельсин от знака остановки. Несмотря на то, что разница в цвете между этими двумя объектами для него очень тонкая, он чувствует, что цвет очень отличается, потому что он связывает идентичность объекта с его цветом, а знаки остановки сильно отличаются от оранжевых. Если вы поместите чистый красный плакат рядом с чисто оранжевым плакатом, человеку, страдающему дальтонизмом, может быть сложно идентифицировать красный объект.Но поместите знак остановки рядом с апельсином и попросите его идентифицировать красный объект, и у него не будет проблем с указанием знака остановки как красного. В этом случае он может даже подумать, что на самом деле видит красный цвет, хотя в основном он видит объект, который он ассоциировал со словом красный. Точно так же дальтоник обычно без проблем водит машину и подчиняется светофору. Вы можете подумать, что он не может отличить красный свет от зеленого и не знает, когда остановиться или уйти. На самом деле он может не видеть эти огни в их полном цвете, но он может видеть достаточно цветов, чтобы отличить их друг от друга.Вдобавок он начинает ассоциировать верхний свет с красным, а нижний с зеленым, даже не осознавая этого. Он может сказать вам, что «запоминает цвет», тогда как на самом деле он запоминает расположение светофора, что означает «вперед» и «стоп». Таким образом, дальтоники иногда думают, что они полностью видят цвета, хотя это не так, потому что они подсознательно полагаются на умственные уловки и ассоциации, чтобы компенсировать это.

Этот пост никоим образом не предназначен для упрощения или недооценки бремени, которое испытывают дальтоники из-за неполного цветового зрения.Скорее, этот пост предназначен для того, чтобы просто раскрыть науку, стоящую за дальтонизмом. Из-за их чувствительности к большинству цветов, перекрытия реакции их колбочек и других визуальных сигналов, связанных с объектом, большинство людей с дальтонизмом имеют почти полное цветовое восприятие. (Личное примечание для любопытных: я не дальтоник, но лично знаю таких людей).

Темы:
цвет, дальтонизм, дальтонизм, колбочек, глаза, свет, зрение

Как дальтоник видит светофор?

Нарушения цветового зрения или дисхроматопсия затрагивают значительную часть населения мира.Примерно 1 из 13 мужчин и 1 из 230 женщин страдают нарушениями цветового зрения различной степени. Это означает, что 8% мужчин и 0,5% женщин в мире не воспринимают цвета должным образом, что составляет примерно 656 случаев дисхроматопсии, широко известных как дальтоники.

Как работает цветовое зрение?

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

Сетчатка человека имеет три различных цветовых рецептора, называемых колбочками. В просторечии они известны как «красные», «зеленые» и «синие» колбочки из-за диапазона цветового спектра, к которому они относятся, оттенков света, к которым они более чувствительны. Красные конусы соответствуют длинным волнам, зеленые - средним волнам, синие - коротким волнам. Следовательно, если у нас есть дефект или отсутствие красных колбочек, у нас будет определенный тип дефекта цветового зрения, отличный от тех, которые соответствуют дефекту или отсутствию зеленых или синих колбочек.

Сколько существует типов дисхроматопсии?

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

• Протаномалия или протанопия.
• Дейтераномалия или дейтеранопия.
• Тританомалия или тританопия.

Как больной, страдающий дисхроматопсией, видит светофор?

Как дискроматопсик видит цвета на светофоре?

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

Дисхроматопсия влияет на определенную область хроматического пространства, т.е. трудность восприятия цветов проявляется в способности различать похожие тона подобных цветов. Следовательно, у дисхроматопсика никогда не будет проблем с отличием красного света от зеленого. Однако ему будет сложно найти коричневую краску между коричнево-зелеными; ему будет трудно отличить одни деревья от других в лесу; кроме того, ему будет трудно интерпретировать шкалы, классифицированные по похожим цветовым тонам.Таким образом, проблемы цветового зрения заключаются в способности интерпретировать как разные «похожие или близкие» оттенки в цветовом спектре, а не в различении крайних цветов, таких как желтый, красный, зеленый или синий.

Можно ли не видеть цвета?

Действительно, есть люди, которые страдают монохроматностью, которая определяется как полная дальтонизм. Ни один из трех существующих колбочек на сетчатке не работает должным образом, и человек не может различать цвета. Именно в этих случаях серьезного изменения цветового зрения возникают огромные трудности, из-за которых становится практически невозможно различать цвета на светофоре.

Советы по дизайну: проектирование для слепых людей

Photoshop CC: Краткое визуальное руководство

Элейн Вайнманн и Питер Лурекас

Это пользующееся спросом руководство от авторов Элейн Вайнманн и Питера Лурекаса на протяжении десятилетий было полезным учебным пособием и справочником для профессионалов в области фотографии / дизайна и учебным пособием в классах колледжей. Это издание включает в себя их товарные знаки в виде четких, кратких, пошаговых инструкций; сотни полноцветных изображений; снимки экрана с функциями программы; а также дополнительные советы и врезки в каждой главе.

Среди новых функций CC, описанных в этом тщательно обновленном руководстве, являются: Smart Sharpen, Adobe Camera Raw в качестве фильтра, интеллектуальное масштабирование, выбор нескольких форм и траекторий, а также уменьшение дрожания камеры. Новые и обновленные функции Photoshop CC четко отмечены яркими красными звездочками как в содержании, так и в основном тексте.

Дальтонизм, дальтонизм, виды дальтонизма

Гретчин Бейли; проверено Гэри Хейтингом, OD

Дальтонизм - это вообще не форма слепоты, а недостаток в восприятии цвета.

Если вы дальтоник, вам трудно различать определенные цвета, например синий и желтый или красный и зеленый.

Цветовая слепота (или, точнее, нарушение цветового зрения) - это наследственное заболевание, которое чаще поражает мужчин, чем женщин. Согласно данным «Предотвращение слепоты», около 8 процентов мужчин и менее 1 процента женщин имеют проблемы с цветовым зрением.

Дефицит красно-зеленого цвета - наиболее распространенная форма дальтонизма.

Гораздо реже человек может унаследовать черту, которая снижает способность видеть синие и желтые оттенки.Этот дефицит сине-желтого цвета обычно одинаково влияет на мужчин и женщин.

Дальтонизм: признаки и симптомы

Сложно ли вам определить, являются ли цвета синим и желтым или красным и зеленым? Иногда другие люди сообщают вам, что цвет, который, по вашему мнению, вы видите, неправильный?

Если да, то это основные признаки нарушения цветового зрения.

Вопреки распространенному мнению, дальтоник редко видит только оттенки серого.

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

[Просмотрите больше моделей того, что может увидеть человек с дефицитом цвета.]

Если у вас возникли проблемы с цветовым зрением, хотя обычно вы могли видеть весь диапазон цветов, вам определенно следует посетить врача. Внезапная или постепенная потеря цветового зрения может указывать на любое количество основных проблем со здоровьем, таких как катаракта.

Тестирование на дальтонизм может помочь определить, какой у вас дефицит цвета.

СМОТРИ ТАКЖЕ: Очки для дальтонизма

Что вызывает дальтонизм?

Дальтонизм возникает, когда светочувствительные клетки сетчатки не могут должным образом реагировать на изменения длины волны света, которые позволяют людям видеть массив цветов.

Фоторецепторы сетчатки называются палочками и колбочками. Палочек больше (в сетчатке человека около 100 миллионов стержней), и они более чувствительны к свету, но стержни не способны воспринимать цвет.

От 6 до 7 миллионов колбочек в сетчатке человека отвечают за цветовое зрение, и эти фоторецепторы сконцентрированы в центральной зоне сетчатки, называемой макулой.

Центр макулы называется ямкой, и эта крошечная (0.3 мм в диаметре) содержит самую высокую концентрацию колбочек в сетчатке и отвечает за наше самое острое цветовое зрение.

Унаследованные формы дальтонизма часто связаны с недостатком определенных типов колбочек или полным отсутствием этих колбочек.

Помимо различий в генетической структуре, другие причины дефектов или потери цветового зрения включают:

• Катаракта. Помутнение естественного хрусталика глаза, возникающее при катаракте, может «размывать» цветовое зрение, делая его менее ярким.К счастью, операция по удалению катаракты может восстановить яркое цветовое зрение, когда мутный естественный хрусталик удаляется и заменяется искусственным интраокулярным хрусталиком.

• Некоторые лекарства. Например, было показано, что противосудорожный препарат тиагабин снижает цветовое зрение примерно у 41 процента тех, кто принимает это лекарство, хотя эффекты, по-видимому, не являются постоянными.

• Наследственная оптическая нейропатия Лебера (LHON). Этот тип наследственной оптической невропатии может поражать даже носителей, у которых нет других симптомов, но есть определенная степень цветовой слепоты. При этом заболевании в первую очередь отмечаются дефекты зрения красно-зеленого цвета.

• Синдром Каллмана. Это наследственное заболевание включает недостаточность гипофиза, что может привести к неполному или необычному, связанному с полом, развитию, например, половых органов. Дальтонизм может быть одним из симптомов этого состояния.

Дальтонизм также может возникать, когда процессы старения повреждают клетки сетчатки. Травма или повреждение областей мозга, в которых происходит обработка зрения, также может вызвать нарушение цветового зрения.

Лечение дальтонизма

По данным исследователей из Вашингтонского университета, генная терапия вылечила дальтонизм у обезьян.

Хотя эти результаты на животных выглядят многообещающими, генная терапия не будет рассматриваться для людей, пока не будет доказана безопасность лечения.

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

Большинство людей могут без особых проблем адаптироваться к недостаткам цветового зрения. Но некоторые профессии, такие как графический дизайн и профессии, требующие работы с электропроводкой разных цветов, зависят от точного восприятия цвета.

Если вы в раннем возрасте осознали, что страдаете дальтонизмом, вы можете выбрать карьеру, которая не требует точного восприятия цветов.

Ранняя диагностика дефицита цветового зрения также может предотвратить проблемы с обучением в школьные годы, особенно потому, что многие учебные материалы в значительной степени зависят от цветового восприятия.

Если у вашего ребенка дефицит цвета, обязательно поговорите об этом с его или ее учителями, чтобы они могли соответствующим образом спланировать свои уроки и презентации.

Линзы для дальтоников

Некоторые люди используют специальные линзы для улучшения восприятия цвета, которые представляют собой фильтры, доступные в форме контактных линз или линз для очков.

Одним из примеров являются очки для дальтонизма, разработанные Enchroma. Тонированные линзы в очках для дальтонизма Enchroma включают в себя запатентованную технологию фильтрации света, которая дает людям с распространенными формами дальтонизма возможность видеть широкий спектр ярких цветов, которые большинство из нас считает само собой разумеющимся, по словам компании.

Если у вас нарушение цветового зрения, обратитесь к окулисту рядом с вами, чтобы обсудить, подходят ли вам очки для дальтонизма.

Вы также можете узнать, как обойти вашу неспособность выбрать определенные цвета.Например, вы можете организовать и маркировать свою одежду, чтобы избежать цветовых столкновений. (Попросите друзей или членов семьи с нормальным цветовым зрением помочь с этим проектом.)

Также научитесь распознавать определенные цветные предметы по их порядку, а не по цвету. Например, узнайте, что красный свет находится вверху светофора, а зеленый - внизу.

Кроме того, для устройств Android и Apple были разработаны различные загружаемые приложения для помощи в обнаружении цвета.

Обратитесь к окулисту за дополнительной помощью и советом, если вам трудно различать цвета или если вы подозреваете, что ваш ребенок дальтоник.

СМОТРИТЕ СВЯЗАННО: Контакты для лечения дальтонизма

Является ли красно-зеленая цветовая слепота наследственной?

Красно-зеленая дальтонизм - наиболее распространенная наследственная форма нарушения цветового зрения. Это вызвано довольно распространенным рецессивным геном, сцепленным с Х-хромосомой.

У матерей пара хромосом X-X, несущих генетический материал, а у отцов - пара X-Y хромосом.И мать, и отец вносят хромосомы, которые
определить пол своего малыша.

Когда Х-хромосома одного родителя соединяется с Х-хромосомой другого родителя, ребенок будет девочкой. И когда Х-хромосома матери соединяется с Y-хромосомой отца, ребенок будет мальчиком.

Если вы страдаете красно-зеленой дальтонизмом, вызванной X-сцепленным рецессивным геном, ваша мать будет носителем этого гена или сама будет иметь дефект цвета.

Отцы с этой унаследованной формой красно-зеленой дальтонизма передают Х-сцепленный ген своим дочерям, но не своим сыновьям, потому что сын не может получить Х-связанный генетический материал от своего отца.

Дочь, унаследовавшая ген цветодефицита от своего отца, будет носителем этого гена, но она не будет дальтоником - если только ее мать не несет ген, и она также не получит парный ген цветодефицита от своей матери. Если дочь унаследует Х-сцепленный признак как от отца, так и от матери, она будет дальтоником.

Когда мать передает эту X-сцепленную черту своему сыну, он унаследует дефицит цветового зрения и будет иметь проблемы с различением красного и зеленого.

Опять же, дочь может быть носителем, но сама будет иметь эту форму дальтонизма только тогда, когда и ее отец, и мать передадут ген, сцепленный с Х-хромосомой. Вот почему мужчин больше, чем
женщины дальтоники.

ЧИТАТЬ СЛЕДУЮЩИЙ: Типы дальтонизма

Страница обновлена ​​в марте 2021 г.

Что следует учитывать при визуализации данных для дальтоников

Часть 2 серии из трех частей о дальтонизме

Выбрать цвета для визуализаций сложно, а цвета, безопасные для дальтоников, сложнее.Эта статья пытается помочь. Он включает в себя идеи для создания визуализации данных, безопасных для дальтоников. Половина вариантов мало связана с цветом: мы поговорим о ярлыках, эффектах наведения, символах, фигурах и узорах.

Использование этих идей в следующей диаграмме или карте может осчастливить всех ваших читателей: они просто стремятся повысить вероятность того, что читателей смогут различать разноцветные элементы , и убедиться, что это хорошая идея в целом. Большинство приведенных здесь советов упростят чтение ваших диаграмм. Не только для людей с нарушением цветового зрения, или для пожилых людей, или для тех, кто читает вашу карту при слабом освещении - для всех.

Эта статья является частью серии из трех статей о дальтонизме:

1 Как ваши дальтоники и дальтоники видят ваши цвета

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

2 Что следует учитывать при визуализации данных для дальтоников

Это статья, которую вы сейчас читаете! Он охватывает многое, поэтому вот индекс из всего, что вы можете использовать, чтобы сделать свои диаграммы и карты понятными для дальтоников :

1. Синий (и оранжевый)
2. Различная яркость
3. Цветовые палитры, безопасные для дальтоников
4. Меньше цветов
5. Имитаторы дальтоников
6. Символы
7. Формы
8. Положение и формы
9.Узоры
10. Линия разной толщины и штрихи
11. Прямые ярлыки
12. Выделение посредством взаимодействия
13. Спросите дальтоников

3 Каково быть дальтоником

В третьей статье вы услышите мнение самих энтузиастов визуализации данных, не знающих цвета кожи, таких как наш генеральный директор Datawrapper Дэвид. Вы узнаете, воспринимают ли они свою дальтонизм как неудобство в повседневной жизни и при чтении (или разработке!) Диаграмм и карт. Я уже включил несколько их заявлений в статью на этой неделе.

Приступим!

Все, что вы можете использовать для расшифровки ваших диаграмм и карт для дальтоников

Синий (и оранжевый)

Если вы поклонник зеленого, вот вам плохие новости: в диаграмме, которую вы хотите, чтобы люди с дальтонизмом читали, вы не можете сочетать зеленый с оранжевым / красным или с синим той же яркости:

Вот еще один взгляд на ту же дилемму, на этот раз с цветовыми кругами, с которыми мы встречались в прошлый раз:

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

Если вам нужно несколько цветов, самый безопасный выбор - смешать синий ⬤ с оранжевым или красным ⬤ / ⬤ :

• Слепые читатели будут воспринимать это как синий ⬤ и оливковый ⬤ /
• Слепые к зеленому читатели как синие ⬤ и оранжевые ⬤ /
• Голубые слепые читатели как бирюзовые ⬤ и розовые ⬤ /

Вы могли бы интересно: «Бесплатные цвета, такие как синий и оранжевый? Это необходимо? » Что ж, это действительно помогает.Разработчик программного обеспечения для слепых и красно-зеленых цветов Питер Кардвелл-Гарднер говорит мне: «Может возникнуть соблазн выбрать цвета рядом друг с другом (например, синий / фиолетовый), поскольку они могут придать вашему общему изображению визуально привлекательный целостный вид. Но если я сделаю это, то полностью лишусь моей способности понимать вашу карту ».

Но есть возможность выбрать соседние цвета:

Различная легкость

Вы можете использовать любые цвета, если они различаются по яркости. «Сделайте это правильно в черно-белом», - за эти годы учителя говорили своим ученикам множество данных.Идея: если вы распечатаете визуализацию данных на черно-белом принтере, и она останется читаемой, любой дальтоник тоже сможет ее прочитать.

Вот почему работают эти три цветовые комбинации и многие другие:

Таким образом, вы можете обозначать хорошее и плохое с помощью ⬤ и ⬤, и дальтоники смогут отличить их друг от друга. Просто имейте в виду, что для них красный и зеленый не будут выглядеть как индикатор чего-то хорошего или плохого, а будут похожи на более темный оливковый / оранжевый и более светлый.

«Сделайте это правильно в черно-белом» также является причиной того, почему , добавив желтый в цветовую смесь, хорошо работает для людей с дальтонизмом . Сравните эти цвета ⬤⬤⬤⬤ и их яркость ⬤⬤⬤⬤: желтый настолько светлый, что хорошо контрастирует с большинством других «основных» цветов.

Это также причина того, что этот текст почти не виден дальтоникам. Для слепых читателей это просто похоже на этот текст, а не на ярко-красный.

Цветовые палитры для защиты от дальтонизма

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

Масатака Окабе и Кей Ито предлагают следующую безопасную для дальтоников палитру, на которую я много раз упоминал в Интернете:

В нем есть несколько цветов, которые дальтоники не смогут различить в соответствии с палитрой Viz, особенно если они используются для тонких линий, таких как ⬤ и ⬤ или ⬤ и ⬤. Я обозначил их связанными кружками.

Я также не рекомендую использовать зеленый ⬤ и розовый ⬤, если вы тоже используете красный или синий - как только вы начинаете менять эти цвета, вы становитесь опасно близкими к тому, что люди с красной / зеленой слепотой воспринимать как красный и синий.

Вот моя попытка создать палитру для дальтоников. Я сократил палитру до классических холодных и теплых тонов:

Цвета этой палитры оптимизированы до…

• имеют достаточный контраст с другими цветами, при каждой дальтонизме (в соответствии с палитрой Viz)
• хорошо выглядят
• устойчивы к небольшим изменениям: если вам не нравится какой-либо синий цвет выше, просто измените его. Пока он синий и такой же светлый, его можно использовать.

Вот пример того, как цвета будут выглядеть на диаграмме:

Приятным побочным эффектом использования только красного / оранжевого и синего цветов является то, что легко предсказать, что увидят читатели, слепые к красному и зеленому. Трудно иметь в виду, что выглядит как ⬤, а ⬤ выглядит как green для слепых. Легче запомнить, что ⬤ выглядит как ⬤, а ⬤ выглядит как ⬤.

Но, может быть, не нужно беспокоиться о разработке пяти, шести, семи цветов, безопасных для дальтоников.Может быть, вам все равно не нужно столько цветов:

Меньше цветов

Чем больше цветов вы используете, тем сложнее будет отличить их друг от друга - это верно для всех ваших читателей, но с большей вероятностью для тех, кто дальтонизмом. Специалист по анализу данных Ли Дурбин (Lee Durbin), занимающийся слепыми исследованиями данных, говорит мне: «Если я вижу, что на диаграмме используется много цветов (скажем, более 3 или 4), я склонен отключаться, если другие визуальные индикаторы, такие как аннотации, не используются».

Чтобы Ли и другие не отключились, выберите тип диаграммы, который меньше использует цвета и вместо этого помечает ваши данные напрямую, как гистограммы:

Вы также можете раскрасить только самые важные значения , чтобы уменьшить количество цветов.Спросите себя: что важнее всего в ваших данных? Какие одно или два вывода должны вынести ваши читатели?

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

Симуляторы дальтоников

Если вы хотите выбрать свои собственные цвета и проверить, смогут ли дальтоники различать ваши цвета, проверьте их.Есть много бесплатных и полезных инструментов; вот несколько примеров. Вы можете смоделировать все три типа дальтонизма во всех из них:

Если вы используете Datawrapper , вам не нужно ничего устанавливать. Наш инструмент автоматически предупреждает вас, когда вы используете цвета, которые трудно различить дальтоникам, например:

Вы можете узнать больше об этой функции в нашем объявлении в блоге.

Но не стоит слишком полагаться на эти тренажеры.И снова Питер: «Большинство превью вещей« именно так видят дальтоники »не на 100% верны. Они могут произвести на вас впечатление, но это все. Все разные. Единственное надежное решение - закодировать ваши данные с помощью второй визуальной переменной: положение, форма, шаблоны ».

Давайте посмотрим, как это сделать:

Символы

Если вы не можете «сделать это правильно в черно-белом» - например, потому что вам нужно использовать фирменные цвета вашей компании - не полагается только на цвета для передачи ваших данных .Рассмотрите возможность использования символов в таблицах, фигур на диаграммах рассеяния, шаблонов на картах и ​​пунктирных линий в линейных диаграммах.

Давайте сначала сосредоточимся на символах. Чтобы показать дальтоникам, что что-то хорошее или плохое, используйте двойное кодирование с помощью таких символов, как ✔:

В приведенной выше таблице я не только добавил символы, но и изменил зеленый цвет с ⬤ на более светлый ⬤. В результате все три цвета теперь различаются по яркости. Это упрощает просмотр таблицы для людей, слепых и зеленых, и слепых.

Фигуры

Если вы используете такой тип диаграммы, как диаграммы рассеяния, подумайте об использовании других фигур вместо круга. Прямоугольники, треугольники, кресты и звезды - популярный выбор.

К сожалению, использование всех этих различных форм быстро выглядит как конфетти. Ограничьтесь тремя или четырьмя, чтобы этого избежать.

Положение и формы

Чтобы закодировать множество переменных с помощью всего лишь нескольких форм, вы можете комбинировать их с фиксированной позицией и создавать так называемые «глифы» .Это маленькие маркеры, состоящие из нескольких элементов, размер, цвет и / или форма которых зависят от данных:

Глифы состоят из формы , но читаются из-за всегда одной и той же позиции этих фигур: Глиф выше имеет два круга ⬤, но один находится посередине, а другой нет. Это позволяет легко понять, что они кодируют разные данные. И это позволяет вам использовать одни и те же формы несколько раз.

Читатели с дальтонизмом могут расшифровать глифы, но на это уйдет время каждого читателя: глифы - ничто для «беглого взгляда».Они медленно читаются.

Узоры

Правильно использовать шаблоны сложно, но правильное их использование может того стоить. Вот карта, которую не могут прочитать слепые:

Эту проблему решает добавление рисунка. Мы все еще можем сохранить те же цвета, но теперь все читатели увидят разницу между Францией и Германией:

Будьте осторожны при сочетании оттенков и узора: узор изменит то, насколько яркие или темные цвета будут восприниматься.В приведенном выше примере тонкие белые линии делают зеленый цвет ярче.

Различная ширина линий и штрихи

Если вам необходимо отобразить такие же яркие цвета на линейной диаграмме, используйте линии разной ширины и штрихи, чтобы отделить их друг от друга. Я сделал это для этой диаграммы из Datawrapper River:

Золотую линию ⬤ и линию биткойнов можно легко спутать там, где они пересекаются в марте. Чтобы избежать путаницы, я обозначил золотую линию пунктирной линией. Я мог бы также заставить одну из этих линий задуматься, а другую - тонкой.

Оба способа увеличивают шансы на то, что (дальтоники) читатели поймут данные. Вот как выглядел график до пунктирной линии:

Давайте рассмотрим еще два варианта, чтобы сделать вашу визуализацию более удобочитаемой для людей с дальтонизмом, ярлыки и интерактивность:

Прямые этикетки

Цветные клавиши сложно расшифровать для людей с дальтонизмом, поэтому постарайтесь полностью избавиться от них. В типах диаграмм, таких как линейные, диаграммы с областями или круговые диаграммы, вместо этого используйте метку:

Пока все советы позволяют вашим читателям с нормальным зрением читать ваши визуализации быстрее, этот совет особенно экономит время каждого из ваших читателей.Беспроигрышный вариант!

Основные моменты через взаимодействие

Если вы визуализируете данные для Интернета, эффекты наведения могут помочь вашим дальтоникам читать данные:

Здесь цвета ⬤ и ⬤ оба появляются как ⬤ для слепого человека. Но как только они взаимодействуют с диаграммой и наводят курсор на кусочек пончика, они все еще могут понять, какой из них показывает какие данные.

Полезные эффекты при наведении:

• при наведении курсора на ключевой цвет выделяет элементы диаграммы, окрашенные таким образом.
• при наведении курсора на элемент диаграммы выделяет другие элементы диаграммы, окрашенные таким образом, а клавиша цвета
• , наведенная на элемент диаграммы, показывает всплывающую подсказку, которая включает в себя цвет: закодированная информация (например,грамм. на картограммах)

Вы можете найти тот же эффект на линейной диаграмме в разделе «Различная ширина линий и штрихи» выше - наведите указатель мыши на линию, и вторая линия исчезнет.

Спросите дальтоников

И последнее, но не менее важное: спросите людей, для которых вы проектируете, могут ли они расшифровать вашу диаграмму или карту.

Вы не знаете никого, кто страдает дальтонизмом? Спросите своих коллег. Спроси своих друзей. Спросите в своей любимой социальной сети, есть ли у дальтоника пять минут в запасе.Спросите на форуме для дальтоников или в группе в Facebook. Все еще не повезло? Если это не зависит от времени, напишите мне по адресу [email protected], и я перешлю ваш вопрос дальтонику.

* Спасибо Питеру Кардуэлл-Гарднеру, Ли Дурбину, Аарону Гительману, Кевину Ли Элдеру и Робу Мортону, которые написали мне после того, как я опубликовал первую часть серии и чьи советы вошли непосредственно в эту статью. Вы услышите больше от них и других в части 3: «Каково быть дальтоником». Нажмите здесь, чтобы прочитать его.

Если есть что-то, что я должен упомянуть в этой статье, или что-то я ошибся, сообщите мне об этом по адресу [email protected] или в комментариях ниже. В ожидании ответа от вас!

Лиза Шарлотта Рост

(@lisacrost) отвечает за коммуникацию в Datawrapper, особенно за блог. Она пишет и говорит о данных vis в течение нескольких лет, и ей не терпится учиться и преподавать.Лизе нравятся электронные письма, поэтому пишите ей на [email protected].

Понравилась статья? Может быть, ваши друзья тоже:

Что видит человек с проблемами цвета кожи

Что означает
Цвет человека с оспариванием видите?

Это хороший пример того, что
красно-зеленый (самый распространенный) человек будет видеть.

Верх нормальный

Цвета радуги глазами
человек без нарушений цветового зрения.

Цвета радуги глазами
человек с протанопией.

Цвета радуги глазами
человек с дейтеранопией.

Цвета радуги глазами
человек с тританопией

Управляя цветным дисплеем, вы можете моделировать на компьютере различные
виды дальтонизма.

Проблемы с печатью и
Мониторы