2009 yılında web tasarım eğilimleri ve yeni yaklaşımlar
2009 yılı için yapılan web tasarım öngörülerine her geçen gün yenileri ekleniyor ve tasarım yavaş yavaş bu eğilimlere göre şekil alıyor. Web tasarım konusunda fikirlerine oldukça itibar edilen Smashing Magazine bu konuda birçok makale yayınlıyor. Bunlardan sonuncusunda da önemli konulara değinmiş. Gelin bu konular neler birlikte inceleyelim;
1. Sıradışı-farklı sayfa düzenleri (out-of-the-box layouts)
Bu tür tasarımlarda “yaratıcılık” anahtar kelime. Bu yaratıcılığı yakalamaya çalışırken kullanılabilirlikten ödün vermemek ise en önemli nokta. Eğer yaratıcı iseniz, yeteneğiniz varsa neden bunu göstermekten çekineceksiniz ki? Bu yıl çizginin dışına çıkıp daha cesur hareket edebilenler sanırım takdir toplayacak tabii belirli strandartları yerine getirebiliyorsa. Bu yaratıcı tasarım için güzel bir örnek “colourpixel.com”. Benzer örnekler için Smashing’i ziyaret edebilirsiniz.
2. Tek sayfalı sayfa düzenlemeleri
Tasarımcıların ziyaretçilerini etkilemelerinin bir diğer yöntemi tek sayfalı düzenlemeler yapmak. Açıkçası bu yöntem benim de oldukça ilgimi çekiyor. Yeni çünkü! Ayrıca, sıradışı olmayı sağlayabilecek süper tekniklerden biri bence. Sitenin temel amaçlarından biri ziyaretçiyi mümkün olduğu kadar uzun süre sitede tutmak ise, böyle bir sayfa düzeni bunu kolaylaştırabilir.
Tek sayfalı düzenlerde kullanıcı menüden bir linke tıkladığında sayfada var olan içerik yerine tıklanan içerik geliyor. Yani herşey anasayfa üzerinde çalışıyor. JavaScript kütüphaneleri bolca devreye giriyor. Bunun artı ve eksileri konuya hakim tasarımcılar tarafından mutlaka tartışılacaktır. Benim ahkam kesmeye yetecek bilgim yok. Ancak kendi beğenim üzerinden şunu söyleyebilirim ki, yeni ve farklı olan bir site benim için değerlidir. Vakit ayırıp incelerim. Bu tek sayfalı düzeni kullanan ve başarılı olduğunu düşündüğüm bir site; “lucuma.com.ar”
3. Çok sütunlu sayfa düzenleri
Yukarıdaki yöntemin bambaşka bir alternatifi ise çok sütunlu sayfa düzenleri yaratmak. İnternetin en güzel yanlarından biri işte bu farklı tasarımların hepsinin doğru kullanıldığında başarılı olabilmesi. Kesin ve tek geçerli teknik olmadığı için internet bu kadar zengin.
Burada çok sütunlu olarak bahsedilen tasarımlarda 3 ve daha fazla sütun kullanılmış, yine de karmaşıklıktan eser yok. Böyle bir tasarımı başarıyla yapmak bence zor bir iş. Ama üstesinden gelinirse sonuç kesinlikle çok iyi oluyor. İşte size bir örnek; “thedarlingtree.com”
4. Büyük illüstrasyon ve canlı görseller kullanmak
Tıpkı çok büyük kullanılan tipografik öğeler gibi büyük illüstrasyonlar da popülerlik kazanıyor. Görsel açıdan çekici olan bu öğeler aynı zamanda akılda kalıcı da. İllüstrasyonlara ek olarak canlı ve dikkat çekici grafik ve görseller de diğer tarasım öğelerinden. Son zamanlarda yayınlanan grunge, retro, vintage, suluboya ve organik dokuları bolca göreceğimiz tasarımlar var bu yıl. Güzel bir örnek vermek gerekirse “boompa.ca” uygun olur sanırım.
5. Daha fazla beyaz alan kullanımı
6. “Sosyal” tasarım öğeleri
Günümüzde blogların birçoğu yayınladığı içeriğin ilerlemesini sağlamak için çeşitli sosyal ağları kullanıyor. Bunu yaparken de çeşitli sosyal ikonlar kullanılıyor. Bu ikonlar her yerde! Makalelerin sonlarında, başlığın altında, sidebarlarda vs. Ayrıca Twitter, Flickr ve Last.FM entegrasyonları da hala çokça kullanılıyor. Yani bu sene de sosyalleşmeye devam edeceğiz!
7. “Konuşan” Navigasyon
Burada nistepen yeni bir kavramla karşı karşıyayız sanırım. Bir navigasyon menüsünün en önemli görevlerinden biri ziyaretçiyi sitenin doğru bölümlerine gönderebilmektir. Ancak sadece bir ya da birkaç kelime o bölümün ne olduğunu, içeriğinde neler yer aldığını açıklamak mümkün olmaya bilir. İşte bu noktada “konuşan” navigasyonlar devreye giriyor; ziyaretçi menüye tıkladığında ne ile karşılaşacak, kendisini ne gibi bir içerik bekliyor görebilecek. Sanırım örnekler durumu daha iyi açıklayacaktır.
8. Dinamik Sekmeler
İnteraktif tasarımdaki bir diğer popüler eğilim ise içeriği güncellenen-dinamik sekmeler kullanmak. Bu dinamik sekmelerin ardındaki fikir şu; sayfa yüklendiğinde tüm sekmelerin içeriği yüklenmiş olur ama sadece bir sekmenin içeriği görüntülenir. Kullanıcıya sekmeler arasında gezinme imkanı tanınır.
Konuyla ilgili smashing maganize’in yönlendirdiği iki tutorial var. İlki nettuts.com‘da ve “CSS ve jQuery kullanarak sekmeli içerik aranları yaratmak” başlığını taşıyor. İkincisi ise docs.jquery.com‘dan, yani kaynaktan. Her iki kaynakta da konuyla ilgili doyurucu bilgiler yer aldığını düşünüyorum.
İlginizi çekebilecek benzer yazılar:
Teşekkür ederim Çok güzel bir inceleme olmuş
zaman ayırıp okuduğunuz için teşekkürler, Denizli’ye selamlar, iyi çalışmalar
Adresten adrese, ordan, burdan, şurdan derken buraya kadar gelmişim. Güzel bir blog ve güzel bir konu, özellikle konuşan Navigasyon, Daha fazla beyaz alan kullanımı ve Büyük illüstrasyon ve canlı görseller kullanmak ilgimi çekti. Güzel bir paylaşım olmuş teşekkürler, başarılar.
Selamlar Özgür, makaleyi okurken benim de ilgimi çeken konular bunlar olmuştu. Özellikle beyaz alan kullanımı. “less is more” denen bir olgu var, yani bazı zamanlarda daha az ile daha çoğu verebiliriz. Konuşan navigasyon ise kullanıcı dostu yeni sitelerde sıkça göreceğimiz özelliklerden. Lafı fazla uzatmadan Edirne’ye selamlar, yeni projelerinde başarılar diliyorum.