Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Ниже приведены рекомендации, которые помогут избежать типовых ошибок при создании и изменении стилей карт. Мы также советуем вам показать свой проект дизайнеру.
Проверьте разные уровни масштабирования и убедитесь, что все элементы стиля хорошо выглядят при разных настройках.
Не используйте сочетания цветов, которые плохо различимы для людей с нарушением цветовосприятия.
Протестируйте ночной режим, если ваш проект может использоваться на мобильных устройствах.
Контрастные цвета для заливки и контура
Чтобы объекты на карте не сливались с фоном и отличались от других похожих элементов, выбирайте контрастные цвета для заливки и контура.
Многоугольники для линии. Выбирайте контрастные цвета, чтобы пользователи могли различать линии. Например, пунктирные линии, которыми обозначаются тропы, будут выглядеть как сплошные, если выбранные цвета окажутся недостаточно контрастными. Шоссе выделяются контурами, но при недостаточной контрастности они будут выглядеть одноцветными и их будет легко спутать с другими типами дорог.
Многоугольники для фигуры. Контрастность усиливает видимость границ многоугольников, которые расположены близко друг к другу.
Контур и заливка текста. Контур позволяет сделать текст заметнее на цветном фоне. Если цвета заливки и контура слишком похожи, текст может выглядеть размытым или нечетким.
[[["Прост для понимания","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"]],["Последнее обновление: 2023-12-26 UTC."],[[["These guidelines provide recommendations for designing or editing map styles, emphasizing color contrast, zoom level considerations, and colorblind-friendly design."],["It is crucial to ensure sufficient contrast between fill and stroke colors for clear visibility of lines, shapes, and text on the map."],["Testing the map style at various zoom levels is important to guarantee visual appeal and functionality across different scales."],["Color choices should consider the needs of colorblind users to ensure usability for all."],["Mobile map designs should be verified in Night mode to ensure compatibility and readability in low-light conditions."]]],["Map style design guidelines recommend consulting a graphic designer. Key actions include ensuring sufficient color contrast between fill and stroke colors for readability and feature distinction, especially in lines, shapes, and text. Test designs at various zoom levels and consider colorblind users. For mobile, verify compatibility with Night mode. Contrast helps avoid issues like solid lines appearing instead of dotted lines or blurry text. Platforms for customization include Android, iOS, JavaScript, and Web Service.\n"]]
