Buat Label Peta yang Jelas dan Bahasa Visual yang Berguna
Prinsip desain kartografi untuk tipografi yang mudah dibaca, lencana kontras tinggi, palet warna yang mudah diakses, dan legenda peta interaktif.
Tim Layerpin
Aturan emas tipografi peta digital
Tipografi pada peta interaktif memiliki satu misi utama: pengenalan spasial yang cepat. Berbeda dengan teks isi editorial, label peta harus tetap terbaca dengan latar belakang gambar yang rumit dan berwarna-warni-mulai dari rumput taman yang hijau hingga jalan aspal yang gelap dan lubang arsitektural.
Gunakan tipografi sans-serif geometris yang bersih (seperti Inter, Roboto, atau SF Pro) dengan bobot sedang hingga tebal. Hindari font serif tipis halus yang hilang pada tampilan resolusi tinggi.
Selalu terapkan pil latar belakang halus atau teks halo (garis kontras lembut). Lencana gelap bersih di belakang teks putih atau pil putih di belakang teks gelap menjamin 100% keterbacaan, apa pun latar belakang karya seni yang ada di bawahnya.
- 1Gunakan tipografi sans-serif yang bersih dengan bobot semi-tebal atau tebal untuk label.
- 2Terapkan pil lencana kontras di belakang teks untuk memisahkan label dari karya seni yang kompleks.
- 3Buat salinan label tetap ringkas: 'Ruang Makan', bukan 'Ruang Makan dan Katering Kampus Pusat'.
Tetapkan hierarki visual yang jelas di seluruh tingkat zoom
Tidak semua item peta diciptakan sama. Rencana induk memiliki distrik utama, bangunan sekunder, dan titik utilitas kecil.
Tetapkan skala tipografi 3 tingkat: Tingkat 1 (Distrik/Sayap) dalam teks huruf besar tebal berukuran 16-18 piksel; Tingkat 2 (Bangunan/Toko) dalam teks semi-tebal 13-14 piksel; Tingkat 3 (Fasilitas/Toilet) dalam badge ringkas berukuran 11-12 piksel dengan ikon.
Layerpin memungkinkan Anda mengatur visibilitas label yang bergantung pada zoom, memastikan label ruangan kecil tetap tersembunyi dari pandangan luas untuk mencegah kebisingan visual, dan memudar dengan anggun saat pengunjung memperbesarnya.
- 1Tetapkan tingkat hierarki visual pada bangunan terkenal dan tujuan Anda.
- 2Gunakan teks terlacak huruf besar untuk zona besar dan huruf besar/kecil untuk ruangan tertentu.
- 3Konfigurasikan ambang batas zoom sehingga label kecil hanya muncul pada tingkat zoom dekat.
Rancang legenda peta interaktif yang mudah diakses
Legenda peta adalah visual Rosetta Stone dari tata letak Anda. Ini menerjemahkan warna pin, ikon kategori, dan isian bentuk Anda ke dalam arti yang dapat dimengerti.
Di Layerpin, legenda Anda bukanlah grafik statis, melainkan kontrol interaktif. Mengklik 'Toilet' di legenda memfilter dan menyorot semua lokasi toilet di seluruh kanvas.
Ikuti pedoman aksesibilitas WCAG AA saat memilih warna kategori. Jangan hanya mengandalkan warna untuk membedakan kategori; selalu pasangkan warna dengan bentuk atau ikon yang khas sehingga pengunjung buta warna dapat bernavigasi dengan penuh percaya diri.
Siap membuat peta interaktif?
Buat peta secara privat, periksa tampilan pengunjung, lalu terbitkan saat siap dibagikan. No credit card needed.
Mulai gratis