Bir tasarımda önce neyi görüyoruz?

İlk bakışta tek bir karar ver

Tasarımın ana mesajını bir cümleye indir. İzleyici yalnızca bir şeyi fark edebilse bunun ne olması gerektiğini seç. Sonra başlık, görsel veya bir bilgi bloğunu bu ilk bakışın taşıyıcısı yap. Hepsinin aynı anda öne çıkması, birbirleriyle yarışmalarına neden olur.

Bu öncelik her projede aynı öğeye verilmez. Bir ürün tanıtımında ürün, bir etkinlik duyurusunda tarih veya etkinlik adı, bir editoryal kapakta fikir öne çıkabilir. Hiyerarşi, görsel alışkanlıklardan önce iletişim amacını takip etmeli.

Boşluk, hangi parçaların birlikte olduğunu söyler

Başlık ile açıklama birbirine yakın, bağımsız bilgi grupları daha uzak olduğunda düzenin ilişkileri daha kolay okunur. Boşluğu bütün sayfaya eşit dağıtmak yerine, hangi iki öğenin bir arada anlaşılması gerektiğine bak.

Küçük bir çalışma yöntemi: bütün dekoratif ayrıntıları geçici olarak kapat. Geriye kalan başlıklar, görseller ve bilgi blokları hâlâ bir okuma sırası kuruyor mu? Kurmuyorsa önce aralıkları ve ağırlıkları yeniden düzenle; daha fazla dekorasyon eklemek sorunu örtebilir.

Okunurluk yalnızca font büyüklüğü değildir

Dijital arayüzler için W3C’nin WCAG 2.2 AA kontrast ölçütü, normal metinde en az 4,5:1; büyük metinde en az 3:1 oran belirtir. Bu değerler görsel hiyerarşinin yerini tutmaz, ancak silik metinlerin okunabilirliğini somut biçimde kontrol etmeye yardımcı olur.

Metni yalnızca çalışma ekranında inceleme. Küçük bir telefonda, gerçek zemin rengiyle ve normal okuma uzaklığında da bak. İnce yazı, dar aralık ve hareketli arka plan birleştiğinde büyük bir başlık bile zor okunabilir.

İlgili resmî rehber: W3C · Understanding Contrast (Minimum)

Kompozisyonu bir okuma turuyla değerlendir

Tasarıma birkaç saniye bakıp gözünün izlediği sırayı not et. Sonra hedeflediğin sırayla karşılaştır. İlk öğe doğru olsa bile ikinci ve üçüncü adımda konu dağılabilir. Bu incelemeyi tasarımı hazırlamayan bir kişiye yaptırmak da yararlı bir geri bildirim sağlar.

Farklı oranlara uyarlarken aynı hiyerarşiyi yeniden kur. Yatay düzende yan yana duran öğeler, dikey versiyonda bir sıraya girmek zorundadır. Bir tasarımı küçültmek ile aynı fikri başka bir yüzeye taşımak farklı kararlar ister.