Grafik tasarımın ilkeleri

Bu beş ilke nereden geliyor?

Gözden, beğeniden değil. Tasarım ilkeleri, görsel sistemin bir sayfayı nasıl düzenlediğinin açıklamalarıdır: birbirine daha yakın olanları tek grup olarak görür, geri kalandan farklı olanı önce görür ve tekrar eden kenarları izler. Tasarımcı bu davranışı değiştirmez; yalnızca onunla çalışmayı, en azından ona karşı çalışmamayı öğrenir.

Bu ilkelerin listesi kitaptan kitaba değişir; kiminde dört, kiminde yedi. Biz beşini seçtik, çünkü beşi de günlük işte gerçekten karar üretir: hiyerarşi, kontrast, hizalama, boşluk ve tekrar. Hiyerarşi öne geçti, çünkü diğerlerini yönlendiriyor; birinci sırayı neyin aldığı belirlendiğinde boyut, renk ve boşlukla ilgili kararlar kendiliğinden kolaylaşır.

Bu dersin yöntemi de bir tercih. Bu site bilerek görsel taşımıyor ve figürleri görselin kendisi, bu yüzden her ilke bir öncesi ve sonrası olarak anlatılıyor: belirli bir durum, belirli bir değişiklik ve sonrasında farklı olan şey. Bunun iki resme bakmaya üstünlüğü, değişikliği kelimelere dökmek zorunda kalmanızdır; o kelimeler de ileride müşteriyle bir toplantıda işinize yarayan şeydir.

Her şeyi aynı boyutta olan bir afişin sorunu ne?

Sorun şu: onu okumak sizin işinizken okuyanın işi haline geldi. Bir konferans afişi düşünün: etkinlik adı, tarih, saat, adres, üç konuşmacı adı ve iki sponsor logosu; hepsi tek boyut ve tek ağırlıkta. Gözün ineceği bir yer yok, dolayısıyla ya baştan sona okur ya da geçip gider; kaldırımda ikincisini seçer.

Şimdi öncesi ve sonrası. Öncesi: yedi öğe, hepsi tek boyutta. Sonrası: etkinlik adı diğerlerinin üç katı, tarih ve saat birlikte orta bir blokta, adres küçük, üç konuşmacı daha ince bir satırda ve sponsor logoları afişteki en küçük şey. Hiçbir şey silinmedi, yeni bir renk eklenmedi; yalnızca sıralar belirlendi.

Peki sırayı ne belirler? Müşterinin öğelere yüklediği önem değil, okuyanın sorusu. Müşteri kendi logosunu en önemli şey sanır; geçip giden kişi ise ne olduğunu ve ne zaman olduğunu bilmek ister. Bu ikisi çeliştiğinde, kimsenin durup okumadığı bir afişteki büyük logonun kimseye hiçbir şey ulaştırmadığını anlatmanız gerekir. İşin fiyatını belirlediğini söylediğimiz cümle işte budur.

Yaygın bir hata da burada yaşar: önemli olan her şeyi büyütmek. Dört şey büyükse hiçbiri büyük değildir. Hiyerarşi, bir şeyin büyük görünebilmesi için başka bir şeyin küçülmesi gerektiği demektir ve uygulanmasının zor olmasının sebebi tam olarak budur.

Kontrast yalnızca koyu ile açık değildir

Kontrast fark demektir ve fark beş şeyden kurulur: boyut, ağırlık, renk, yön ve biçim. En çok işe yarayan kural tek cümle: iki şeyin aynı olması amaçlanmıyorsa onları çok farklı yapın. Küçük bir fark karar değil hata gibi okunur.

Buradaki öncesi ve sonrası beşinin en açığı. Öncesi: bir yazı tipinde başlık ve ona az benzeyen başka bir yazı tipinde metin; ikisi de normal ağırlıkta ve boyutları yakın. Sonuç, birinin iş ortasında yazı tipini değiştirip geri dönmeyi unuttuğu izlenimini veren bir sayfa. Sonrası: ya ikisi tek yazı tipinde ve fark ağırlık ile boyutta taşınıyor, ya da açıkça farklı ailelerden iki yazı tipi. İki yol da doğrudur; yanlış olan ortadaki konumdur.

Kontrastın bir kısmının sayısı vardır ve o sayıyı ödünç almaya değer. WCAG standardı, metin ile arka planı arasındaki parlaklık oranının en az 4.5 e 1 olmasını, büyük metin içinse 3 e 1 in yeterli olduğunu söyler. Bu standart web sayfaları için yazıldı, ama portfolyolarda zarif görünen beyaz üzerine açık gri orada da geçmez ve baskıda da okunmaz.

Baskı için ise eşdeğer bir sayı hiç yok, dolayısıyla kontrol etmenin tek yolu gerçek bir prova almak ve ona gerçekte görüleceği ışıkta bakmaktır. Kalibre bir ekranda canlı olan bir renk, mat kağıtta ve dükkan lambası altında başka bir şeydir. Tahmin bunu telafi etmez.

Her şeyin üzerine oturması gereken görünmez çizgi

