web 2.0 logo | bildirgec.org

Her gün onlarca siteye giriyoruz. her sitenin de kendine has güzel logoları var peki bunların kaçını tam olarak hatırlıyoruz? guess the logo adresinde 2 farklı versiyon halinde (v.2) hazırlanmış ufak bir sınav var. zamana karşı yarışmada soru içindeki her yanlış cevabınız karşılığı süreye 2 saniye daha ekleniyor.
not: son soruya gelince bende sorun çıktı sizin de yorumlarınızı bekliyorum.

Web 2.0 projesi üretirken öncelikle bu fikirle ilgili bir isim ve daha sonra da bu sitenin kimliğini oluşturmalısınız. Kimlik derken elbette logosundan ve sitenin görsel olarak duruşundan bahsediyoruz. Daha önce Fontshop sitesinde verilen "şu" adreste görebileceğiniz gibi günümüzde popüler olan pek çok Web 2.0 projesinde kullanılan fontları inceleyebilirsiniz.

Yine "şu" adresinde de Web 2.0 logoları üretirken tercih edilen fontları görebilirsiniz. Şurda görebileceğiniz Bir başka sitede ise 5 adet ücretsiz Web 2.0 konseptine uygun font veriliyor.

web2.0 olayını seven var sevmeyen var. burada çoğumuzun bildiği büyük şirketlerin, markaların kurumsal logolarını web 2.0 modeline uygun olarak yeniden tasarlamışlar.

web 2.0'la birlikte sitelerin görünümü, logoları ve tabii ki yazı stilleri de değişti. Web 2.0 dünyasında bir yer edinmiş, popüler sitelerin logolarındaki yazı tiplerini arıyorsanız. burası size yardımcı olacak. [kaynak: blogcublogu]

yeni moda web 2.0 siteleri hazırlayabilmeniz için derlenmiş 99 kaynak. tabii ki bu web 2.0'ın sadece görünün kısmı, yani tasarımı için oluşturulmuş bir derleme... eğer bu tarzda tasarımları yapmak istiyorsanız, aşağıda faydalanabileceğiniz 99 kaynak var! kolay gelsin...

ROZETLER: web 2.0'ın vazgeçilmezlerinden; rozetler!
Web 2.0 Badges - kendi
tasarımlarınızda kullanabileceğiniz bedava rozet seti.
Fresh Badge - kolayca kendi
rozetinizi oluşturmanız için...
adClustr - starburst
rozetler
Deziner Folio
- farklı rozetleri barındıran bir koleksiyon.

BittBox -
bedava vektör rozetler.

Official Seal Generator -
tipik rozetlere alternatif

Photoshop Tutorial
- kendi rozetinizi tasarlamanız için hazırlanmış bir tutorial.

Glossy Photoshop Tutorial -
parlak rozetler tasarlamanız için oluşturulmuş bir başka tutorial.

DÜĞME ARAÇLARI: istediğiniz tarzda button oluşturabileceğiniz
servisler.


My Cool Button - istediğiniz
button'u yaratabilmeniz için oluşturulmuş güzel bir "online" araç.

Adam Kalsey’s Button Maker -
yine kendi düğmelerinizi yaratabilmeniz için tipik bir generator.

Button Maker from Blog Flux -
yine diğer bir button yaratıcı...

Brilliant Button Maker
- küçük bir button yaratıcı

CSS Buttons -
yazıyı, kenarlığı ve arkaplanı seçerek kendi buttonlarınızı yaratabileceğiniz
bir araç

Buttonator - yine başka bir button
yaratıcı.

RSS Button Maker - rss düğmeleri
yaratabileceğiniz bir araç

Button Boost -
diğerlerinden biraz farklı olan bir button yaratıcı.

ButtonGenerator.com - navigation menüler için buttonlar tasarlayabileceğiniz bir araç.
Crystal Button - diğer bir button
yaratıcı.

Chicklet Creator -
ziyaretçilerinizin sosyal imleme sitelerine, sitenizi eklemesi için
kullanabileceğiniz düğmeler yaratan bir generator.


YUVARLAK KÖŞELER: can sıkıcı
aptal tablolar yerine kullanılan div'lere hoş görünümler katabileceğiniz
araçlar. birbirilerine benzer oldukları için, yanyana sıralamayı tercih ettim.


