tasarımcılar | 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.

grafikler, bilgiyi görsele çevirerek daha iyi anlamamızı ve yorumlamamızı ve hatta şaşırmamızı sağlar.. aşağıda tasarımcılar için ilham kaynağı olabilecek 16 grafik çalışması var. içerik olarak da, tasarım olarak da bakılmadan geçilmeyecek türden.. örneklerin en altında bir çok ilginç tasarımın yer aldığı siteler var, onları atlamayın..

1. Sosyal pazarlama pusulası (social marketing compass)

2. mısırlı grafik, değişik bir tasarım olmuş. linki çalışmıyor, buradaki görüntü ile idare etmeye çalışın..

3. çiçek grafiği : çiçeğin her yaprağında ayrı bir tema ve bu temayla ilgili siteler yer alıyor.

wordpress hiç şüphesiz diğer içerik yönetim sistemlerine göre her zaman ki gibi lider durumda.ücretsiz temalar ve eklentiler yönünden fazlasıyla zengin.ücretsiz temalar her geçen gün daha kaliteli işlerle karşımıza çıkıyor.
aşağıda son beş ay içinde piyasaya sürülen ücretsiz ve yüksek kaliteli temalar var.

imbalance önizleme
imbalance, minimalist ve grid tabanlı tema.jquery kullanılmış ve blog, dergi veya portföy sitesi için çok uygundur.

blogum önizleme
blogum, grid tabanlı düzeniyle oldukça sade,minimalist bir tema.jquery görüntü önyükleyicisi,dahili sosyal imleme desteği ve sade tipografi içermektedir.

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.

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)

Bookmarklet; tarayıcılar üzerinden kullanabileceğiniz, javascript ile hazırlanan uygulamalara denir. Birçok işlemi sadece bir tık ile halledebilirsiniz. Tüm tarayıcılarda desteklenen Bookmarklet'leri genellikle araç çubuğuna sürükleyerek kullanabilirsiniz. Sizin için derlediğimiz oldukça kullanışlı Bookmarklet'ler;

Print Liminator

Web tasarımcılar için gerekli bir araç olan Print Liminator ile herhangi bir web sayfasındaki ögeleri istediğiniz şekilde kaldırabilirsiniz. Herhangi bir tablo, imaj gibi web sayfanızdaki tüm ögeleri kaldırabilir, web sayfasını anında yazdırabilir ve dilerseniz sayfadaki tüm grafikleri inatkif yapabilirsiniz. Küçük bir tooltip şeklinde sayfanın köşesinde çıkan oldukça başarılı bir uygulama.

Markup

Markup oldukça gerekli ve hoş olan bir çizim aracıdır. Web sitesinin herhangi bir yerini çizebilir, herhangi bir şeyler yazabilirsiniz. Eğer sunum, ders gibi dökümanlar hazırlıyorsanız oldukça yararlı bir uygulama. İsterseniz metinlerin altını da herhangi bir renk ile çizebilirsiniz. Hazır olarak bulunan çizgi, kare, daire şekilleri de bulunmakta.

XRay

Web tasarımcılar için oldulça faydalı bir uygulama olan XRay, bulunduğu sayfadaki tüm element bilgilerini size gösterebilir. Tıkladığınz bölgenin css ve html kodlarını anında ayıklayarak tooltip şeklinde açıklarak birçok bilgiyi size gösterir.

Google Chrome’un popularitesi günden güne artıyor ancak yine de firefox’u geçmeyi başaramadı. Birçok web tasarımcısı ve geliştiricisi, onlara sunduğu ve ihtiyaçlarına anında cevap veren eklentileri sebebiyle firefox’u tercih ediyor. Fakat bu aralar google chrome da bu ihtiyaca cevap vermeye başladı çünkü Chrome’un eklenti desteği web tasarımcılar ve geliştiriciler için daha kullanılabilir hale geldi. Bu yazıda web tasarımcılar ve geliştiriciler için yararlı en iyi 10 chrome eklentisine değineceğiz.
1. MeasureIt!

Bu aracı kullanarak bir sayfadaki herhangi bir nesnenin yükseklik ve genişliğini bir cetvel yardımıyla elde edebilirsiniz.
2. Firebug Lite

Bu eklenti web geliştiricilerin herhangi bir sayfanın css, html ve java kodlarını düzenleyip işlemesine imkân tanıyor.

2010'un son ayına girdiğimiz şu günlerde artık 2010'un en iyileri mevsimi çoktan başlamış bile. Birçok yerde 2010'un en iyileri seçiliyor. Aşağıda bu senede ortaya çıkan en popüler fontlar bulunuyor. Ücretsiz olarak indirebileceğiniz bu fontlar web tasarımın önemli bir parçası. 2010'un En İyi Fontları :

Dekar

Sketchetik Light

The Lobster Font