Hizalama, sayfadaki her öğenin başka bir öğeyle görsel bir ilişkisi olması demektir; yalnızca bir yere konmuş olması değil. Göz kenarları bulur, hiç çizilmemiş kenarları bile, ve birinden azıcık kayan bir öğe çeşitlilik değil hata olarak okunur.

Öncesi: başlık ortalanmış, metin sağa yaslı, görsel sol kenara dayalı ve altyazı yine ortalanmış. Bu dört kararın hiçbiri tek başına yanlış değil, birlikte ise sebepsiz yere kalabalık hissettiren bir sayfa oluşturuyorlar. Sonrası: dördü de tek bir kenarda, diyelim hepsi sağa yaslı, görselin kenarı metnin kenarıyla aynı hizada. Yaptığınız tek şey üç nesneyi birkaç milimetre kaydırmaktı ve sayfa birden derli toplu okundu.

Farsçada güçlü kenar sağdakidir ve yalnızca bu olgu birkaç kararı çözer: metin blokları sağdan başlar, cümle içindeki Latin kelime ve rakamların noktalaması yer değiştirmiş görünebilir ve bir metni ortalamak iki kenarını da tırtıklı bırakır; bunun da bilinçli ve denetimli olması gerekir.

Ortalamak yasak değil, ama varsayılan değil karar olmalı. Ortalanmış metin, bir davetiyenin başlığı gibi kısa ve simetrik bir blokta işe yarar; birkaç satırlık bir paragrafta kötü çalışır, çünkü göz her satırda başlangıcı yeniden aramak zorunda kalır. Pratik özet: bir kenar seçin ve her şeyi ona koyun; o kenarı terk etmek istediğiniz yerde ise dikkat çektiğinizi bilin ve istediğiniz şeyin bu olduğundan emin olun.

Boşluk ve tekrar, en az uygulanan iki ilke

Boşluk israf gibi görünür ama değildir. İki iş yapar: çevresinde boşluk olan bir öğeye ona hiçbir şey eklemeden önem kazandırır ve göze hangi öğelerin bir grup oluşturduğunu söyler. Göz mesafeyi okur; dolayısıyla bir başlıkla kendi metni arasındaki boşluk, o metinle bir sonraki başlık arasındaki boşluktan büyükse, istemeden başlığı yanlış paragrafa yapıştırmışsınızdır.

Öncesi: beş milimetrelik dış kenar boşluğu, kenara kadar doldurulmuş öğeler ve bloklar arasında her blokun içindekiyle aynı boşluk. Sonrası: dış boşluk iki katına çıkarıldı, düşük değerli iki öğe kaldırıldı ve gruplar arasındaki boşluklar grup içindekilerden belirgin biçimde büyük. Sayfa boşaldı ve mesaj güçlendi; bu ikisi birbirine rağmen değil, birlikte oldu.

Tekrar, insanların profesyonellik dediği şeydir. Öncesi: bir kataloğun her sayfasında başlık biraz farklı boyutta, boşluklar her seferinde biraz değişiyor ve simgeler iki aileden. Bu farkların hiçbiri tek başına görünmez, toplamı ise kataloğu profesyonelce göstermez. Sonrası: tüm belgede dört metin boyutu, tüm boşluklar için tek ve sınırlı bir ölçek, tek bir simge ailesi. Kimse neyin değiştiğini söyleyemez ve herkes değiştiğini fark eder.

En çok zamanı sınırlı bir ölçek kazandırır. Her durum için ayrı bir boşluk seçmek yerine dört beş sayı seçin ve yalnızca onları kullanın. İkinci faydası, iş başkasına geçtiğinde ya da altı ay sonra siz geri döndüğünüzde ortaya çıkar: kural yazılıdır ve hiçbir şey tahmin edilmek zorunda kalmaz.

Bu ilkelerin hangisi bozulabilir?

Herhangi biri, bir kez, bilerek. Koşulu, sayfanın geri kalanının kurala uymasıdır. Kenardan taşan bir öğe, ancak diğer her şey tam kenardayken dikkat çeker; her şey biraz kaymışsa o öğe artık bozulmuş bir kural değil, yalnızca özensizliktir. Aynı mantık boyut, renk ve boşluk için de geçerli: kuralı bozmak anlamını kuraldan alır.

Tutumumuz şu: bu beş ilke, yapacak bir işi olan bir tasarım için yazılmıştır. Bilgilendirmesi gereken bir afiş, rafta görülmesi gereken bir ambalaj, okunması gereken bir katalog. Bir sanat işi ya da sergi portfolyosunda ise araya girilecek bir iş zaten yoktur ve orada bu beşi, bir kenara bırakılabilecek beğeni meselelerine dönüşür.

Ve birçok kişinin geçtiği bir sınır daha: tasarladığınız şey yalnızca bakılacak değil kullanılacaksa, bu beşi yetmez. Orada tutarlılığı da eklemeniz gerekir ve kontrast beğeni olmaktan çıkıp sayıya döner. O tartışmanın kendi yeri var: arayüz tasarımının ilkeleri.