desing | 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

ajaxline'ın derlemiş olduğu Kasım ayının en popüler illustrator derslerini inceleyerek yeni teknikler öğrenebilir, tasarımlarınızı zenginleştirebilirsiniz.

Create a Personalized Toolkit for Making Maps
(Harita Yapmak İçin Kişiselleştirilmiş Araç Seti Oluşturma)

Creating a Vector Girl
(Vektör Kız Oluşturun)

Create interlocking motifs in Illustrator
(Illustrator ile kilitli motifler oluşturun)

HTML5, henüz geliştirilme ve dağıtım aşamasında olsa, hatta birçok tarayıcı sürümü tarafından desteklenmemiş olsa da oldukça sevilen bir dil halini aldı. Klasik web yapısını tümüyle değiştiren bu farklı dil ile herhangi bir eklentiye gerek kalmadan tümüyle dinamik tasarımlar oluşturulabiliyor. Tamamen açık kaynak kodlu olduğu için aşağıdaki uygulamaları inceleyebilir ve siz de benzer çalışmalar yapabilirsiniz. Muhteşem HTML5 Efektleri;

Breathing Galaxies

Noise Field

Keylight

Tek sayfalık web tasarımlarında, genelde içerik tek bir sayfaya sığdırıldığı için css ve javascript'e ağırlık verilmekte.jQuery ile slider vb. uygulamalar yapılırken css3 ile tasarımı ögelerini güçlendirerek daha şık durması sağlanabilir. Aşağıda içeriğinde birçok javascript uygulaması barındıran tasarım örnekleri bulunmakta. Bu örnekleri inceleyerek sizde tek sayfalık tasarımlar hakkında fikir sahibi olabilir veya farklı örnekleri inceleyebilirsiniz. Yaratıcı Tek Sayfalık Web Tasarımları;

Adam Woodhouse

Jan-Eike Koormann

David Spink

Mediocore - David Arazim

yeni bir on yıl içine girerken, 2010 yılında eğlenceli ve deneysel çalışmalarla dolu web tasarım eğilimlerini tahmin edebiliriz. etkileyici tasarımlar oluşturmak için html5 ve css3'ün yeni özelliklerinden yararlanmaya çalışıyoruz. serif yazı tipi ve dokulu arka plan popüler olacak. css3 sayesinde, köşeleri yuvarlatılmış menüler, akıllı telefonların yükselişiyle, mobil web tasarımı 2010 yılına damga vuracak gibi görünüyor.

1- serif fonts
son on yılda, çoğu web sitesi verdana veya arial font içinde tasarlanmış, ancak bu yeni on yılda değişecek. web tasarımda serif yazı tipleri daha fazla yer alacak.
daha detaylı bilgi için bu makaleyi okuyabilirsiniz.
örnekler;

E-Ticaret siteleri ziyaretçilerine alışveriş imkanı verdiği için her bölümü çok önemlidir. Kötü bir tasarım ve alt yapı ziyaretçiye olumsuz bir izlenim bırakacaktır. Aşağıda size ilham kaynağı olabilecek 35 harika e-ticaret sitesi kullanıcı arayüz tasarımları yer almaktadır.

1. Free People

2. Rapha

3. Mouse to Minx

Full of jQuery Awesomeness Sites

Bir javascript framework'ü olan jQuery ile geliştirilmiş, aşağıdaki 20 web sitesi, web tasarımlarına yeni bir soluk getiriyor. İlham kaynağı olarak kabul edebileceğiniz 20 web sitesi, aşağıda listelenmiştir.

1. The Pixel Moving Society

Full of jQuery Awesomeness Sites

2. We Are Hunted

Full of jQuery Awesomeness Sites

Wordpress

Tasarım sektörü tarafından gücü bilinen wordpress ile geliştirilmiş, iyi bir tasarımın ve kullanılacak eklentilerin doğru seçilmesi durumunda nasıl bir siteye (blog) sahip olunabileceğine örnek güzel siteler aşağıda listelenmiştir.

Wall Street Journal Magazin

ford