tasarım | 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

üzerinde günlerce, haftalarca çalışarak ortaya çıkardığınız tasarımınızı bir süre sonra başka bir yerde gördüğünüzde ne hissedersiniz?
özellikle web siteleri genelde başka web sitelerinden esinlenerek tasarlanır. örneğin obama'nın sitesi ile bir israil başbakan adayının sitesi ilham alınmıştan çok birebir kopyalanmış gibi görünüyor.

yaratıcılık önemli birşey hele web tasarımında olmazsa olmazlardan biri. bazı web tasarımcıları tasarımlarında yaratıcılıklarını konuşturuyorlar, iyi de yapıyorlar bu yaratıcılıkla sitenin rehberi sayılabilecek site haritaları tasarlanınca ortaya birbirinden kullanışlı ve eğlenceli tasarımlar ortaya çıkmış, ben de bu yazıda bu yaratıcı site haritalarını inceleyeceğim.

1)magnivate

magnivate bu konuda oldukça başarılı sitelerden biri. doğa severlerin hoşuna gidecek bir tasarım seçmişler ve doğal bir alanda sevimli binalar insan figürleri ve papirüs kağıtlarının üzerine yazıları yazarak güzel bir tasarıma imza atmışlar.

2)jk rowling

ilginç infografikler

infografik; türkçe olarak tam karşılığını veremediğim bir kelime, fakat anladığım kadarıyla facebook, twitter, google, photoshop gibi bazı sitelerin, şirketlerin veya programların tarihçeleri, üye istatistikleri, kullanım oranları v.s diğer bilgilerine dair, veya da internet, teknoloji, v.s hakkında ilginç ve yararlı bilgiler veren görsellere verilen isim.

işte bazı ilginç ve bir o kadarda yararlı infografikler.

• the darwinian evolution of photoshop: photoshopun evrimi
  
  

• the journey of a tweet : bir tweet'in yolculuğu
  
  

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)

Farklı ürünleri tanıtmak için yapılan web sitelerinin tadı daha farklı olur. Öncelikle web sitenizin tasarımının güçlü bir yanı olması lazım. Birçok kahve firmasının düzenlemiş olduğu web siteleri de üreticilere göre değişiyor. Sade tasarım sevenler kadar karmaşık veya karartıcı tasarımlarda ön planda. Aşağıdaki örnekleri inceleyebilir ve farklı tarzları yakalayabilirsiniz. En iyi Kahve Sitesi Tasarımları:

Caribou Coffee

Starbucks Coffee at Home

America’s Best Coffee Roasting Company

Tiny Circleslider, dairesel bir jQuery slider uygulaması.Bütün o klasik slider uygulamalarına alternatif olarak hazırlanan Tiny Circleslider, farklı uygulamalarda kullanılmak üzere jQuery ile inşa edildi. Basit, esnek ve oldukça kullanışlı bir jQuery uygulaması.

Uygulamada yer alan kırmızı noktayı daire çevresinde çevirdiğinizde diğer resimleri görmeniz mümkün. Ayrıca otomatik olarak değişmesini, rasgele resim seçmenisi sağlayabilirsiniz. Sadece resimlerin olduğu bölümlerdede klitlenme özelliğine sahip. Uygulamanın yarıçapını değiştirerek boyutlandırabilir ve uygulamayı tamamen kendi isteklerinize göre düzenleyebilirsiniz.

Tasarımcılara oldukça faydalı olacak bu kullanım kılavuzları, tasarımcıların her an ellerinin altında olacak ve küçük detaylar için zaman harcamalarına gerek kalmayacak. "Hangi kısayol ne işe yarıyordu?", "şu rengin hex kodu neydi?", "şu klasörün ölçüleri ne olmalı?" gibi sorularının cevaplarını anında öğrenebilecekler. Tasarımcılar için Kullanım Kılavuzları :

Black & White Cheatsheet For Photoshop
(Photoshop için Siyah&Beyaz Kullanım Kılavuzu)