top of page

ÖNCE SADELİK!

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.

noun-highlights-1543432_edited.png

01

Metin, bilginin birincil taşıyıcısı olduğu için herhangi bir grafik tasarım projesinde her zaman bir numaradır.

noun-eye-1543441.png

02

Görsel, bilginin ikincil taşıyıcısı olduğu için herhangi bir grafik tasarım projesinde iki numaradır.

noun-background-635452.png

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

AZ AMA ÖZ

Ö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.

TUTARLILIK
kisspng-barcelona-chair-brno-chair-chaise-longue-knoll-2-12-mars-27-archive-at-diaposon-5b
HİZA

İ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. 

HİYERARŞİ
KÜMELER
  • 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.

 
 
AYRAÇLAR
BOŞ ALAN
BELIRSIZLIK

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.

TİYO
bottom of page