Bir önceki yazımızda +15 footer tasarımlarını incelemiştik. Şimdi de web tasarımın footer’dan daha fazla dikkat çeken parçası header (tepe) tasarımlarını inceliyoruz. Ek olarak yazımızın en altında basit header tasarımlarının nasıl yapıldığını anlatan videolar ekledik. Özellikle yerli sitelerde rastladığınız ilham verici, orjinal ve ilgi çekici header tasarımları görürseniz konu altından yorumla yazımıza destek olabilirsiniz.

1: Kultika

Grunge tasarımların yeri ayrı oluyor hep. Bu header tasarımı da “eskiye özlem” diyeceğimiz bir trende ait.

2: Social Media Examiner

Yazıları da gayet yararlı olan sitenin header tasarımı da maskotuyla birlikte ilgi çekici.

3: Corvus Art

Bir tasarım sitesi için arkaplan olarak yağlı boya tuvali kullanılması gayet şık olmuş.

4: Duirwaigh

Bu sitenin footer tasarımını da bir önceki yazımızda incelemiştik. Header tasarımı daha çok ilgi çekici düzeyde.

5: Ma.tt

Domainin orjinalliğine pek yakışmasa da yine de orjinal bir tasarım. Aynı sitenin bir önceki header tasarımı da şu şekildeymiş.

6: That Indie Dude

Grunge tasarıma benzeyen bir tasarım daha. Çok ilgi çekici olduğu söylenemez ama orjinal olduğu kesin.

7: Web.Burza

Son zamanlarda Flash banner / header görmeye alışık değiliz. Sitenin header tasarımı Flash ile yapılmış. Menülerin üzerine geldiğinizde eğlenceli animasyonlar çıkıyor. Bu arada site Hırvat sitesi.

8: Deborah

El ile çizilmiş ve sulu boya efekti verilmiş bir header tasarımı.

9: Carbon Sugar

Böylesi header tasarımlarının pek bir orjinalliği kalmadı. Yine de başarılı bir örnek.

10: Synch Media

Renkli ama renk cümbüşü yok. Orjinal, göz yormayan ve siteyle bütünleşmiş bir header tasarımı

11: Somoz La Pera

Bir üstteki gibi header, sitenin genel tasarımıyla bütünleşmiş. Aslında bunda hiç header yok desek yeridir. Ayrıca footer tasarımı genel tasarımdan ayrı tutulmuş.

12: Pally Giraffe

Çok dikkat çekici olmasa da sade ve şirin bir tasarım.

13: Simle Art

Listemizdeki en orjinal tasarımlardan biri. Tasarım, çalışma ofisine tepeden bakılarak yapılmış.

14: The Pixel

Footer tasarımını da incelediğimiz sitenin header’ı bir başka güzellikte; çizgi film karesinden farkı yok.

15: Art4web

Bir başka güzel çalışma daha. Domain isminden de anlaşılacağı gibi sanatsal çalışmaların web’e uyarlanmış haline benziyor.

16: Bei Blog

Aslında tasarıma benzemiyor. Uzay resmi üzerinde değişiklikler yapılmış gibi. Footer tasarımı ise tamamen başka bir mantıkta.

17: Broke Design

Tasarımıyla 2011 Pixel yarışmasında birinclik kazanmış site. Kıvrık kağıt efektinin büyük tutulması asıl temayı oluşturmuş.

18: Tangled Decals

Tek sayfalık Flash animasyon sitesi. Header olduğu pek söylenemez. Logosu, menüsü ve logo arkaplan şekilleri header yerine sayılabilir.

19: Bad Health

Banner’da karikatür tarzı çizimler kullanılmış. Altında Slider kısmında ise aynı tarz tasarımların Flash hali var.

20: Livind Design

Eski zaman tablolarından farkı yok. Birbiri üzerine binmiş katmanlarla çok ince bir çalışma olmuş.

21: Toasted Design

Yeşilliği ve doğayı içeren tasarımları bu yazımızda pek inceleyemedik. Bu site header’ında yeşil bir doğayı içeren basit bir animasyon kullanmış.

22: Just Dot

Bilimsel formüllerin olduğu arka plan tüm siteyi kapsıyor. Header kısmında ayrıca el çizimi font kullanılmış. Karışık gözükse de tek sayfalık bir site olduğu için pek sorun yaratmıyor.

23: No Milk Today

Son incelememiz da gayet şık bir header üzerine. Fontlar, şekiller, menüler ve header tasarımı gayet büyük tutulmuş. Sadeliğin biraz üzerinde olduğundan verilecek bilgiler göz yormadan ziyaretçiye aktarılmış oluyor.

20′den fazla header tasarımında hepimizin gördüğü gibi incelediğimiz bütün siteler yabancı. Türkçe içerikli bir sitenin dikkate değer bir header tasarımını göremedik maalesef. Bizce bunun en büyük kaynağı web tasarım ve web yazılımın değerinin, yararının ve karşılıklarının ülkemizde henüz yeterince bilinmemesi. Bu durumda ülkemizde bu tasarımlara imza atacak kişiler boşa kürek çekmek istemiyor. Bunun yanında Türkçe kaynakların ve eğitim kurumlarının istenilen düzeyde olmaması nitelikli bilişimcilerin yetişmesini engelliyor.

Sonraki yazılarımızda Türkçe ve ücretsiz web tasarım ve web yazılım kaynaklarını inceleyeceğiz.

Tweet

7bfb9549b0324a55e83ab247d50eaac6

Şunlara da Göz Atın:

1. İlham Alacağınız 15 Footer Tasarımı
2. Web Siteleri Tasarımdan mı İbarettir ?