**Soru:** Görsel hiyerarşi tasarım açısından nedir? Bir tasarıma baktığımda gözüm neden belirli noktalara önce gidiyor? **Kısa cevap:** Görsel hiyerarşi, hangi öğenin önce, hangisinin sonra dikkat çektiğini belirleyen tasarım kararlarının toplamıdır. Boyut, kontrast, renk, konum ve boşluk bu hiyerarşiyi kurar. --- **Görsel hiyerarşi tasarımda neden kritik?** Kullanıcı bir sayfaya baktığında her şeyi eşit dikkatle göremez. Göz otomatik olarak en belirgin öğeye, ardından ikinci sıraya, böyle devam eder. Tasarımcı bu doğal göz hareketini yönlendirirse kullanıcı tasarımcının istediği sırada bilgiyi tüketir, ve bu iletişimi güçlendirir. --- **Görsel hiyerarşi tasarımı nasıl oluşturulur: temel araçlar** **1. Boyut (Size)** Daha büyük = daha önce dikkat çeken. En önemli başlık en büyük olur. Bu en temel ve evrensel görsel hiyerarşi aracıdır. **2. Kontrast** Yüksek kontrast (açık-koyu fark) göz için çekim yaratır. Düşük kontrast içeriği arka plana iter. Önemli çağrı-to-action düğmesi yüksek kontrastla ayırt edilir. **3. Renk** Belirgin bir renk öğesi hemen öne çıkar. Tek renkli bir sayfada bir turuncu düğme anında dikkat çeker. Renk hiyerarşisi tutarlı olmak zorunda, her şey vurguluysa hiçbir şey vurgulanmamış demektir. **4. Boşluk (White Space)** Bir öğenin etrafındaki boşluk onu çerçeveler ve önemine işaret eder. Sıkışık tasarımlarda hiyerarşi okumak güçleşir çünkü her şey eşit "ses seviyesinde" görünür. **5. Tipografik ağırlık** Bold metin normal metinden önce göze çarpar. Başlık → alt başlık → gövde metni hiyerarşisi tipografinin görsel hiyerarşi tasarımına katkısıdır. **6. Konum** Sayfanın üstü ve sol tarafı sağ alt köşeye göre daha fazla dikkat alır (F ve Z okuma örüntüleri). Önemli içeriği bu bölgelere konumlandırmak hiyerarşiyi destekler. --- **Yaygın hata: her şeyi öne çıkarmak** Görsel hiyerarşi tasarımının en sık yapılan hatası birden fazla öğeyi birden vurgulamaya çalışmaktır. İki büyük başlık, üç renkli düğme, her yerde bold metin, bunlar hiyerarşiyi değil gürültüyü yaratır. İyi hiyerarşi için kurala benzer bir prensip: "Bir şeyi öne çıkarmak istiyorsan diğerlerini geri çekmelisin." --- **Pratik test:** Gözlerini kıs ya da tasarımı bulanık görecek kadar uzaklaş. Hangi öğe hâlâ öne çıkıyor? Orası göz önce oraya gider. Bu basit test görsel hiyerarşinin gerçekten çalışıp çalışmadığını doğrulamanın en hızlı yoludur.