Twórz przejrzyste etykiety map i przydatny język wizualny
Zasady projektowania kartograficznego dotyczące czytelnej typografii, plakietek o wysokim kontraście, przystępnych palet kolorów i interaktywnych legend map.
Zespół Layerpin
Złote zasady typografii map cyfrowych
Typografia na interaktywnej mapie spełnia jedną podstawową misję: szybkie rozpoznanie przestrzenne. W przeciwieństwie do tekstu redakcyjnego, etykiety map muszą pozostać czytelne na tle złożonych, wielobarwnych obrazów tła – od zielonej trawy parkowej po ciemne asfaltowe drogi i włazy architektoniczne.
Używaj czystych, geometrycznych krojów pisma bezszeryfowego (takich jak Inter, Roboto lub SF Pro) o średniej lub dużej grubości. Unikaj delikatnych, cienkich czcionek szeryfowych, które znikają na wyświetlaczach o wysokiej rozdzielczości.
Zawsze nakładaj subtelne pigułki tła lub aureolę tekstową (miękki kontrastowy kontur). Czysta ciemna plakietka za białym tekstem lub biała pigułka za ciemnym tekstem gwarantuje 100% czytelność niezależnie od tego, jakie tło znajduje się pod grafiką.
- 1Na etykietach używaj czystej typografii bezszeryfowej z półpogrubionymi lub pogrubionymi grubościami.
- 2Zastosuj kontrastowe plakietki za tekstem, aby oddzielić etykiety od skomplikowanych grafik.
- 3Zachowaj zwięzłość tekstu etykiety: „Jadalnia” zamiast „Sala jadalna i cateringowa w kampusie centralnym”.
Ustal jasną hierarchię wizualną na różnych poziomach powiększenia
Nie wszystkie elementy mapy są sobie równe. Plan generalny obejmuje główne dzielnice, budynki drugorzędne i mniejsze punkty użyteczności publicznej.
Ustal 3-stopniową skalę typograficzną: Poziom 1 (Dzielnice/Skrzydła) dużym, pogrubionym i wielkimi literami o rozmiarze 16–18 pikseli; Poziom 2 (budynki/sklepy) w tekście półpogrubionym o wielkości 13–14 pikseli; Poziom 3 (Udogodnienia/Toalety) w kompaktowych plakietkach o wymiarach 11–12 pikseli z ikonami.
Layerpin umożliwia ustawienie widoczności etykiet w zależności od powiększenia, dzięki czemu mniejsze etykiety pomieszczeń pozostaną ukryte z lotu ptaka, aby zapobiec szumom wizualnym, i będą ładnie zanikać w miarę zbliżania się gości.
- 1Przypisz poziomy hierarchii wizualnej do punktów orientacyjnych i miejsc docelowych.
- 2Używaj tekstu śledzonego wielkimi literami w przypadku dużych stref i wielkości zdań w przypadku określonych pomieszczeń.
- 3Skonfiguruj progi powiększenia, aby mniejsze etykiety pojawiały się tylko przy bliskich poziomach powiększenia.
Projektuj dostępne, interaktywne legendy map
Legenda mapy to wizualny kamień z Rosetty twojego układu. Tłumaczy kolory pinezek, ikony kategorii i wypełnienia kształtów na zrozumiałe znaczenie.
W Layerpin legenda nie jest statyczną grafiką – jest to interaktywny element sterujący. Kliknięcie opcji „Toalety” w legendzie filtruje i podświetla wszystkie lokalizacje toalet na obszarze roboczym.
Wybierając kolory kategorii, postępuj zgodnie z wytycznymi dostępności WCAG AA. Nigdy nie polegaj wyłącznie na kolorze w celu rozróżnienia kategorii; zawsze łącz kolor z charakterystycznym kształtem lub ikoną, aby osoby niewidome na kolory mogły poruszać się z całkowitą pewnością.
Chcesz stworzyć interaktywną mapę?
Twórz mapę prywatnie, sprawdź widok odwiedzającego i opublikuj ją, gdy będzie gotowa. No credit card needed.
Zacznij za darmo