Hatırlaması kolay birşeylerden başlayalım:
Bir sayfaya koyduÄŸunuz tüm unsurlar aynı öneme sahip deÄŸildir. Ve sahip oldukları önem her zaman ne kadar bilgi taşıdıkları ile belirlenir.
01
Metin, bilginin birincil taşıyıcısı olduÄŸu için herhangi bir grafik tasarım projesinde her zaman bir numaradır.
02
Görsel, bilginin ikincil taşıyıcısı olduÄŸu için herhangi bir grafik tasarım projesinde iki numaradır.
03
Arka Planlar ve Åžekiller, herhangi bir bilgi taşımadıkları için herhangi bir grafik tasarım projesinde yardımcı öÄŸelerdir. Ä°lk ikiye yardım ederler, bu da onları 3 numara yapar.
kurgu
bileÅŸenlerin hiyerarÅŸisi
ÖNCE SADELÄ°K!
"Az ama öz." Bu, sadece bir mimar deÄŸil, aynı zamanda muhteÅŸem bir mobilya tasarımcısı olan ünlü modernist mimar Mies van der Rohe tarafından da söylenmiÅŸ bir ÅŸey.
Van der Rohe bununla ne demek istedi?
Yalnızca tasarımınıza eklenen, nesnenizin varoluş amacının veya grafik tasarım durumunda bilgi içeriğinizin amacının eksik olacağı şeyleri kullanmalısınız. Gereksiz olan her şey işinize eklemek yerine sizi alıp götürecektir.
Bu nedenle, yaptığınız her eylemde kendinize her zaman "bu gerekli mi?" diye sorun.
ÇoÄŸu durumda cevabınız "hayır" olacaktır. Resminizin etrafına koyduÄŸunuz bu çerçeve ona eklendi mi? Mesajını güçlendirdi mi? Bir nesnenin arkasına koyduÄŸunuz o parlak renk olayın etkisini artırdı mı? Bu metin parçasını büyütmek gerçekten gereklimiydi? Ya da daha "bold" olması? O animasyonu kullanmak gereklimiydi? O özel efekt? O kutunun arkasına bir gölge koyunca daha mı iyi bir mesaj veriliyor? Muhtemelen hayır... Her zaman, her zaman bu soruları sorun. Neredeyse tüm durumlarda tasarımınız, yaptıklarınızdan çok, yapmadığınız ÅŸeylerle daha etkili olacaktır.
Mies van der Rohe, Barselona KoltuÄŸu, 1929.
TUTARLILIK
Aynı öÄŸeleri kullanın: Yazı tipleri, renkler, benzer görsel malzeme, benzer ÅŸekiller.
-
Yaratıcı sayılmak için her zaman bir araya getirilecek farklı ÅŸeyler bulmanız gerektiÄŸini düÅŸünmek bir hatadır.
-
Bir proje üzerinde çalışırken esas iÅŸ, aynı öÄŸeleri farklı ÅŸekillerde birleÅŸtirerek yaratıcılığınızı göstermektir.
-
-
Ve muhtemelen size bu iÅŸde yardımcı olacakların en önemlisi, hemen bunu takip eden baÅŸlık olan hizalamadır.
Ä°pucu: Dikdörtgen öÄŸeleri üstten, dairesel öÄŸeleri ortadan hizalayın. Dairesel bir ÅŸekilde, üst ve alt kısım size bir hizalama saÄŸlayacak kadar güçlü deÄŸil, bu yüzden ortayı kullanıyoruz.
Hiza! Hiza! Hiza!
-
Üstbilgi öÄŸelerinize dayalı dikey kurallar oluÅŸturun ve
-
sayfalarınızdaki öÄŸeleri bunlara göre hizalayın.
-
Bu, yalnızca bir sayfada deÄŸil, tüm sitenizde uyum saÄŸlamanın çok kesin bir yoludur.
-
Birbirine ait olan ÅŸeyler birbirine yakın olmalıdır. Ve birbirine ait olan ÅŸeyler, metin durumunda bir baÅŸlık olan bir "patron"a ve alt baÅŸlıklardan ve paragraf giriÅŸlerinden oluÅŸan "patron yardımcılarına" sahip olmalıdır. Görsellerle, bazı ÅŸeylerin diÄŸerlerinden daha belirgin olması, diÄŸer bir deyiÅŸle daha büyük olması, daha fazla odaklanma saÄŸlaması yine büyük ölçüde yardımcı olacaktır.
Dikkat etmeniz gereken
-
ilk ÅŸey, birbirine ait olan resim ve yazıları çok uzaÄŸa yerleÅŸtirmemektir.
-
ikincisi ise paragrafları doÄŸru bir biçimde ayırmaktır.
HİYERARŞİ
Ä°yi bir hiyerarÅŸi elde etmenin yolu "patron"u merkeze yerleÅŸtirmekten geçer. Bunu bir "gerçek hayat" durumu olarak düÅŸünebilirsiniz: Bir ÅŸirketin patronu odanın köÅŸesinde mi yoksa ortasında mı oturur? Çalışanlarının sırtları onlara döner mi? Bu pek olacak birÅŸey deÄŸildir, deÄŸil mi? Patron genellikle olayların merkezindedir ve genellikle daha büyüktür. Basılı editoryal tasarımda (dergi, broÅŸür vb.) bu kural, genellikle sayfaların orta kısımlarına yerleÅŸtirilen baÅŸlıklar için geçerlidir, ancak web tasarımında, ortamın kaydırılma yoluylas görüntülenmesi özelliÄŸi nedeniyle baÅŸlıklar çoÄŸunlukla en üste yerleÅŸtirilir (ancak genellikle üstlerinde olan bir alt baÅŸlık ile). Patronun genellikle daha büyük olduÄŸu kuralı, baskı ortamında olduÄŸu kadar web tasarımında da geçerlidir.
-
Ancak kümeler arasında boÅŸluk da bırakmalısınız.
-
BoÅŸ alanlar, dolu alanlar kadar önemlidir. Grafik Tasarımda bunlara "negatif alan" denir ve izleyicinin gözünün bir grup bilgi ile diÄŸerini ayırt etmesi için gerekli olduÄŸu düÅŸünülür.
-
DiÄŸer bir deyiÅŸle, içerik grupları arasında boÅŸ alanlar yoksa kafamız karışır ve çok çabuk okumayı veya izlemeyi bırakırız.
-
Sorun: Bir web sitesinde, görüntüleyen kiÅŸinin aÅŸağı kaydırdığı biçim uzun ve dar olduÄŸundan yatay alan oluÅŸturmak zor olacaktır.
Bu sorunu, öÄŸeleri doÄŸrudan birbirinin altına yerleÅŸtirmemize izin veren ayırıcılar kullanarak çözebiliriz. Bu ayraçlar:
-
Kutular olabilir. Bu web sitesinin neredeyse tüm sayfalarında yaptığım ÅŸey bu. Åžu anda bulunduÄŸunuz sayfa dışındaki çoÄŸu sayfaya giderseniz, içeriÄŸi "kutuların" içine yerleÅŸtirdiÄŸimi göreceksiniz.
-
Bunlar ÅŸeritler ya da
-
ya da konteyner kutular olabilir.
-
-
Çizgiler: Bunları, ÅŸu anda bulunduÄŸunuz bu sayfada özellikle, farklı türde bilgi içeriÄŸini nasıl çok yakın yerleÅŸtirebileceÄŸinizi göstermek için kullandım.
-
"Basit tutun" giriÅŸi, esasen yalnızca aklınızda tutmanız gereken ÅŸeylerin bir listesi olan diÄŸerlerinden farklı olduÄŸu için, onun altındaki çizginin kalınlığını artırarak bununla onu takip eden her ÅŸey arasında bir ayrım oluÅŸturdum.
-
Görsel malzemeyi bir araya getirirken yarım ölçülere gitmeyin. Hiyerarşi karışıklığı olmaması için eylemleriniz kasıtlı ve güçlü olmalıdır:
-
HerÅŸeyi tam olarak hizalayın. Ancak bir ÅŸeyi hizasız bir ÅŸekilde yerleÅŸtirmek istediÄŸinizde (bu olabilir), o zaman sadece biraz hizasız deÄŸil, görünür ÅŸekilde hizasız olduÄŸundan emin olun.
-
Nesneleri ya tam olarak aynı boyutta ya da gözle görülür ÅŸekilde farklı boyutlarda yapın.
-
Bu özellikle metinler için önemlidir. Ä°ki metin parçası arasındaki bir nokta farkı belirsizdir - bunu bilinçli olarak fark etmeyebiliriz ama yine de bilinçaltında kafa karıştırıcı bir belirsizliktir.
-
Farklı boyutlarda metinler yapmak istiyorsanız, aradaki farkın açıkça anlaşıldığından emin olun.
-
-
Görsel için de aynı ölçüt geçerli elbet. Nesneleri ya aynı boyutta (aynı yükseklikte, aynı geniÅŸlikte veya tamamen aynı) ya da çok farklı boyutlarda yapın. Hemen fark edilecek kadar farklı ki böylece patronu hemen tanıyabilelim
-
-
Kümeleri kasıtlı olarak ayırın.