header | bildirgec.org

Blogdesingblog.com blog tasarlerken dikkat edilmesi gereken noktaları 9 parçaya ayırarak anlatıyor. Bu başlıkların Türkçe karşılıklarından çok genellikle İngilizce adlarına yatkın olunduğu için İngilizce adlarını da beraber vermek bu anlatım için daha yararlı olacaktır.
Bu dokuz alt başlık şöyle.

Başlık (Header)
İçerik Alanı (Content Area)
Birincil yönlendirici (primary navigation)
İkincil yönlendirici(secondary navigation)
Manşetler (Headlines)
Yorumlar (Comments)
Makale Sonu (Post’s Footer)
Sayfa Altı (Footer)
Reklamlar (Advertisements)

HEADER - başlık

Başlık ziyaretçilerin siteye girişlerinde karşılaştıkları ilk bölge olduğu için sitenin en önemli kısımlarından biridir. blogu diğer bloglardan ayırabilecek ve öne çıkarabilecek bir yapıda olduğu için üzerinde önemle durulması gerekir. Başlık benzersiz ve hatırlaması kolay olmalıdır. Bu yüzden blog tasarımcıları başlık üzerinde son derece titiz çalışırlar, öyle ki sadece hazır bir tasarımı kullanan bloggerlar dahi başlık kısmını kendilerine uyarlamaya çalışırlar. Blog başlığı tasarımını populer kılmak için Vinh Le'nin kaleme aldığı şu makaleye göz gezdirmekte fayda var.

not: 2008 yılında yayınlamış bir makale olmasından dolayı verilen örneklerden bazılarında tasarımlar değişmiş. Ancak bu makalenin orjinalinin yayınlandığı siteye giderek orada kaydedilmiş olan örnekleri inceleyebilirsiniz.

Birkaç mükemmel header örneği

1.Octwelve

octwelve header da bir çizgi karakterin kullanıldığı iyi bir örnek.

header, ziyaretçinin bir web sitesinde sayfa üzerinde gördüğü başlıktır, büyük olasılıkla ilk şey. dolayısıyla ziyaretçiniz hoş tasarlanmış bir header'dan etkilenip sayfanızda daha uzun kalabilir. blogunuz için burada belirtilen etkileyici header'lara göz atalım.

1. tutorial9

2. home design find

Tasarımcılar ve özellikle de Profesyonel wordpress kullanıcıları için Smashing Magazine tarafından yayınlanan son derece şık ve kullanışlı ikon setleri ile wordpress temalarını bir araya topladım. Umarım işinize yarar.

Proje İkon Seti
Navdeep Raj tarafından tasarlanan ve Smashing Magazine tarafından ücretsiz olarak paylaşıma açılan bu ikon seti proje yönetimi ile ilgili 18 adet şık ve profesyonel görünümlü ikon içeriyor.

İkon setinde bulunan takvim, proje, döküman, iletişim, kartvizit, portfolyo gibi ikonları transparan PNG ve Fireworks Vektör formatlarında buradan indirebilirsiniz.

Web Developer İkon Seti
Pedja Rusic tarafından tasarlanan bu ikon setinde, küçük detayları ile diğer ikonlardan farkını ilk bakışta belli eden çok şık 38 adet ikon bulunuyor.

Tasarımcılar için çok kullanışlı bu ikonları .ico .icns .png formatlarında ve 512x512px boyutlarına kadar farklı büyüklüklerde ücretsiz olarak buradan indirebilirsiniz.

İlham alınacak kaynaklar serisine devam ediyoruz. Bu bildiride ilham alabileceğiniz 50 adet web tasarımını bulabileceksiniz. Buyrun:

1). feed stitch

2). tolingo

3). snoop media

ilham alınacak 30 footer tasarımından sonra (ayrıca yorumlarda gelen istek üzerine) şimdi de 24 ilham alınacak header'ı (web sitesi başlığı) bu bildiride bulabilirsiniz. Dilerseniz daha önce bildirilen 30 yaratıcı illustration website başlığına da bakabilirsiniz.

01 - nomilktoday.be

02 - thatindiedude.com

Web sitenizin başlığı ziyaretçi üzerinde hemen etki yapar bu nedenle özenle hazırlanması gerekir.

Bu yazıda 5 farklı türde etkili başlık örneklerine ulaşabileceksiniz.

Büyük Başlık

Büyük başlıklar çok güzel görünüyor ancak kullanmak riskli olabilir.

1 - Lewro’s Blog

2 - Chris Hortsch

Bu yazıda web tasarımındaki başlıkların (site başlıkları ve içerik başlıkları) verimliliğini arttırmak için uygulanabilecek bazı kolay ve hızlı tekniklerden bahsedeceğim. Verimli başlıklar kullanıcılar ile daha hızlı iletişim kurdukları gibi onların fazla düşünmesine gerek kalmadan sitenizin içeriği hakkında bilgi sahibi olmalarını sağlar. Bu kurallar uygulamanız gereken kuralların tamamını içermemesine rağmen tasarım aşamasında göz önünde bulundurmanız gerektiren kurallardır.

1. Başlıklarınızın İçerikten Gözle Görülür Bir Biçimde Ayrı Olmasına Özen Gösterin
Başlıklarınız içeriğinizden farklı ve ayrı bir şekilde görünmelidir. Tıpkı site içi bağlantılarınızın rengini değiştirip altını çizili görüntülediğiniz gibi, başlıklarınızın görünümü de sitenin geri kalanına kıyasla daha özgün olmalıdır. Renkler, yazıtipi boyutu ve farklı yazıtipleri kullanarak başlıklarınıza kontrast uygulayın. Altı çizili elementlerin bağlantılarla sınırlı kalması sitenin genel uyumluluğu açısından önemli olduğunu unutmayın.

2. Daha Sıcak Renkler Kullanın

Sıcak renkler, soğuk renklere oranla daha dikkat çekicidirler. Sıcak renkler aktiftir, dikkat çekerler ve sayfanın geri kalanından daha ön planda görünürler. Soğuk renkler ise sayfayla bütünleşir. Mümkün olduğu kadar sıcak renkler kullanarak okurlarınızın dikkatini daha çabuk çekereken onları içeriğin kendisine odaklanmalarına yardımcı olmaya çalışın.

blonuzda en alta indiğinizde içinizi karartan birşeyler oldu mu? hemen yukarı mı çıkmak istediniz? "Header Nedir" yazımızda üzerinde durduğumuz sayfa başlığı imajlarından biraz aşağılara inelim ve tasarımcıların bloglarının diplerine gömdükleri sanatsal çalışmalara bir göz atalım. her ne kadar çok önemsenmese ve dikkat edilmese de gerçekten tasarımı bir kalıba oturtmak için uygulanan pek narin hoş footerlar bunlar;

• 
  
•