tasarım etiketine sahip yazılar gösteriliyor. Tüm yazıları göster
tasarım etiketine sahip yazılar gösteriliyor. Tüm yazıları göster

Blog Tasarımları için Hazır Araçlar ve Eklentiler

10 Ekim 2007 Çarşamba

Son sıralar şablonlar, tasarımlar falan derken, özellikle web 2.0 temalı hazır tasarım aracı ve neredeyse her işinizi görebilecek eklentilerin ne kadar bol miktarda bulunabildiğini farkettim.

Bunlardan hepsini kullanmamış olsamda ilgimi çeken bir kısmını paylaşmak istedim.

Şablonlar:

templatr - İstediğiniz layout’a sahip şablonları kendiniz hazırlayabiliyorsunuz. Hazır şablonları düzenlemeye göre biraz uğraştırıcı ama özgün sonuçlar açısından etkili olabilir.

Butonlar:

My Cool Button - Güzel butonlar hazırlayıp kullanabilirsiniz.

Buttonator - Çok miktarda seçenek sunmasına rağmen kullanılabilir olanlar malesef ücretli.

Tabs Generator - Sekmeli bir yapı tercih ediyorsanız, bu siteye bir göz atın derim.

Logolar:
Logo tasarımı iletişim açısından oldukça önemli ve online hazır bir araç yerine profesyonel bir tasarımcıyla çalışmak gerekiyor ama ufak tefek işlerinizi görmek ya da bir parça eğlenmek için bu siteler faydalı olabilir.

Web2.0 Logo Creatr - En klasik, belki de en çok bilinen web 2.0 logosunun sizin isminizle nasıl durduğunu görmek isterseniz bir deneyin.

Logo Creator - Flickr, Google, Yahoo benzeri logolarında bulunduğu eğlenci bir araç

Web 2.0 Free Logo Generator - Diğer bir web 2.0 logo tasarım aracı


Web 2.0 Stylr - En kullanılabilir araçlardan biri bu sanırım.


Arka Planlar:

Stripe Generator 2.0 - Son günlerin popüler arka planlarından olan şeritli görseller oluşturabileceğiniz son derece başarılı bir araç.


Stripe Designer - Şeritli arka planlar için diğer bir araç


Background Image Maker - Şeritli, noktalı, degradeli farklı arka plan resimleri oluşturabileceğiniz bir servis.


Tartan Maker - Ekoseli kumaş desenli arka planlar oluşturmak için tasarlanmış ama pek benim tarzım olduğunu söyleyemeyeceğim.


Diğer Araçlar:


Web 2.0 Badges - Online olarak son derece basitçe şık görünümlü rozetler hazırlayabiliyorsunuz.

Reflection Maker - Web 2.0’ın vazgeçilmez yansıma efektini kendi görsellerinize uygulayabilmeniz için online bir araç.


Blogger Eklentileri:


Bloggers' Add-Ons - Oynaya oynaya sıkılamayacağınız bol bol blogger eklentisi bulabilirsiniz.


JotForm - İletişim formu, dosya yükleme formu ve daha birçok formu oluşturup, host edebileceğiniz benim favori servislerimden biri.


Bu araçlar, eklentiler ve hazır içerik yönetim sistemleri sayesinde yakında profesyonel tasarımcı ve yazılımcılara ihtiyaç duymadan son derece gelişmiş servisleri yayına almamız mümkün olabilecek gibi görünüyor.

Web 2.0 balon mu?

21 Ağustos 2007 Salı

Ekonomik veya teknolojik olarak tartışılabilir ama logolar açısından sanırım biraz balon, en azından konuşma balonu :)

konuşma balonlu logolar

Tasarımcılar Renk Körlerini Görmezden Gelmeyin

01 Ağustos 2007 Çarşamba

Renk körlüğü yaşam kalitesini etkileyen bir rahatsızlık olmadığı için genelde pek dikkate alınmaz. Deuteranope (en yaygın bulunan kırmızı/yeşil çeşidi) bir renk körü olarak, ben konuyla uzun süredir ilgileniyorum.

Renk körlüğüyle ilgili pek bilinmeyen ama şaşırtıcı bazı istatistikler var: Kadınlarda renk körlüğü gözardı edilebilecek kadar az oranda bulunurken, erkeklerin ortalama %10’u renk körü. Renk körü olan %10’luk kesimin ise ortalama %90’ı bunu farketmeden yaşıyor ve bu sebeple bu kadar yaygın bir rahatsızlık olduğu da bilinmiyor.

