İlk başta taş tabletler, papirüs tomarları ve kağıtlar vardı. Daha sonra bilgisayar ekranları ve elektronik tabletler geldi. Bir sayfayı görüntüleme teknolojisi geliştikçe içeriği net bir şekilde düzenlemek tasarımcının görevi olmaya devam ediyor. Ama en iyi yol nedir? Kısacası, görsel hiyerarşi.

İşte görsel hiyerarşinin tanımı: Görsel hiyerarşi, bir tasarımdaki grafik öğelerin her bir öğenin önem sırasına göre düzenlenmesidir. Görsel ağırlık, bir tasarımın hiyerarşisindeki bir öğenin önemini tanımlar ve izleyicinin gözlerine neye ve hangi sırayla odaklanılması gerektiğini bildirir.

Duyarlı çerçeveler tasarımcıları aynı anda birçok farklı sayfa hakkında düşünmeye zorladığından, bu giderek daha önemli bir soru haline geliyor. Yoğun metinler ve kısa dikkat süreleri ile karşı karşıya kalan tasarımcılar, okuyucunun gözlerini en önemli bilgilere yönlendirmek için 6 ilke geliştirdiler.

Bunlar Görsel hiyerarşinin 6 ilkesi her şeyi tasarlamanıza yardımcı olacak broşürler ile uygulamalarson kullanıcı için olumlu bir okuma deneyimi garanti eder.

1. Okuma kalıpları
_

Tüm kültürler yukarıdan aşağıya doğru okur ve çoğu kültür soldan sağa doğru okur. Ancak bu bilgi sayfa tasarımı için önemli olsa da tasarımcılar görevin çok daha karmaşık olduğunu biliyor.

Son araştırmalar, insanların okumaya karar vermeden önce, ilgilenip ilgilenmediklerini anlamak için bir sayfayı taradıklarını gösterdi. Tarama desenleri “F” ve “Z” olmak üzere iki şekilden birini alma eğilimindedir ve tasarımınızda bundan yararlanabilirsiniz.

F-Desenleri

F-desenleri makaleler veya blog gönderileri gibi geleneksel, metin ağırlıklı sayfalara uygulanır. Okuyucu sayfanın sol tarafını tarar, sola hizalanmış başlıklarda veya başlangıç ​​konu cümlelerinde ilgi çekici anahtar kelimeler arar, sonra ilginç bir şeye geldiğinde durup (sağa doğru) okur. Sonuç, F’ye (veya E’ye veya daha fazla yatay çubuk içeren bir şeye) benzer; ancak “F” terimi takılıp kalmıştır.

Bunu nasıl kullanabilirsiniz? Önemli bilgilerinizi sola hizalayın ve paragraf bloklarını bölmek için kısa, kalın başlıklar, madde işaretleri ve benzeri dikkat çekici öğelerden yararlanın.

Z-desenleri

Z-desenleri bilgilerin blok paragraflarda sunulması gerekmeyen, reklamlar veya web siteleri gibi diğer türdeki sayfalar için geçerlidir. Okuyucunun gözü önce önemli bilgilerin bulunabileceği sayfanın üst kısmını tarar, ardından çapraz olarak karşı köşeye doğru iner ve aynı şeyi sayfanın alt kısmında da yapar.

Web tasarımcıları Genellikle sayfalarını bu davranışa açıkça uyacak şekilde oluştururlar, en önemli bilgileri köşelere yerleştirirler ve diğer önemli bilgileri üst ve alt çubuklar boyunca yönlendirip çapraz olarak bağlarlar.

Aşağıdaki tasarımda 2010 Yapı konferansıönemli unsurlar şunları içerir: logo (sol üst), “şimdi kaydolun” düğmesi (sağ üst) ve konuşmacı listesi (altta), bunların tümü stratejik olarak Z modelinin en önemli noktalarına yerleştirilmiştir.



Source link