bildirgec.org - etiketler: header tasarımı

Başlıklarınızı Daha Kullanıcı Dostu Kılacak 5 İpucu

pinkfloyd — Wed, 25 Feb 2009 19:00:00 GMT

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.

3. Belirginlik: Bşalıklarınız Büyük Olmalı

Başlıklarınız büyük boyutlu olsun. Kullanıclarınız bir şey daha büyük olduğunda onun daha önemli olduğunu anlayacaklardır. Başlıkların nasıl görünmesi gerekiğini anlamak için bir gazeteye bakın. Gazetenin başlığı sayfanın genelindeki en belirgin elementtir ve siz sayfanın alt kısımlarına indikçe, başlıkların boyutu küçülmeye başlar. Web tasrımında <h1>'den <h6>'ya kadar olan kodları kullanarak hem sayfamızın semantik yapısını korumuş oluruz, hem de benzer efekti yakalarız.

NTVMSNBC başlıklarında kullanılan sıcak renkler, büyük yazıtipi boyutu ve farklı yazıtipi ile sitenin geri kalanı ile kontrast oluşturulmuş.

4. Uygun Başlıklar Kullanın

Eğer sitenizin bir bölümünü başlık kullanarak tanımlıyorsanız, onun doğru ve uygun bir içeriğe sahip olmasına özen gösterin. Kafa karıştırıcı, trendlere uygun ya da insanları yanlış yönlendirecek başlıklar kullanmayın. Başlığınız içeriğin tanımladığı kim/ne/nerede/ne zaman olgusunu desteklemelidir. İçerik ise bunun nedenini açıklar.

5. Az ve Öz Olun

Başlıklarınız kısa olsun. Başlıklarınızın içeriğin en önemli kısımlarının altını çizmesine özen gösterin. Yine bu içeriğinizdeki kim/ne/nerede/ne zaman olgusunu desteklemelidir.

Sizin bu listeye ekleyeceğiniz ipuçları nelerdir? Sitenizdeki başlıkları ya da benzer elementlerin verimliliğini geliştirmek için sizin uyguladığınız taktikler neler? Yorumlarınızla paylaşın.

Kaynak:

Kullanılırlık ve Tutarlılık Hakkında Yazdığım Diğer Yazılar

Bu yazı pinkfloyd tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

blog tasarımında 'footer' denen cazibe

AntiHumanIST — Wed, 03 Dec 2008 20:41:00 GMT

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;

çok daha fazlası burada.

ilgili yazılar

tasarımda header cazibesi (3)

Bu yazı AntiHumanIST tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

tasarımda header cazibesi

AntiHumanIST — Sat, 12 Jul 2008 12:37:00 GMT

birçok site tasarımının sadece header ve footer tasarımları ile dikkat çekici kılındıkları aşikar bir durum. footer tasarımları sayfanın en altında kaldığı için pek ilgi çekmezken headerlar ise girişte gözümüzü alan ilk görsel cümbüştür. bugün bu işi özel olarak yapan kaynak sitelere dahi ulaşmak mümkün olmakta. hatta tasarımda söz sahibi sitelerden smashmagazinin yılın 2.ayında düzenlediği header tasarım yarışmasından da bu ilgiyi görmek mümkün.

bedava header grafiği sunan listesine ulaşmak için sizleri selcukhoca'nın kaynak bildirisine ve şuradaki adrese yönlendiriyorum. bu adresleri bir tasarımcı olarak ilmal etmenizi istemediğimi belirtip sizleri herbiri birer esin kaynağı olabilecek header tasarımlarımlarıyla başbaşa bırakıyorum.

*son örnekte kendi header imajımı ekliyor ve sizden gelecek örnekleri bekliyorum.

Smash magazinden ücretsiz headerlar;

noupe'den 70 seçkin header tasarımı;

bu da benden:

ilgili yazılar

Bu yazı AntiHumanIST tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage