Erstellen Sie klare Kartenbeschriftungen und eine nützliche visuelle Sprache

Typografie auf einer interaktiven Karte dient vor allem einer Aufgabe: der schnellen räumlichen Erkennung. Im Gegensatz zu redaktionellen Haupttexten müssen Kartenbeschriftungen vor komplexen, mehrfarbigen Hintergrundbildern – von grünem Parkgras bis hin zu dunklen Asphaltstraßen und architektonischen Luken – lesbar bleiben.

Verwenden Sie klare, geometrische serifenlose Schriftarten (wie Inter, Roboto oder SF Pro) mit mittlerer bis fetter Strichstärke. Vermeiden Sie zarte, dünne Serifenschriften, die auf hochauflösenden Displays verschwinden.

Tragen Sie immer einen dezenten Hintergrund oder einen Texthalo (einen weichen Kontrastumriss) auf. Ein sauberes dunkles Abzeichen hinter weißem Text oder eine weiße Pille hinter dunklem Text garantiert 100 % Lesbarkeit, unabhängig davon, welche Hintergrundgrafik sich darunter befindet.

Nicht alle Kartenelemente sind gleich. Ein Masterplan umfasst Hauptbezirke, Nebengebäude und kleinere Versorgungspunkte.

Richten Sie eine typografische Skala mit drei Ebenen ein: Ebene 1 (Bezirke/Flügel) in großem 16–18 Pixel großen fetten Großbuchstabentext; Ebene 2 (Gebäude/Geschäfte) in halbfettem Text mit 13–14 Pixeln; Stufe 3 (Ausstattung/Toiletten) in kompakten 11-12px-Badges mit Symbolen.

Mit Layerpin können Sie die zoomabhängige Sichtbarkeit von Beschriftungen festlegen und so sicherstellen, dass kleinere Raumbeschriftungen aus der Vogelperspektive verborgen bleiben, um visuelles Rauschen zu vermeiden, und elegant eingeblendet werden, wenn Besucher näher heranzoomen.

Eine Kartenlegende ist der visuelle Rosetta-Stein Ihres Layouts. Es übersetzt Ihre Pin-Farben, Kategoriesymbole und Formfüllungen in eine verständliche Bedeutung.

In Layerpin ist Ihre Legende keine statische Grafik, sondern ein interaktives Steuerelement. Wenn Sie in der Legende auf „Toiletten“ klicken, werden alle Toilettenstandorte auf der Leinwand gefiltert und hervorgehoben.

Befolgen Sie bei der Auswahl der Kategoriefarben die Barrierefreiheitsrichtlinien der WCAG AA. Verlassen Sie sich niemals ausschließlich auf die Farbe, um Kategorien zu unterscheiden; Kombinieren Sie Farben immer mit einer markanten Form oder einem Symbol, damit farbenblinde Besucher völlig sicher navigieren können.