Görsel Hiyerarşisi

Konu Anlatımı

Görsel Hiyerarşi ve Odak

Görsel hiyerarşi, tasarımdaki ögelerin önem sırasına göre dizilmesi ve bu sıralamanın okuyucu tarafından sezgisel biçimde çözülmesidir. Hiyerarşi kurulmadığında göz bütün ögeleri eşit önemde görür ve hiçbirine odaklanamaz. Sıralama kurulduğunda ise tasarım, mesajı tek bir yönde taşıyan bir düzene dönüşür. Bu nedenle hiyerarşi, tasarımın en çok ölçülmesi gereken ilk adımıdır.

Hiyerarşiyi kuran dört araç

Hiyerarşiyi kuran başlıca araçlar boyut, renk doygunluğu, konum ve zıtlıktır. Boyut değişimi, gözün en hızlı fark ettiği farktır: büyük punto ile yazılmış bir başlık, küçük gövde metninden önce okunur. Renk doygunluğu ise geri planda kalmış bir ögeyi öne getirir; soluk ve açık renkler tasarımın arka planına çekilirken, doygun ve koyu renkler öne çıkar.

Konum, hiyerarşide gözün alışkanlığına dayanır. Göz okumaya soldan sağa ve yukarıdan aşağıya başlar; bu yüzden sayfanın üst bölümü ile sol tarafı, en önemli bilgiye ayrılması gereken alanlardır. Zıtlık ise çevresinden farklılaşan tek ögeyi tasarımın odak noktası hâline getirir. Dört araç birlikte kullanıldığında vurgu tasarımın bütününe yayılır; yalnız biri kullanıldığında etki sınırlı kalır.

Odak noktası ve vurgu sayısı

Bir tasarımda aynı anda vurgulanan öge sayısı az tutulmalıdır. Her vurgu bir öncekinin etkisini azaltır; aynı güçte kullanılan beş vurgu, hiçbirinin öne çıkmasını sağlamaz. Bu nedenle tasarımın karar verdiği tek bir odak noktası olmalı ve onun çevresi sakin tutulmalıdır. Odak noktası, kimi zaman bir görsel, kimi zaman başlık, kimi zaman da tek bir renk bloğudur.

Odak oluşturulduktan sonra kalan ögeler bu odağı destekleyecek biçimde sakinleştirilir. Renk doygunluğu düşürülür, boyut küçültülür, aralıklar genişletilir. Böylece sayfa üzerinde bir ana nokta ve onu taşıyan ikincil bir yapı oluşur. Bu yapı, okuyucunun nereden başlayıp nereye kadar okuyacağını önceden belirler.

Renk sayısının sınırlanması

Renk, hiyerarşinin en güçlü ama en kolay taşan aracıdır. Renk çeşitliliği arttıkça hangi ögenin vurgulandığı belirsizleşir. Bu nedenle bir işte kullanılan renk sayısı sınırlı tutulur: bir ana renk, birkaç destek tonu ve nötr değerler. Bu sınır, tasarımın baskıda ve ekranda aynı etkiyi vermesini de sağlar; çünkü çok sayıda renk, farklı ortamlarda farklı davranır.

Renk sınırının ikinci yararı, marka tutarlılığıdır. Aynı renk ailesiyle üretilen broşür, katalog ve ambalaj, tek bir kurumsal kimliğin parçası olarak okunur. Renkler çoğaldıkça kimlik dağılır ve tasarım, bağlı olduğu kurumla arasındaki bağı kaybeder.

Tipografik hiyerarşi

Görsel hiyerarşi yalnızca resim ve renkle kurulmaz; metin de hiyerarşi aracıdır. Başlık, alt başlık ve gövde metni arasında kademeli bir sıralama oluşturulduğunda okuyucu, hangi satırın hangi bölüme ait olduğunu anlar. Kademe yalnızca punto farkıyla sağlanmaya çalışılırsa yetersiz kalır; kalınlık, satır aralığı ve renk farkı birlikte kullanılmalıdır.

Hiyerarşinin etkisini ölçmek basit bir yöntemle denetlenebilir: tasarım küçültülerek ilk bakışta hangi alana gözün gittiği izlenir. İlk bakışta görülen alan tasarımın vurgusudur. Beklenmedik bir yere düşüyorsa ya yerleşim değiştirilir ya da vurgu o alana taşınır. Bu denetim, tasarımın estetik izlenimden çıkıp ölçülebilir bir karara dönüşmesini sağlar.

Ne Öğreneceğiz

Boyut, renk doygunluğu, konum ve zıtlık yoluyla kurulan görsel hiyerarşinin okuma sırasını nasıl belirlediğinin ölçülmesi. Bu konuda ögrenme çıktıları:

• Görsel hiyerarşinin okuma sırasını nasıl kurduğunu açıklar.
• Boyut, renk ve konum araçlarının hiyerarşideki etkisini karşılaştırır.
• Bir sayfada odak noktası sayısını denetleyebilir.
• Renk sayısını sınırlamanın vurguyu güçlendirdiğini gösterir.
• Tipografik hiyerarşinin okunabilirlikle ilişkisini değerlendirir.

Ön Bilgi

