Layerpin logo
Oluşturmaya başla

İşaretçiler ve Şekiller: Doğru Harita Öğesini Seçmek

Uzamsal hiyerarşiyi zahmetsizce ileten temiz, sezgisel etkileşimli haritalar oluşturmak için raptiyelerin, çokgenlerin, dikdörtgenlerin, sürekli çizgilerin ve etiketlerin stratejik kullanımında ustalaşın.

LP

Layerpin Ekibi

7 dk okuma
Nokta işaretleyicileri ve belirlenmiş alan sınırlarını içeren harita

Temel kural: Varış noktaları için noktalar, bölge için alanlar

İnteraktif haritalarda en yaygın hata, büyük coğrafi bölgeler için işaretleyicilerin aşırı kullanılması veya tam tersine, nesnelerin yerinin belirlenmesi için küçük şekiller çizilmesidir. Doğru harita öğesini seçmek, temel olarak ziyaretçilerin düzeninizi ne kadar hızlı sindireceğini belirler.

Konum tek bir ayrı nokta olduğunda İşaret Pimleri kullanın: bir giriş kapısı, bir bilgi noktası, bir manzara gözlem noktası, bir makine parçası veya belirli bir masa. Bir işaretleyici iğne şu soruyu yanıtlıyor: 'Bu şey tam olarak nerede bulunuyor?'

Konum ölçülebilir bir fiziksel alanı kapladığında Şekiller (Çokgenler ve Dikdörtgenler) kullanın: bir perakende satış mağazası, konut arsası, ofis kanadı, otopark veya koruma altındaki bir park alanı. Bir şekil şu soruyu yanıtlıyor: 'Bu alanın sınırları, kapladığı alan ve kapsamı nedir?'

  1. 1
    Ziyaretçinin kesin bir koordinat bulması mı yoksa sınırlı bir alanı anlaması mı gerektiğini değerlendirin.
  2. 2
    Görünüm alanı alanının %5'inin altındaki ilgi çekici noktalar için varsayılan olarak işaretleyici pinleri kullanın.
  3. 3
    Odalar, binalar, arsalar ve bölgeler için varsayılan olarak çokgenler veya dikdörtgenler kullanılır.

Çoklu Çizgiler, Bağlayıcılar ve Özel Çizgiler ne zaman kullanılır?

Pimlerin ve şekillerin ötesinde, Layerpin özel vektör çizgisi araçları sağlar: Çoklu Çizgiler, Oklar ve Belirtme Çizgileri Bağlayıcıları.

Sürekli doğrusal özellikler için Çoklu Çizgiler kullanın: yürüyüş yolları, maraton rotaları, kamu hizmetleri boru hatları, rehberli tur yolları ve toplu taşıma hatları. Sürekli çizgiler özel kontur stillerini, çizgileri, okları ve çok bölümlü köşe düzenlemesini destekler.

Harita alanı etiketleri doğrudan öğenin üzerine sığdıramayacak kadar yoğun olduğunda Bağlayıcılar'ı kullanın. Lider çizgi, merkezden uzaktaki bir başlık kartını veya simgeyi, alttaki mimari eseri engellemeden kesin koordinata bağlar.

  1. 1
    Yollar, sınırlar, rotalar ve yardımcı kanallar için Çoklu Çizgi aracını seçin.
  2. 2
    Etiketleri temiz bir şekilde dengelemek için kalabalık alanlar için Bilgi Konektörlerini kullanın.
  3. 3
    Farklı yol türlerini ayırt etmek için çizgi kalınlığını (2 piksel ila 6 piksel) ve çizgi desenlerini ayarlayın (örneğin, ana koridorlar için düz, acil durum çıkışı için kesikli).
Çokgen rota çizgileri ve bölgelerinin yanındaki işaretçileri gösteren etkileşimli navigasyon haritası

Şekil stilinde uzmanlaşma: Opaklık, kenarlıklar ve kontrast

Kötü tasarlanmış bir şekil, altındaki harita çizimini gizler. İyi tasarlanmış bir şekil, alttaki etiketleri veya dokuları gizlemeden net bir renk tonu sağlayarak çizimi geliştirir.

Varsayılan şekil dolgusu opaklığını %15 ile %30 arasında ayarlayın. Bu ince yıkama, mimari detayların okunabilirliğini korurken bölgeyi belirler. Kontrast renkte, 1,5 piksel ila 2,5 piksellik net bir kontur kenarlığıyla eşleştirin.

Net etkileşimli geri bildirim sağlamak için fareyle üzerine gelindiğinde ve seçim yaparken opaklığı %40-50'ye artırın ve kenarlığı kalınlaştırın. Layerpin, doğrudan marka yönergelerinize uygun özel renk belirteçleri ayarlamanıza olanak tanır.

  1. 1
    Arka plan haritalarının tamamen görünür kalması için taban dolgusu opaklığını düşük tutun (%15-25).
  2. 2
    Hem açık hem de koyu arka plan görüntülerinde öne çıkan farklı kontur renkleri kullanın.
  3. 3
    Kesintisiz etkileşimli geri bildirim için belirgin fareyle üzerine gelme ve seçili durumları yapılandırın.

İşaretleyicileri ve Şekilleri uyum içinde birleştirmek

Üst düzey etkileşimli haritalar genellikle şekilleri ve işaretleyicileri birleşik kompozit sistemlerde birleştirir. Örneğin, tüm bir alışveriş merkezi kanadının çevresine bir çokgen çizin ve bunun içine ana mağazalar ve acil durum çıkışları için belirli kategori pinleri yerleştirin.

Tutarlı bir etkileşim kuralı oluşturun: Bir poligon tıklandığında kiralama bilgi kartı açılıyorsa, içindeki alt pinlere tıklandığında belirli ticari kartlar açılmalıdır. Alt pinlerin daha yüksek z-endeksi yığınına sahip olduğundan emin olun, böylece poligon çevreleri içinde kolayca tıklanabilir durumda kalırlar.

Öğeleri yeniden sıralamak ve arka plan şekillerini kilitlemek için Layerpin'in katman yönetimi panelini kullanın, böylece düzenleme sırasında yanlışlıkla yapılan yanlış tıklamaları önleyin.

Layerpin logo

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