WeBMasteR
28.Eylül.2014, 22:38
Web tasarımın en fazla dikkat çeken parçası header (tepe) tasarımlarını inceliyoruz. Buradaki örnekler hep yabancı sitelere ait. Ö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.
https://farm9.staticflickr.com/8151/7439429834_64f4594144_z.jpg (https://www.kultika.de/)
2: Social Media Examiner Yazıları da gayet yararlı olan sitenin header tasarımı da maskotuyla birlikte ilgi çekici.
https://farm6.staticflickr.com/5458/7439488832_1b0758ea55_z.jpg (https://www.socialmediaexaminer.com/)
3: Corvus Art Bir tasarım sitesi için arkaplan olarak yağlı boya tuvali kullanılması gayet şık olmuş.
https://farm9.staticflickr.com/8145/7439512150_3097980e30_z.jpg (https://www.corvusart.com/)
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.
https://farm8.staticflickr.com/7136/7439537390_da46536a8f_z.jpg (https://www.duirwaigh.com/)
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 (https://www.bestpsdtohtml.com/wp-content/uploads/2010/04/Matt-Mullenweg.jpg) şekildeymiş.
https://farm6.staticflickr.com/5447/7439675932_d8f8150199_z.jpg (https://ma.tt/)
6: That Indie Dude Grunge tasarıma benzeyen bir tasarım daha. Çok ilgi çekici olduğu söylenemez ama orjinal olduğu kesin.
https://farm6.staticflickr.com/5152/7439785464_967935e1f8_z.jpg (https://www.thatindiedude.com/)
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.
https://farm9.staticflickr.com/8143/7439808062_6f978770e8_z.jpg (https://www.web.burza.hr/)
8: Deborah El ile çizilmiş ve sulu boya efekti verilmiş bir header tasarımı.
https://farm8.staticflickr.com/7268/7439983792_98dd8d4662_z.jpg (https://deborahcavenaugh.com/)
9: Carbon Sugar Böylesi header tasarımlarının pek bir orjinalliği kalmadı. Yine de başarılı bir örnek.
https://farm8.staticflickr.com/7114/7440029996_4f52967409_z.jpg (https://www.carbonsugar.com/)
10: Synch Media Renkli ama renk cümbüşü yok. Orjinal, göz yormayan ve siteyle bütünleşmiş bir header tasarımı.
https://farm6.staticflickr.com/5199/7440074174_a38c08934b_z.jpg (https://synchmedia.com/)
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ş.
https://farm9.staticflickr.com/8161/7440170846_4e2ca740a4_z.jpg (https://www.somoslaperalimonera.com)
12: Pally Giraffe Çok dikkat çekici olmasa da sade ve şirin bir tasarım.
https://farm8.staticflickr.com/7108/7440222472_7506e1b519_z.jpg (https://www.pallygiraffe.com/)
13: Simle Art Listemizdeki en orjinal tasarımlardan biri. Tasarım, çalışma ofisine tepeden bakılarak yapılmış.
https://farm8.staticflickr.com/7106/7440374512_2877227d9e_z.jpg (https://www.simpleart.com.ua/en)
14: The Pixel Footer tasarımını da incelediğimiz sitenin header’ı bir başka güzellikte; çizgi film karesinden farkı yok.
https://farm8.staticflickr.com/7127/7440433112_ae67ddceec_z.jpg (https://www.thepixel.com/blog/)
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.
https://farm8.staticflickr.com/7139/7440484946_3e7a5cea8e_z.jpg (https://art4web.sk/en/)
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.
https://farm9.staticflickr.com/8154/7440711912_02212fc9cf_z.jpg (https://www.bei.ro/blog/)
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ş.
https://farm8.staticflickr.com/7125/7440741512_751dd613f5_z.jpg (https://www.brokedesign.com/)
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.
https://farm9.staticflickr.com/8027/7440768478_e052603e80_z.jpg (https://www.sourcebits.com/tangleddecals/)
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.
https://farm9.staticflickr.com/8166/7448419344_eceeb02e9e_z.jpg (https://www.badhealth.nhs.uk/)
20: Livind Design Eski zaman tablolarından farkı yok. Birbiri üzerine binmiş katmanlarla çok ince bir çalışma olmuş.
https://farm9.staticflickr.com/8005/7448448728_928404c3b5_z.jpg (https://www.livingdesign.info/)
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ış.
https://farm8.staticflickr.com/7276/7448472654_999b778bca_z.jpg (https://www.toasteddigital.com/)
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.
https://farm8.staticflickr.com/7263/7448512970_e9282f740e_z.jpg (https://www.justdot.gr/)
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.
https://farm9.staticflickr.com/8027/7448530378_72bb6fb65d_z.jpg (https://www.nomilktoday.be/)
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.
Kaynak: https://www.heptasarim.com/ilhamlik-20-header-tasarimi.html
1: Kultika Grunge tasarımların yeri ayrı oluyor hep. Bu header tasarımı da “eskiye özlem” diyeceğimiz bir trende ait.
https://farm9.staticflickr.com/8151/7439429834_64f4594144_z.jpg (https://www.kultika.de/)
2: Social Media Examiner Yazıları da gayet yararlı olan sitenin header tasarımı da maskotuyla birlikte ilgi çekici.
https://farm6.staticflickr.com/5458/7439488832_1b0758ea55_z.jpg (https://www.socialmediaexaminer.com/)
3: Corvus Art Bir tasarım sitesi için arkaplan olarak yağlı boya tuvali kullanılması gayet şık olmuş.
https://farm9.staticflickr.com/8145/7439512150_3097980e30_z.jpg (https://www.corvusart.com/)
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.
https://farm8.staticflickr.com/7136/7439537390_da46536a8f_z.jpg (https://www.duirwaigh.com/)
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 (https://www.bestpsdtohtml.com/wp-content/uploads/2010/04/Matt-Mullenweg.jpg) şekildeymiş.
https://farm6.staticflickr.com/5447/7439675932_d8f8150199_z.jpg (https://ma.tt/)
6: That Indie Dude Grunge tasarıma benzeyen bir tasarım daha. Çok ilgi çekici olduğu söylenemez ama orjinal olduğu kesin.
https://farm6.staticflickr.com/5152/7439785464_967935e1f8_z.jpg (https://www.thatindiedude.com/)
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.
https://farm9.staticflickr.com/8143/7439808062_6f978770e8_z.jpg (https://www.web.burza.hr/)
8: Deborah El ile çizilmiş ve sulu boya efekti verilmiş bir header tasarımı.
https://farm8.staticflickr.com/7268/7439983792_98dd8d4662_z.jpg (https://deborahcavenaugh.com/)
9: Carbon Sugar Böylesi header tasarımlarının pek bir orjinalliği kalmadı. Yine de başarılı bir örnek.
https://farm8.staticflickr.com/7114/7440029996_4f52967409_z.jpg (https://www.carbonsugar.com/)
10: Synch Media Renkli ama renk cümbüşü yok. Orjinal, göz yormayan ve siteyle bütünleşmiş bir header tasarımı.
https://farm6.staticflickr.com/5199/7440074174_a38c08934b_z.jpg (https://synchmedia.com/)
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ş.
https://farm9.staticflickr.com/8161/7440170846_4e2ca740a4_z.jpg (https://www.somoslaperalimonera.com)
12: Pally Giraffe Çok dikkat çekici olmasa da sade ve şirin bir tasarım.
https://farm8.staticflickr.com/7108/7440222472_7506e1b519_z.jpg (https://www.pallygiraffe.com/)
13: Simle Art Listemizdeki en orjinal tasarımlardan biri. Tasarım, çalışma ofisine tepeden bakılarak yapılmış.
https://farm8.staticflickr.com/7106/7440374512_2877227d9e_z.jpg (https://www.simpleart.com.ua/en)
14: The Pixel Footer tasarımını da incelediğimiz sitenin header’ı bir başka güzellikte; çizgi film karesinden farkı yok.
https://farm8.staticflickr.com/7127/7440433112_ae67ddceec_z.jpg (https://www.thepixel.com/blog/)
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.
https://farm8.staticflickr.com/7139/7440484946_3e7a5cea8e_z.jpg (https://art4web.sk/en/)
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.
https://farm9.staticflickr.com/8154/7440711912_02212fc9cf_z.jpg (https://www.bei.ro/blog/)
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ş.
https://farm8.staticflickr.com/7125/7440741512_751dd613f5_z.jpg (https://www.brokedesign.com/)
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.
https://farm9.staticflickr.com/8027/7440768478_e052603e80_z.jpg (https://www.sourcebits.com/tangleddecals/)
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.
https://farm9.staticflickr.com/8166/7448419344_eceeb02e9e_z.jpg (https://www.badhealth.nhs.uk/)
20: Livind Design Eski zaman tablolarından farkı yok. Birbiri üzerine binmiş katmanlarla çok ince bir çalışma olmuş.
https://farm9.staticflickr.com/8005/7448448728_928404c3b5_z.jpg (https://www.livingdesign.info/)
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ış.
https://farm8.staticflickr.com/7276/7448472654_999b778bca_z.jpg (https://www.toasteddigital.com/)
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.
https://farm8.staticflickr.com/7263/7448512970_e9282f740e_z.jpg (https://www.justdot.gr/)
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.
https://farm9.staticflickr.com/8027/7448530378_72bb6fb65d_z.jpg (https://www.nomilktoday.be/)
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.
Kaynak: https://www.heptasarim.com/ilhamlik-20-header-tasarimi.html