tasarımlar | bildirgec.org

Tasarımcılar göz alıcı tasarımlar yaparken aynı zamanda sitenin işlevsel olması için çok çaba harcıyorlar. Bu yazımda mükemmel tasarımlar ve yenilikçi tasarım tekniklerinin akıllıca kullanıldığı bir kaç tasarımdan bahsedeceğim. Eminim bu tasarımlarda ilham alabileceğiniz birkaç özellik bulacaksınız.

Heartbreaker Fashion



50'ler ve 60'ların kıyafetlerinden esinlenilerek yapılmış, pastel renkler ve retro çizimler kullanılan tasarımı ile Heartbreaker'ın tasarımı şirket vizyonunu çok iyi yansıtıyor. Noktalı ve çizgili kenarlıklar farklı nesneleri birbirinden nazik bir biçimde ayırıyor.

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.

bir web sitesine girdiğimizde dikkatimizi çeken ilk şey o sitenin tasarımıdır. basit tasarımlar her zaman daha tercih edilesi ve daha sık kullanılan olsa da bazı durumlarda farklı site tasarımları kullanılmakta. bunlardan biri de flash tabanlı interaktif site tasarımları.

interaktif tasarımlar çeşitli noktalarda yönlendirme fırsatı tanıyarak kullanıcıyı da işin içine katıyor. bu sayede kullanıcıyı daha aktif kılarak sitede eğlenceli vakit geçirmesini sağlamış oluyor.

bu bildiride de flash tabanlı 14 adet interaktif siteye yer vereceğiz.

spor sağlıklı yaşamın temel şartlarından biri. spor severler de her alanda spora ulaşmaktan büyük keyif alıyorlar.

Sporla ilgili web sitelerinin incelendiği bu bildiride bahsi geçen siteler sıradanlıktan oldukça uzak ve tasarımcılarının hayal güçlerini zorlayarak ortaya çıkardıkları siteler.
spordan veya flash tasarımlardan hoşlanıyorsanız bu siteler tam size göre.

1/jordan: history of flight

uçmanın tarihi konulu bu sitede gerçekten kendinizi uçuyor gibi hissetmeniz mümkün. tamam biraz abartmış olabilirim ama bu sitenin yaratıcılığını değiştirmiyor. ayakkabı tutkunlarının ve basketbol severlerin büyük ilgisini çekebilecek bir site.
2/skiselector elanskis

kayak sporundan, teknolojiden veya flash tasarımlardan hoşlanıyorsanız mutlaka bakmanız gereken site diyebilirim. sakın "skip intro" (introyu geç) demek gibi bir hata yapmayın. sitede sempatik bir adam sizlere kayak sporunu anlatıyor.

2010 yılı bitti bitecek, yeni yıl hazırlıkları da başladı bile. "yeni yılda ne yapıyorsun?" klişesi de haliyle revaçta.. neyse konuyu fazla dağıtmayalım. bu yılın en iyi flash sitelerini incelemeye koyuldum ve ortaya bu yazı çıktı. bakalım bu yılın en yaratıcı, en kaliteli flash siteleri hangileriymiş?

1)Monoface

monoface her şeyden önce oldukça eğlenceli bir site. keyifli vakit geçirmek için birebir diyebilirim. tek olumsuz yanı ise loading (yükleniyor) kısmı biraz sıkıyor. kabaca, kendi yüzünüzü tekrar tasarlıyorsunuz diyebiliriz sitenin içeriği hakkında ip ucu vermek için. denemelisiniz anlatılmaz yaşanır.
2)waterlife

waterlife doğa severlerin oldukça hoşuna gidebilecek bir site. özellikle deniz yaşamını sevenlerin beğeneceğini umuyorum. "yükleniyor" kısmını da dalgalara benzetmişler ama biraz uzun tutmuşlar. onun dışında harika bir site. fotoğrafların içinde yüzüyorsunuz diyebilirim.
3)marc ecko

Vintage, eski yıllardan korunum saklanmış veya eskiye dönüş anlamına gelmektedir. Web tasarımında da vintage tarzı çalışmalar yapılmaktadır.Postmodern çalışmalardan sıkıldıysanız aşağıdaki örnekleri inceleyerek hayal gücünüz ile sizde benzer tasarımlar yaratabilirsiniz. İşte inanılmaz vintage tasarımları;

(ctrl + N)

Level 2 Design

Custom

minimalist tasarımlar kısaca sade tasarımlar olarak tanımlanabilir.Birçok renk ve karmaşıklığın dışına çıkılarak hazırlanan bu tasarımlar oldukça sade ve renksizdirler.Wordpress kullanıcılarınında hatırı sayılır bir kısmı minimalist wordpress temalarını kullanmaktalar. Aşağıdaki ücretsiz wordpress temalarını kullanabilir veya farklı tasarımlara imza atabilirsiniz. İşte Muhteşem Minimalist temalı Wordpress Temaları;

Modern Clix

CSS ile web tasarımın dışında yapabileceğiniz farklı bir uğraş olan resim çizimi oldukça zor olsada css3 ile birliklikte çok az da olsa biraz kolaylaşmız gözüküyor. pixel'ler kullanılarak yapılan tasarımlar, ascii karakterler ile oluşturulan tasarımlar ve css3 desteklikli tasarımlar bulunmakta. Aşağıda yüksek kalitede css ile yapılan çizimler bulunmakta. Nasıl yapıldığını inceleyebilir, benzer çalışmalara adım atabilirsiniz. CSS ile Yapılan Çizimler;

Twitter Fail Whale

Homer Simpson

Skull with Flames
(Alevli Kafatası)