Anlaşılır Harita Etiketleri ve Kullanışlı Bir Görsel Dil Oluşturun
Okunabilir tipografi, yüksek kontrastlı rozetler, erişilebilir renk paletleri ve etkileşimli harita açıklamaları için kartografik tasarım ilkeleri.
Layerpin Ekibi
Dijital harita tipografisinin altın kuralları
İnteraktif bir haritadaki tipografi tek bir temel göreve hizmet eder: hızlı mekansal tanıma. Editoryal gövde metninin aksine, harita etiketleri, yeşil park çimenlerinden koyu asfalt yollara ve mimari kapaklara kadar karmaşık, çok renkli arka plan görüntüleri karşısında okunaklı kalmalıdır.
Orta ila kalın ağırlıklarda temiz, geometrik sans-serif yazı tipleri (Inter, Roboto veya SF Pro gibi) kullanın. Yüksek çözünürlüklü ekranlarda kaybolan hassas, ince serif yazı tiplerinden kaçının.
Her zaman hafif bir arka plan hapı veya metin halesi (yumuşak kontrastlı bir taslak) uygulayın. Beyaz metnin arkasındaki temiz koyu renkli rozet veya koyu metnin arkasındaki beyaz hap, altında hangi arka plan resminin bulunduğuna bakılmaksızın %100 okunabilirliği garanti eder.
- 1Etiketler için yarı kalın veya kalın ağırlıklarla temiz sans-serif tipografi kullanın.
- 2Etiketleri karmaşık sanat eserlerinden ayırmak için metnin arkasına kontrast rozet hapları uygulayın.
- 3Etiket metnini kısa ve öz tutun: 'Merkez Kampüs Yemek ve Yemek Salonu' yerine 'Yemek Salonu'.
Yakınlaştırma düzeyleri arasında net görsel hiyerarşi oluşturun
Tüm harita öğeleri eşit şekilde oluşturulmamıştır. Bir master planın birincil bölgeleri, ikincil binaları ve küçük hizmet noktaları vardır.
3 katmanlı bir tipografik ölçek oluşturun: Kademe 1 (Bölgeler/Kanatlar), 16-18 piksellik kalın, büyük harfli metin; Kademe 2 (Binalar/Mağazalar) 13-14 piksellik yarı kalın metin; Kademe 3 (Olanaklar/Tuvaletler) simgeler içeren 11-12 piksellik kompakt rozetler.
Layerpin, yakınlaştırmaya bağlı etiket görünürlüğünü ayarlamanıza olanak tanıyarak görsel gürültüyü önlemek için küçük oda etiketlerinin kuşbakışı görünümde gizli kalmasını ve ziyaretçiler yaklaştıkça zarif bir şekilde solmasını sağlar.
- 1Yer işaretlerinize ve hedeflerinize görsel hiyerarşi katmanları atayın.
- 2Büyük bölgeler için büyük harfli izlemeli metni, belirli odalar için ise cümle tipini kullanın.
- 3Küçük etiketlerin yalnızca yakın yakınlaştırma düzeylerinde görünmesi için yakınlaştırma eşiklerini yapılandırın.
Erişilebilir, etkileşimli harita efsaneleri tasarlayın
Bir harita efsanesi, düzeninizin görsel Rosetta Taşıdır. Pin renklerinizi, kategori simgelerinizi ve şekil dolgularınızı anlaşılır bir anlama dönüştürür.
Layerpin'de göstergeniz statik bir grafik değil, etkileşimli bir kontroldür. Göstergede 'Tuvaletler'i tıkladığınızda tuval üzerindeki tüm tuvalet konumları filtrelenir ve vurgulanır.
Kategori renklerini seçerken WCAG AA erişilebilirlik yönergelerini izleyin. Kategorileri ayırt etmek için hiçbir zaman yalnızca renge güvenmeyin; Renk körü ziyaretçilerin tam bir güvenle gezinebilmeleri için rengi her zaman ayırt edici bir şekil veya simgeyle eşleştirin.
Etkileşimli harita oluşturmaya hazır mısınız?
Haritayı özel olarak oluşturun, ziyaretçi görünümünü inceleyin ve hazır olduğunda yayınlayın. No credit card needed.
Ücretsiz başlayın