Bir sayfada rastgele nesnelerle karşılaşıldığında, görüntüleyen kişi genellikle bağlantıları bulmaya çalışır. Tasarımcılar, anlam ifade etmek ve mesajlarını yaymak için nesneleri (metin ve / veya resim) gruplara ayırarak izleyicilere yardımcı olabilirler. Bu grupların bu yakınlığı yakınlıktır, tasarım ilkesidir.
Yakınlık sayfa öğeleri arasında bir bağ oluşturur. Birlikte nesnelerin ne kadar yakın yerleştirildiği bir ilişki önerebilir. Ayrı yerleştirilen nesneler farklılıklar önerebilir.
Bazen, ayrı bir ilke, birlik veya “belgenin birlikte ne kadar iyi çalıştığı” düşünülse de bazen yakınlık anlamına gelir. Yakınlık yakınlık. Bununla birlikte, yakın bir yere sahip olmayan unsurlar üçüncü bir unsurun tanıtılmasıyla birleştirilebilir. Bir örnek: kenar boşluğundaki bir metin etiketini, haritanın ortasında bir noktaya bağlayan bir ok. Bu şekilde, birbirinden uzak ama birbirine ait olan unsurlar arasında bir ilişki veya birlik sağlanabilir.
Nesneleri gruplamak, gruplar arasında fiziksel engeller (kurallar gibi) yerleştirmek ve hatta öğeleri görsel olarak gruplandırmak ve görsel olarak ayırım yapmak için şekil, renk ya da doku kullanmak suretiyle, açık alanlarla yapılabilir.
Sayfa Düzeni'nde Yakınlık Kullanımı
Sayfa öğelerini ayrı birimlere ayırmayı kullanarak, sayfada çok sayıda bireysel öğe olduğunda görüntüleyiciyi ezmekten kaçının.
- Altyazıların görüntülere yakın tutulması, altyazının yalnızca görüntü ile birlikte gittiğini ve aynı zamanda iki ayrı görüntüden tek bir görsel birim oluşturduğunu açıkça gösterir.
- Adres, telefon numarası, e-posta adresi ve Web adresi gibi gruplama öğeleri, tüm iletişim bilgilerini tek bir noktaya yerleştirmekle kalmaz, aynı zamanda dört noktadan ziyade gözün dinlenmesi için tek bir nokta yaratır (ve bilgi alır). etrafında atlamak ve muhtemelen gözden kaçırmak.
- Gruplanacak birçok öğe varsa alt gruplamayı düşünün. İletişim bilgilerini bir örnek olarak kullanarak, bunları bir arada gruplandırın, ancak birden fazla telefon numarası gibi bir alt grup oluşturmak için boşluk (veya başka araçlar) kullanın.
Aid Navigasyonuna Yakınlık Kullanma
- Okuyucuyu doğrudan metne yönlendirmek istiyorsanız, başlığı reklam metnine yakın tutun (bir reklamın, bir haber bülteni makalesinin, vb.). Ekteki bir görsel, metni anlamak için özellikle önemlidir, bunun yerine görselliği başlıktan hemen sonra görüntüleyebilirsiniz.
- David Ogilvy'in çalışmasına dayanan 5 Basamaklı Reklam Tasarımı Formülü, görüntüleyenleri reklama yönlendirmeye eğilimli belirli bir modelde genellikle beş tür içerik düzenler. Yakınlık, bu beş içerik türünü oluşturan malzemeleri gruplandırmak için de kullanılabilir.
Kullanıcıya Olduğu Gibi Yakınlık
Görüntüleyen kişinin karmaşık sayfaları veya bilgi dolu düzenleri anlamasına ve diğer bölümleri bir araya getiren ve birbirinden ayıran öğeleri bir araya getirme yakınlığını kullanarak yardımcı olun.
- Örneğin, birkaç güne yayılan birçok ayrı çalıştaydan oluşan bir seminer broşürü ve yerler kolaylıkla boğulabilir. Her bir atölye (başlık, açıklama, tarih / saat, konum) bir arada tutulurken aynı zamanda kayıt, maliyet ve iletişim bilgileri.
- Bir Web sayfasında, ana ve yardımcı navigasyon bağlantılarını (metin, sekmeler veya düğmeler) işlevlerine göre (alışveriş / katalog, haftalık özel ürünler ve teknik destek gibi) gruplara ayırmak için yakınlık kullanabilirsiniz.