RoundedCornr, Corner Shop, Spiffy Box, Canvas Corner, Spanky Corners, Sliding Doors Text Box, Smart Rounded Corners, Rounded Corners in CSS, News List


LOGO'LAR: web 2.0 tarzında logolar yaratabilmek için araçlar.



Web 2.0 Logo Creator, Web 2.0 Logo Creatr, Web 2.0 Logo Creator, Web 2.0 Stylr


İKONLAR: yine web 2.0 tarzında kullanabileceğiniz rss, feed, vs
ikonlar.
UtomBox - web 2.0 ikonları için
büyük koleksiyon.

Feed Icons - standart rss ikonları.

Map Icon Factory - kendi "map
ikon"unuzu tasarlayabileceğiniz bir araç

Perishable Press
- rss ikonları için güzel bir koleksiyon

Glass Style RSS Icons
- parlak rss ikonları

Snap2Objects - rss ikon vektörleri
31 Sources of Quality, Free Icons
- bedava ikonlar

GRADIENT RESİMLER: tasarımlarınıza hoş bir hava katabilecek gradient
resim oluşturabileceğiniz araçlar. Gradient Image Maker, Gradient Generator, Online Gradient Image Maker (OGIM)

KONUŞMA BALONLARI: özellikle ajax'la kullanıldığında güzel sonuçlar
verebilecek olan konuşma balonları... Will Mayo,
Bubblesnaps, CSS Play, XHTML Speech Bubbles, WigFlip, Fluid CSS Speech Bubbles, MySpace Speech Bubble Generator, Photoshop Tutorial



ARKAPLAN RESİMLERİ: web 2.0 tarzında arkaplanlar yaratabileceğiniz
araçlar.
Background Image Maker -
transparent ve gradient olarak da tasarlayabileceğiniz arkaplanlar oluşturan bir
araç

Stripe Generator 2.0 - "stripe
arkaplan"lar oluşturmanız için kullanılabilecek güzel bir araç.

Stripe Designer - yine aynı
şekilde, "stripe arkaplan" oluşturucu.

Tartan Maker - "tartan arkaplan"lar
oluşturan bir araç.

Texture Generator - bir
arkaplan oluşturucu araç daha...

All Free Backgrounds -
istediğiniz arkaplanı seçip, kullanabileceğiniz bedava arkaplanlar.

 

ikonlar IconFinder.net – Ikon arama motoru

Kaliteli bedava ikonlar

css kullanılarak hazırlanmış temalar
Layout-O-Matic kendi css-tabanlı temanızı oluşturmaya yardımcı oluyor.
Açık kaynak tasarımlar

Fontlar

80 tane font Smashing Magazine'den
urbanfonts güzel fontlar bulunuyor.
1001 tane bedava font

web 2.0 için birçok tanım yapıldı. bir çok şey yazıldı çizildi. tasarım yönü web 2.0'ı web 1.0'dan ayıran en önemli özelliklerden biri. Tabi tasarımın yanında web 2.0'ın bir esas farkı var. bu esas fark ise etkileşimli içerik; insanlar artık web sayfalarını katalog, broşür veya bir kitap olarak görmek ve sayfalardan mesajları sadece almak yerine kendi düşüncelerini de karşıya bildirerek ve ayrıca o sayfada bulunan diğerleri ile de iletişim kurarak etkileşim sağlamak istiyor.

web 1.0 tarzı sayfa sahipleri şu an sayfalarını web 2.0 tarzı sayfalara dönüştürmek için yollar arıyolar.


Şu sayfada web 1.0 sayfanızı web 2.0 haline getirmek için 12 yol yer alıyor.

Trafik ölçümleme sitesi Alexa'da bazı görsel değişiklikler olmuş. Sitenin üst kısmındaki menü çubuğu tekrar biçimlendirilmiş. Eklemeler yapılmış. Ortadaki logo yana alınmış. Logoda da bazı değişiklikler yapılmış. Önceden olmayan bir slogan eklenmiş. Logo renkleri ve biçimi ile biraz oynanmış. Bütün değişiklikleri ortaya koyduğumuzda sanki bir web 2.0 makyajı yapılmış gibi duruyor. Yeni haline buradan bakabilirsiniz.