Создавайте понятные метки на карте и полезный визуальный язык
Принципы картографического дизайна для читаемой типографики, высококонтрастных значков, доступных цветовых палитр и легенд интерактивных карт.
Команда Layerpin
Золотые правила типографики цифровых карт
Типографика на интерактивной карте выполняет одну основную задачу: быстрое пространственное распознавание. В отличие от основного редакционного текста, подписи на карте должны оставаться разборчивыми на фоне сложных разноцветных фоновых изображений - от зеленой парковой травы до темных асфальтированных дорог и архитектурных люков.
Используйте чистые геометрические шрифты без засечек (например, Inter, Roboto или SF Pro) средней и жирной жирности. Избегайте деликатных тонких шрифтов с засечками, которые исчезают на дисплеях с высоким разрешением.
Всегда применяйте тонкий фон или текстовый ореол (мягкий контрастный контур). Чистый темный значок за белым текстом или белая таблетка за темным текстом гарантируют 100% читаемость независимо от того, какой фоновый рисунок находится под ним.
- 1Используйте чистый шрифт без засечек с полужирным или полужирным шрифтом для надписей.
- 2Применяйте контрастные значки позади текста, чтобы отделить этикетки от сложных изображений.
- 3Текст на этикетке должен быть кратким: «Столовая» вместо «Столовая и ресторанный зал центрального кампуса».
Установите четкую визуальную иерархию между уровнями масштабирования.
Не все элементы карты одинаковы. Генеральный план включает в себя основные районы, второстепенные здания и второстепенные инженерные объекты.
Установите трехуровневую типографскую шкалу: Уровень 1 (районы/крылья) крупным жирным шрифтом в верхнем регистре размером 16–18 пикселей; Уровень 2 (Здания/Магазины) полужирным шрифтом размером 13–14 пикселей; Уровень 3 (Удобства/туалеты) в виде компактных значков со значками размером 11–12 пикселей.
Layerpin позволяет вам настроить видимость меток в зависимости от масштаба, гарантируя, что метки второстепенных комнат останутся скрытыми с высоты птичьего полета, чтобы предотвратить визуальный шум, и изящно исчезнут, когда посетители приближаются.
- 1Назначайте уровни визуальной иерархии вашим достопримечательностям и пунктам назначения.
- 2Используйте отслеживаемый текст в верхнем регистре для больших зон и регистр предложений для определенных комнат.
- 3Настройте пороговые значения масштабирования, чтобы второстепенные метки отображались только при близких уровнях масштабирования.
Создавайте доступные интерактивные легенды карт.
Легенда карты - это визуальный Розеттский камень вашего макета. Он переводит цвета булавок, значки категорий и заливки фигур в понятный смысл.
В Layerpin легенда - это не статическая графика, а интерактивный элемент управления. Нажатие «Туалеты» в легенде фильтрует и выделяет все места туалетов на холсте.
Следуйте рекомендациям WCAG AA по доступности при выборе цветов категорий. Никогда не полагайтесь исключительно на цвет для различения категорий; Всегда сочетайте цвет с отличительной формой или значком, чтобы посетители с дальтонизмом могли ориентироваться с полной уверенностью.
Готовы создать интерактивную карту?
Создайте карту приватно, проверьте вид для посетителей и опубликуйте её, когда всё готово. No credit card needed.
Начать бесплатно