Меню

Настройки для цветовой слепоты



Как включить или отключить режим Colorblind в Windows 10

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

Некоторые конкретные типы дальтонизма обычно распространены по всему миру, и они перечислены ниже:

  • Протанопия или Deuteranopia (красно-зеленая дальтонизм)
  • Тританопия (сине-желтая дальтонизм)

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

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

Вы не ушли в эру 90-х, возможно, вы включили встроенные цветовые фильтры Windows 10 с комбинацией клавиш на клавиатуре.

Если вы являетесь пользователем Windows 10, мы расскажем вам о том, «Как включить (или отключить) режим дальтонизма в Windows 10».

Как использовать режим Colorblind в Windows 10

  • Используйте сочетание клавиш для включения/выключения режима дальтонизма
  • Используйте настройки для включения/выключения режима дальтонизма
  • Использование файла REG для включения/выключения режима дальтонизма

Давайте рассмотрим каждый из них подробно.

Решение 1. Используйте сочетание клавиш для включения/выключения режима дальтонизма

  1. Сочетание клавиш – это один из удобных способов включения/выключения режима дальтонизма. Вы всегда можете использовать клавиши Win + Ctrl + C , чтобы включить/выключить текущий фильтр.

Решение 2. Используйте настройки для включения/выключения режима дальтонизма

  1. Перейдите к окну поиска и введите « цветной фильтр ».
  2. Вы увидите список результатов поиска, нажмите Включить или выключить цветовые фильтры сверху .
  3. Теперь вам нужно использовать кнопку-переключатель «Включить цветовые фильтры» , которая доступна в разделе Использовать цветовые фильтры .
  4. Вы увидите список цветовых фильтров и цветовых фильтров слепоты , выберите тот, который подходит именно вам.

Примечание. Вы можете использовать тот же процесс для отключения цветных фильтров с помощью одной и той же кнопки переключения.

Решение 3: Настройте ваш реестр, чтобы включить/выключить режим дальтонизма

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

1. Нажмите клавиши Window + R и введите блокнот в открывшемся диалоговом окне. Это откроет пустой файл блокнота на вашем экране.

2. Введите следующие значения и сохраните файлы для каждого режима с расширением .reg на рабочем столе.

  • Включить фильтр оттенков серого
    Отключите цветной фильтр

3. Дважды щелкните соответствующий файл .reg, чтобы использовать параметр фильтра. Нажмите Запустить и нажмите Да в диалоговом окне Контроль учетных записей пользователей.

4. Снова нажмите Да и ОК при появлении запроса на экране.

5. Наконец, вам придется перезагрузить / выйти на своем компьютере, чтобы применить изменения.

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

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

Сообщите нам в разделе комментариев ниже, если у вас есть какие-либо другие советы и рекомендации, которые могут улучшить качество отображения на ПК с Windows.

Источник

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

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

Читайте также:  Стандартные настройки для кнопок мыши

Перевод моей статьи с блога на Medium.

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

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

RGB в твоей голове

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

В мире насчитывают свыше 250 миллионов людей с нарушениями зрения, из которых 36 миллионов полностью слепые.

Нарушения в работе колбочек приводят к искажению цветовосприятия. В зависимости от тяжести нарушений человек путает оттенки или вовсе теряет способность различать цвета. Дальтонизм чаще передается по наследству. Самые распространенные типы цветовой слепоты — дейтеранопия и протанопия. В первом случае человек не выделяет зеленую спектральную часть, от чего ухудшается восприятие не только зеленого, но и составных с ним цветов. Такая же проблема и у людей с протанопией, только их глаза менее чувствительны к красной части спектра. Намного реже встречается тританопия, при которой не выделяется синий и желтый цвета, и самый редкий тип дальтонизма — монохромазия (или полная цветовая слепота). Человек c монохромазией различает цвета только по яркости, то есть видит весь мир черно-белым. С таким заболеванием в России даже противопоказано вождение автомобиля. Но почему это так важно дизайнерам интерфейсов?

Любой тип дальтонизма доставляет неудобства; это отражается и на взаимодействие с интерфейсами. В худшем случае дальтоник вовсе не сможет пользоваться продуктом, что расстроит многих пользователей, а бизнес потеряет потенциальных клиентов. Чтобы этого избежать, надо помнить всего пару простых правил. На этом этапе особенно нервный дизайнеры запаникуют: «Вы серьезно? Мне за неделю нужно из ничего собрать дизайн сайта, а вы мне еще проблем подкидываете? Нет у меня времени за этим следить!» Не волнуйтесь, все не так страшно.

Контраст черного и белого

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

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

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

Читайте также:  Окоф для настройки прибора

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

В Adobe Photoshop это делается с помощью корректирующего слоя Black & White. В большинстве случаев изучения одного макета достаточно, чтобы сделать вывод по всему продукту. Для более точной проверки контраста между двумя конкретными цветами можно воспользоваться бесплатным сервисом Colour Contrast Check. Также есть платное приложение Contrast под MacOS, которое делает все тоже самое, но в офлайне. Оба продукта опираются на международный стандарт Web Content Accessibility Guidelines (пер. «Руководство по доступности веб-материалов»). WCAG описывает, как повысить доступность веб-материалов для людей с ограниченными возможностями. Но, как ни странно, не только цвету нужно уделять внимание.

На цвет нельзя полагаться

Цвет не всесилен, никогда не стоит рассчитывать, что он сможет решить все задачи в одиночку. Но с должной поддержкой цвет способен и украсить UI, и улучшить UX.

Люди с нарушениями в красной и зеленой частях спектра правильно определят цвета примерно 5 карандашей из стандартной коробки с 24-мя цветными карандашами.

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

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

В таких случаях зачастую вводят отдельный режим для дальтоников. Так поступают Trello, Two Dots и многие другие.

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

Источник

Как проектировать для людей с цветовой слепотой

Примерно 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. Не используйте опасные комбинации цветов: зелёный с красным, зелёный с голубым, голубой с серым и т.д.

Источник