Ücretsiz araçlarÖğrenin
Tasarım ilkeleri
Aynı kartviziti, menüyü ve tabelayı bir ilke yokken ve varken görün.
Hiyerarşi
Her bilgi aynı önemde değildir. Göz önce en büyük ve en koyu olana gider; neyin önce okunacağına tasarım karar verir.
Ne yanlış: Bütün satırlar aynı boyda ve aynı koyulukta. Göz nereden başlayacağını bilemiyor; firma adı ile e-posta adresi yarışıyor.
Örnek: Kartvizit
Hizalama
Öğeler görünmez bir çizgiye yaslanınca tasarım derli toplu durur. Her satır başka yerden başlarsa göz her seferinde yeniden arar.
Ne yanlış: Satırların her biri başka bir yerden başlıyor: biri ortada, biri sağda, biri içeride. Sayfa dağınık duruyor.
Örnek: El ilanı
Yakınlık
Birbirine ait olan şeyler yan yana durur. Aradaki boşluk, neyin neyle ilgili olduğunu söyler.
Ne yanlış: Satırların arası hep aynı. Hangi fiyat hangi ürünün, bir bölüm nerede bitiyor, belli değil.
Örnek: Menü
Kontrast
Yazı ile zemin arasındaki fark yeterli değilse mesaj okunmaz. Telefonda, güneşte ve hızla kaydırırken bu fark daha da önemlidir.
Ne yanlış: Açık zeminde açık yazı. Ekrana yakından bakınca okunuyor, akışta kaydırırken görünmüyor.
Örnek: Sosyal medya gönderisi
Negatif alan
Boşluk israf değildir. İçeriğin çevresinde bırakılan boş alan önemli olanı öne çıkarır ve tasarıma nefes aldırır.
Ne yanlış: Etiketin her köşesi dolu, yazılar kenara dayanmış. Hepsi aynı anda bağırdığı için ürünün adı kayboluyor.
Örnek: Ürün etiketi
Vurgu
Her şey vurgulanırsa hiçbir şey vurgulanmış olmaz. Öne çıkacak tek bir şey seçilir, geri kalan ona yer açar.
Ne yanlış: Dört satırın dördü de büyük, kalın ve renkli. Göz hangisine bakacağını bilemiyor.
Örnek: Vitrin afişi
Denge
Öğelerin görsel ağırlığı sayfaya dağıtılır. Bir köşe doluyken öbürü boş kalırsa tasarım bir yana devrilecekmiş gibi durur.
Ne yanlış: Başlık, bilgi ve şekil sol üst köşeye yığılmış; sayfanın yarısı boş. Afiş bir yana yatmış gibi.
Örnek: Afiş
Oran
Öğelerin birbirine göre boyutu, hangisinin önemli olduğunu söyler. Yanlış oran, doğru bilgiyi görünmez yapar.
Ne yanlış: Amblem tabelanın yarısını kaplıyor; dükkânın adı ise karşı kaldırımdan okunmayacak kadar küçük.
Örnek: Tabela
Tekrar
Aynı renk, aynı yazı ve aynı yerleşim tekrarlandıkça marka tanınır. Her paylaşım başka görünürse hesabın kime ait olduğu anlaşılmaz.
Ne yanlış: Üç gönderinin rengi, yazısı ve yerleşimi birbirinden farklı. Üçü üç ayrı işletmeye ait gibi.
Örnek: Sosyal medya serisi
Birlik
Bir markanın bütün parçaları aynı aileden görünmelidir. Kartvizit, zarf ve antetli kâğıt ayrı zamanlarda yapılmış gibi durursa güven zedelenir.
Ne yanlış: Kartvizitte, zarfta ve antetli kâğıtta başka başka renkler ve yazılar var.
Örnek: Kurumsal kırtasiye
Çeşitlilik
Tekrar tutarlılık getirir, ama her şey birbirinin aynısı olursa sayfa tekdüzeleşir. Boyut ve biçim farkı gözü sayfada gezdirir.
Ne yanlış: Üç kutu aynı boyda ve aynı biçimde. Sayfa düzenli ama hangisinin önce okunacağı belli değil.
Örnek: Broşür sayfası
Uyum
Renkler birbiriyle anlaşmalıdır. Az sayıda, birbirine yakışan renk; çok sayıda parlak renkten daha güçlü durur.
Ne yanlış: Beş parlak renk yan yana. Hepsi dikkat istediği için kutu rafta karışık görünüyor.
Örnek: Ambalaj
Örnekler bu sayfa için çizildi; ürünler, fiyatlar ve kampanyalar temsilîdir.