Узнайте, как сделать ваши карты более информативными с помощью цветовых схем для дальтоников с помощью 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.