PDA

Orijinalini görmek için tıklayınız : Web 2.0 Tasarım Rehberi



donanma44
29-07-2010, 05:22
Bu rehberde, alt yapı çalışmalarından bağımsız olarak sadece tasarım kriterlerini ele alacak olsak da iyi bir web 2.0 sitesi ortaya çıkarmak için öncelikle CSS ile kodlama yapmanın temel taşlarını biliyor olmak gerekiyor.
CSS ile kodlama kutular mantığı üzerine oturtulduğu için bizde tasarımlarımızdaki sayfa düzeni ve kolon yapısını buna benzer kutular mantığına uygun halde tasarlamalıyız.

Web 2.0 trendinde amaç aslında hemen her web sitesinin ilk amacı olduğu gibi, bilgiye en kolay en sade ve çabuk şekilde ulaşmak.

Bunun için, kullanıcıların ulaşmak istedikleri bilgiye en çabuk ve kolay şekilde ulaşmasını sağlamak da Web Tasarımcısının birincil görevi haline geliyor. Web 2.0 tasarımları CSS kodlaması içerdiğinden bu tablosuz yapı içerisinde oluşturulacak kolonlarında bu tip sayfa planlarına göre hazırlanması hem kodcuların işini kolaylaştıracak hem de ürettiğimiz sayfaların anlaşılabilirliğini artıracaktır.


Basit tasarımlar hemkullanıcıların sunmak ve dikkatini çekmek istediğiniz elementlere ilgisini yoğunlaştırır hem de karmaşık olmadığı için siteye odaklanmasında fayda sağlar.


Web 2.0 tasarımlarda kullanılabilecek bazı basit sayfa planları şu şekildedir.


[Only Registered Users Can See Links]



Tasarımlardaki kolon sayısının azlığı ve kolay anlaşılabilir olması açısından oldukça önemli bir ayrıntı. 4 kolondan ve içerisine serpiştirilmiş bilgilerden oluşan bir yapı ile 2 kolondan oluşan ve içerisine doğru yerleştirilmiş bir içeriğin kullanıcı tarafında yaratacağı fark gerek zaman harcama gerekse anlaşılabilirlik açısından çok büyük fark yaratacaktır.
Basit Sayfa Yapısı Oluşturmanın Yolları


Öncelikle sayfa içerisinde kullanılan yada kullanılması düşünülen tüm gereksiz görsel öğelerden kurtulmak.
Sayfa içerisinde aynı amaca daha hızlı nasıl ulaşılabileceği konusunda alternatif çözümler üretmeye çalışmak.
Gözleri yormayacak, kullanıcıyı içine alan renkler kullanmak.
Basit cümle ve görsel elementler ile kullanıcı ile iletişim kurmak.
Yoğun bilgi ve dataları, sade ve seyrekleştirilmiş bilgiler halinde sunmak.