Ülkemizin İnternet kullanıcılarının genel dağılımına bakarsak, erkek kullanıcıların oranı yaklaşık %70. Bunun da %10’unun renk körü olduğunu düşünürsek web sitelerimizin toplam ziyaretçilerinin yaklaşık %7’si renk körü diyebiliriz.

Ziyaretçilerimizin şu an için %4-5’i kadarını oluşturan Firefox kullanıcıları için yaptığımız cross platform çalışmalarını düşünürsek, renk körlerini komple göz ardı etmek bir hata olabilir.

Bir renk körü olarak tasarımda atlanan hangi noktaların sorun yaratabileceğini şöyle sıralayabilirim:

- Farklı renklerdeki arka planların üzerinde bulunan yazılar (yeşil/kırmızı, gri/pembe, vs) renk körleri tarafından okunamayabiliyor.

- Kontrast oluşturmaya ya da dikkati bir noktaya çekmeye çalışıyorsanız renk körü dostu renkler kullanın (turuncu, koyu mavi ve lacivert tonları, vs).

- Yazının içinde bazı metinleri ön plana çıkarmak için kullandığınız değişik renkler renk körleri tarafından görülmeyebiliyor.

- Kullanıcılarınıza birşey anlatırken “aşağıdaki kırmızı çizgi” veya “yeşil linke tıklayın” gibi cümleler kurmayın.

- Grafik ve tablolarda renkten farklı ayraçlar kullanmanız da renk körleri için oldukça faydalı olabilir.

Peki bir tasarımcı hazırladığı çalışmayı renk körleri için nasıl test edebilir. Vischeck adlı bir servis hem resimler hem de web sayfaları için renk körlüğü simülasyonu hazırlayan bir yazılım yapmışlar ve online olarak veya bilgisayarınıza indirerek ücretsiz kullanabiliyorsunuz.

Aynı servisin renk körleri için diğer insanların nasıl gördüklerine dair simülasyon hizmetleri de mevcut.

Renk körü olup olmadığınızı bilmiyor musunuz? Burada basit bir test bulabilirsiniz.

Web 2.0 Tasarım Rehberi

21 Aralık 2006 Perşembe


RSS feed’lerime bakarken del.icio.us hotlist’te bir post dikkatimi çekti. Eklenen bookmark, Web design from Scratch adlı bir sitede Web 2.0 Tasarım Rehberi (Web 2.0 design style guide) başlıklı bir yazıya aitti.

Artık her şeyin web 2.0’a göre değerlendirilmesinin bana çok samimi gelmemesiyle birlikte genel tasarım trendleri olarak bakıldığında ilgi çekici bir yazı olduğu kesin.

Basitlik, navigasyon kolaylığı, içeriğin ön plana çıkarılması gibi maddelerin önemi bence tartışılmaz ve büyük ihtimalle daha uzun süre aranılacak nitelikler olacaktır ancak gözlerimiz degrade arka planlar, 3 boyut ve kristal efektli buton ve ikonlar, logolardaki yansımalar, standart ve sıradan etiket bulutlarından farklı tasarımlar aramaya başladı.

Biz eskidostuz.biz’in tasarımında basitliğe özen gösterdik ve bahsedilen web 2.0 ilkelerini açıkçası çok da göz önüne almadık. Bizim için ön planda olan kesinlikle kullanım kolaylığıydı. Sitenin işlevi nedeniyle navigasyon oldukça karışık bir yapıya sahipti ve bütün tasarımlarımızı kullanıcılarımızı en basit şekilde doğru alanlara yönlendirebilmeyi düşünerek yaptık.

Şu ana kadar aldığımız geri dönüşler son derece olumlu. Navigasyon ve yönlendirme konusunda oldukça deneyim kazandığımızı söyleyebilirim ve bu sayede yeni projelerimizde ve eskidostuz.biz üzerinde yaptığımız geliştirme çalışmalarında daha başarılı uygulamaları hizmete sunacağız.

Sonuç olarak zevkler ve renkler tartışılmaz. Özellikle kristal efektlerini ve degrade arka planları çok beğeniyor olmama rağmen bu kadar çok kullanılmasının biraz farklılık ihtiyacını ortaya çıkardığını düşünüyorum.