Узнайте, как сделать ваши карты более информативными с помощью цветовых схем для дальтоников с помощью TomTom Map Styler.

Зачем писать о том, как сделать цвета карт доступными? В честь Дня осведомленности о дальтониках мы в TomTom Developers сочли важным отметить, что, хотя онлайн-карты становятся все более распространенным явлением, соображения доступности внутри карт, к сожалению, часто не учитываются — но так не должно быть.

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

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

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

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

Чтобы узнать больше о дальтонизме в целом, посетите: https://www.coolwinks.com/color-blindness/

АДАПТАЦИЯ ЦВЕТОВОЙ ПАЛИТРЫ

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

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

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

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

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

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

СЛЕДУЮЩИЕ ШАГИ

Чтобы узнать больше о том, как мы сделали нашу карту с цветовой доступностью, ознакомьтесь с нашим репозиторием GitHub с конкретными стилями! Чтобы помочь распространить информацию о доступном дизайне или просто поддержать наше отображение с учетом цвета здесь, в TomTom Developers, поделитесь с нами или отметьте Нравится в Twitter, или поделитесь своей картой в нашем сабреддите r/TomTomDevs или в нашем Форум разработчиков!

Удачного картографирования!

Эта статья изначально была опубликована на странице developer.tomtom.com/blog.