Ниже приведены рекомендации, которые помогут избежать типовых ошибок при создании и изменении стилей карт. Мы также советуем вам показать свой проект дизайнеру.
Проверьте разные уровни масштабирования и убедитесь, что все элементы стиля хорошо выглядят при разных настройках.
Не используйте сочетания цветов, которые плохо различимы для людей с нарушением цветовосприятия.
Протестируйте ночной режим, если ваш проект может использоваться на мобильных устройствах.
Контрастные цвета для заливки и контура
Чтобы объекты на карте не сливались с фоном и отличались от других похожих элементов, выбирайте контрастные цвета для заливки и контура.
Многоугольники для линии. Выбирайте контрастные цвета, чтобы пользователи могли различать линии. Например, пунктирные линии, которыми обозначаются тропы, будут выглядеть как сплошные, если выбранные цвета окажутся недостаточно контрастными. Шоссе выделяются контурами, но при недостаточной контрастности они будут выглядеть одноцветными и их будет легко спутать с другими типами дорог.
Многоугольники для фигуры. Контрастность усиливает видимость границ многоугольников, которые расположены близко друг к другу.
Контур и заливка текста. Контур позволяет сделать текст заметнее на цветном фоне. Если цвета заливки и контура слишком похожи, текст может выглядеть размытым или нечетким.
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2024-04-17 UTC."],[[["These guidelines provide design best practices for creating or editing map styles, emphasizing clear contrast, zoom level considerations, and colorblind-friendly choices."],["Ensuring sufficient contrast between fill and stroke colors is crucial for distinguishing map features, like lines and polygons, from the background and each other."],["Text readability is enhanced by using contrasting stroke and fill colors, preventing blurriness and ensuring clear visibility against background elements."],["Designers should test their styles across various zoom levels and in both day and night modes (for mobile) to confirm optimal appearance in all scenarios."],["Collaboration with a graphic designer is recommended for comprehensive design assembly and review, ensuring a polished and user-friendly final product."]]],[]]
