turuncu | 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 header da bir çizgi karakterin kullanıldığı iyi bir örnek.

Web sitenizde alternatif olarak kullanabileceğiniz hoş bir menü uygulaması olan ajaxflagmenu jQuery tabanlı bir uygulamadır. Dinamik yani eşzamanlı bir uygulama olan ajaxflagmenu ile sayfa yenilenmeye gerek kalmadan içerik değişir. Bu sayede kullanıcılarınızın gereksiz zaman harcamasını önlemiş olursunuz.

XMLHttpRequest nesnesi aracılığı ile jQuery ile hazırlanan bu uygulama Facebook'tan esinlenerek hazırlanmıştır. Menü kısmı sabit kalırken seçtiğiniz içeriğe göre belirli bir kısım yenilenmektedir. Basit tasarımlı dikey bir menü olmasına rağmen tasarım tamamen kişiselleştirilebilir.

Tasarımda ikon ögesi oldukça önemlidir. Tasarımın daha renklenmesi ve bazı bölgelere dikkat çekme gibi birçok farklı yapıda kullanılan ikonlar renkli tasarımlarda olduğu gibi minimalist tasarımlarda da oldukça önemlidir. Arşivlerinizde saklayabileceğiniz veya web sitelerinzde kullanabileceğiniz Muhteşem Minimalist ikon setleri;

Default Icon

eps, png, gif formatlarında siyah ve beyaz 110 tane ikon bulunmakta. Ikonların boyutları : 16x16, 24x24, 32x32, 48x48, 64x64, 128x128, 256x256. Ayrıca bu ikon arşivi creative commons sertifikasına sahip.

bwpx.icns

250 tane 18x18 boyutunda arka planı beyaz olan minimal ikon bulunmakta. Ayrıca bu ikon arşivi creative commons sertifikasına sahip.

Daha önce beyaz, mavi ve siyah renk kullanan siteleri görmüştük. Size ilham kaynağı olabilecek turuncu renk ile tasarlanmış sitelere aşağıdan ulaşabilirsiniz.

1 - sethsaid.com

2 - southernmedia.org

Logo tasarımında renk, iletilmek istenen mesajı karşı tarafa biranda sunabilen ve muhtemelen tasarımcıların sözlü olmayan iletişimlerde kullandıkları oldukça etkili bir yöntemdir. Renkler hayatımızın her köşesindedir ve birçok şeyi onlarla anlamlandırmışızdır. Bu sebeple uygun bir şekilde renk kullanımı ve seçilen renklerin arkasında yatan anlamın bilinmesi tasarımcılar için oldukça önemlidir.

iki parçadan oluşacak yazımızın ilk bölümünde sarı, turuncu, kırmızı, pembe ve yeşil olmak üzere 5 renge yer vererek bu renklerin kullanılma yerlerine, hangi duyguları ortaya çıkardıklarına ve de hangi amaca yönelik olduklarına değineceğiz.

- Kırmızı

Rengi anlatan kelimeler: Hareket, macera, saldırganlık, kan, tehlike, kaçış, enerji, heyecan, sevgi, tutku, kuvvet ve yaşama gücü.

Kırmızı yoğun bir renktir. Çelişkili duygular ortaya çıkaran bu renk, logo tasarımda çoğunlukla; izleyicinin dikkatini çekmek, kan basıncını arttırmak ya da açlık hissi uyandırmak için kullanılıyor.

Red bull logosunda kırmızının bir tonunu kullanıyor ve bir enerji içeceği şirketini temsil eden bir logo için mükemmel bir renk seçimidir. “red bull kanatlandırır” sloganıyla ürününü pazarlamakta olan şirketin logosunda, arka alanda benzer yoğunluğa sahip olan sarı rengi kullanılarak kırmızı, daha da vurgulanmıştır.

firefox kullanıcıları için yeni bir eklenti olan history tree hangi siteleri gezdiğinizi ve hangi siteye hangi siteden geçtiğinizi görmenize yarıyor. Görsellik yönünden de sizlere kolaylık sağlayacak bu eklenti, renk kodları sayesinde de size bazı konularda yardım ediyor.
Bu renkler ne anlam ifade ediyor.

• turuncu: aktif firefox sekme

• sarı: açık sekmeler

• mavi: kapalı sekmeler

• beyaz: sayfalara firefox'ta geri ve ileri düğmeleri ile erişilebilir

• gri: sayfalara geri ve ileri düğmeleri ile erişilemez
  
  
  
  
  Soru işaretini tıkladığınızda sayfanın ön izlemesine ulaşabiliyorsunuz.

Web tasarımında rengi etkili bir biçimde kullanmak çok önemlidir. Sarı renk sevinç, mutluluk ve enerjiyi ifade eder. Özellikle çocuk içerikli bir site hazırlayacaksanız bu rengi tercih edebilirsiniz. Sarı renk, dikkat çekmek için kullanılır. Bu yüzden kullanırken ayrıntılara dikkat etmeniz gerekir. Bu yazıda size ilham kaynağı olabilecek sarı renk kullanmış sitelere ulaşabilirsiniz.

Ayrıca daha önce yazdığım beyaz, mavi, turuncu, pembe ve siyah rengi çok güzel bir şekilde kullanan tasarımları inceleyebilirsiniz.

1. Creative Spark

2. I Am Always Hungry