Bu konuya başlamadan önce temel kavram ve ön koşulları kavramanız yardımcı olacaktır. Konunun çerçevesinde şu kavramlar dikkat ister:

• Hiyerarşi, tasarımın okunma sırasını belirleyen ilk söz dizimidir.
• Boyut, renk ve konum araçları birlikte kullanıldığında vurgu en güçlü biçimde kurulur.
• Göz, tasarımın üst ve sol bölümüne önce gider; bu alan en önemli ögeye ayrılmalıdır.
• Aynı anda aynı güçte vurgulanan ögeler birbirini gölgeler, vurgu sayısı azaltılmalıdır.
• Renk sayısı sınırlanmadığında hiyerarşi dağılır ve hiçbir öne çıkmaz.
• Görsel ağırlık, ögenin yalnızca boyutuyla değil koyuluğu ve konumuyla birlikte değerlendirilir.
• Tipografik kademe, başlık ve alt başlıkların hangi bölüme ait olduğunu okuyucuya gösterir.

Basit Örnek ve Günlük Yaşam

Günlük yaşamda ve mesleki bağlamda bir uygulama:

Soru: Bir tanıtım sayfasında dört metin bloğu aynı renkte, aynı puntoda ve eşit aralıklarla yerleştirilmiştir. Sayfa nasıl okunur?

1. Hiyerarşi aracı kullanılmadığı için göz bütün blokları eşit önemde görüyor.
2. Okuyucu hangi bloğu önce okuyacağını bilemiyor ve sayfa yüzeysel kalıyor.
3. Ana mesaj bloğu boyut ve renk farkıyla öne çıkarılmalı, diğerleri geriye çekilmeli.

Sonuç/cevap: Vurgu tek bir ögede toplanmalı; aynı güçte kullanılan bloklar hiyerarşi kurmaz.

İleri Örnek

Daha ileri bir uygulama:

Soru: Bir dergi sayfasında büyük bir görsel, sayfa alanının çok küçük bir bölümünü kaplıyor. Bu tasarımda hangi sorun aranır?

1. Sayfa alanı ile görsel alanı karşılaştırıldığında oran düşük çıkıyor.
2. Görsel, çekirdek mesajı taşıyacak kadar yer kaplamıyor ve sayfa boşluğu artıyor.
3. Görsel alanı büyütülerek sayfanın dengesi yeniden kurulmalı.

Sonuç/cevap: Alan oranı düşük kaldığında görselin etkisi zayıflar; kompozisyon yeniden düzenlenmelidir.

Adım Adım Çözülmüş Örnek

Örnek 1: Vurgu Dağılımı konusunun adımları:

1. Hiyerarşi aracı kullanılmadığı için göz bütün blokları eşit önemde görüyor.
2. Okuyucu hangi bloğu önce okuyacağını bilemiyor ve sayfa yüzeysel kalıyor.
3. Ana mesaj bloğu boyut ve renk farkıyla öne çıkarılmalı, diğerleri geriye çekilmeli.

Karşılaştırma Tablosu

Sık Yapılan Hatalar

Her şeyi vurgulamak: Aynı güçte kullanılan çok sayıda vurgu, hiyerarşiyi tamamen dağıtır ve hiçbir oge öne çıkmaz.

Vurguyu yalnızca renkle yapmak: Renk, baskıda ve renk körlüğü görülen kişilerde görsel ağırlık taşıyamaz; boyut ve konum da kullanılmalıdır.

En önemli ögeyi sayfanın köşesinde bırakmak: Gözün ilk gittiği alan başlıktır; mesaj buraya yerleştirilmediğinde zayıf kalır.

Metni görselin altına sıkıştırmak: Görsel büyütüldüğünde metin bloğu okunamaz hâle gelir ve hiyerarşi yer değiştirir.

Alt başlığı gövdeden ayırmamak: Fark yeterli değilse bölüm sınırları kaybolur ve okuyucu nerede olduğunu bilemez.

Özet

Görsel hiyerarşi, tasarımdaki ögelerin önem sırasına göre dizilmesi ve bu sıralamanın göz tarafından sezgisel biçimde çözülmesidir. Hiyerarşi; boyut, renk doygunluğu, konum, zıtlık ve tipografik ölçüler gibi birbiriyle birlikte çalışan araçlarla kurulur. Boyut ve kalınlık değişimi en hızlı okunan farktır; renk doygunluğu geri planda kalan ögeyi öne getirir; konum ise gözün alışkanlıkla ilk gittiği alanı belirler. Aynı anda birden çok ögenin aynı güçte vurgulanması vurguyu dağıtır, bu yüzden tasarımda tek bir odak noktası seçmek ve onu desteklemek daha güçlü sonuç verir.

Kendini Dene

Soru: Bir afiş tasarımındaki hiyerarşiyi dört araçla (boyut, renk, konum, zıtlık) çözümleyip hangi aracın en çok etkili olduğunu gerekçesiyle belirtiniz.

Örnek cevap: Puanlama anahtarı: Dört aracın her birinin sayfada nasıl kullanıldığının açıklanması 4 puan; hiyerarşinin okuma sırası üzerinden değerlendirilmesi 3 puan; en etkili aracın gerekçeli seçimi 2 puan; düzen ve dil 1 puan. Toplam 10 puan.