![[DEV]AB](/data/avatars/s/2135/2135420.jpg?1657747839){kind=avatar}
Türkiye'de ilk Mobil & PC Aynı Anda Metin2 Oyna. Triarchonline kalıcı ve uzun ömürlü yapısı ile 24 Temmuz'da açılıyor. | 1-99 Mobil Metin2 Triarch HEMEN TIKLA!
1. Logolar
Web 2.0 ile birlikte birçok firma logosunu yeniden tasarladı. Logolara daha parlak bir görüntü verilirken, yansıma efekti de bolca kullanıldı. Ayrıca pekçok yeni açılan servis, logosuna bir BETA ibaresi yerleştirmeyi alışkanlık haline getirdi. Eğer siz de logonuzda değişiklikler yapmak istiyorsanız bu kriterleri yerine getirmelisiniz. Elbette logo tasarımı profesyonel kişilerin ellerine bırakılmalı ama basit işleriniz için
2. Butonlar
Web 2.0 ile o eski çirkin gri butonlar terk edilmeye başlandı. Web tarayıcılarının sunduğu klasik butonları kullanmaktansa herkes imaj işleme yazılımlarıyla kendi butonunu kendi tasarlamaya başladı. Resim olarak hazırlanan bu butonlarda özellikle cam efekti ve renk geçiş (gradient) efekti hakim. Ayrıca birçok butonda, anlamlı küçük simgeler de kullanıldığını görüyoruz. Kolay yoldan kendi web 2.0 butonunuzu hazırlamak içinse daha önce
3. Arkaplanlar
Web 2.0 ile birlikte web sitelerinin önplanında bu kadar değişiklik yapılmışken arkaplan da unutulmadı tabi Web 2.0 sitelerinin arkaplanında çoğunlukla iki farklı teknik gözümüze çarpıyor. Bunlardan birincisi yatay şeritler iken ikincisi de düz renk geçişleri. Hazır olarak yatay şeritleri
4. Yuvarlak köşeli kutular
Web 2.0 ile birlikte köşeleri yuvarlatılmış kutuların kullanımı çok yaygınlaştı. Köşeleri düz, kare veya dikdörtgen biçimde kutular kullanmak artık gerilerde kaldı. CSS'nin 3.0 sürümüyle gelecek olan
5. Renk geçişleri
Bir renkten farklı bir renge veya aynı rengin koyu tonundan daha açık tonuna geçiş yapmamızı sağlayan efekte gradient ismi veriliyor. Ve bu efekti web 2.0 tasarımlarında bolca görebiliyoruz. Butonlarda, arkaplanlarda veya menülerde� Tasarımlarınıza derinlik hissi katan bu efekti hazır olarak kullanabileceğiniz araçlar da mevcut. Özellikle
6. Rozetler
İlk maddede yeni açılan pekçok web 2.0 servisinin, logolarına bir BETA ibaresi yerleştirdiklerinden bahsetmiştim. Bu beta ibaresini güçlendirmek için tasarımcılar, rozet (badge) şeklinde imajlardan faydalanıyorlar. Bu rozetlerin asıl kullanım amacı, kullanıcının dikkatini belli bir konu üzerinde yoğunlaştırmak. Daha iyi bir örnek vermek gerekirse %50 indirime sahip bir ürünün duyurusunu rozet biçimindeki bu imajları kullarak yapabilir ve dikkatlerin o ürün üzerine çekilmesini kolayca sağlayabilirsiniz. Rozet imajlarını kendiniz de hazırlayabileceğiniz gibi internette hazır olarak da bulabilirsiniz.
7. Menüler ve Sekmeler
Navigasyon sistemi bir web sitesinde oldukça önemli bir yer tutar. Bu yüzden yeterince anlaşılır ve karmaşadan uzak bir navisyon sistemi tasarlamanız gerekiyor. Basitliğin ve kullanılabilirliğin önplanda tutulduğu Web 2.0 sitelerinde oldukça hoş menüler/sekmeler görüyoruz. Kendi web sitenizde bu menülerden/sekmelerden kullanmak için
8. Simgeler
Web 2.0 sitelerindeki bir diğer trend ise simge kullanımıdır. Simgeleri kullanarak anlatmak istediğiniz veya dikkat çekmek istediğiniz bir konuya odaklanılmasını kolaylaştırabiliyorsunuz. Doğru yerde doğru simgeyi kullanırsanız son derece etkili görünümler elde edebilirsiniz. Eğer simge hazırlamak istemiyorsanız veya simge satın almak istemiyorsanız ücretsiz simge sunan siteleri kullanmanız gerekiyor. İnternette yeterince ücretsiz simge sunan site var ama ben size kalite olanlardan bahsetmek istiyorum.
9. Renkler
Renk kullanımı elbette yeni birşey değil ama web 2.0 ile birlikte üzerinde daha önemle durulan bir nokta. Artık birbiriyle maksimum düzeyde uyumlu renkler kullanılıyor. Renkler eskine oranla şimdi daha sıcak, daha canlı ve daha ferah. Kendi gözlemlerinde web 2.0 tasarımlarında ağırlıklı olarak mavi, yeşil, kırmızı, turuncu, pembe ve gri tonlarının kullandığını görüyorum. Bu tonları yakalamak için hazır renk paletlerinden faydalanabilirsiniz.
10. Yazı tipleri
Web 2.0 ile birlikte özellikle yazı boyutlarındaki artış hemen göze çarpıyor. Eskisine oranda daha büyük ve daha kalın yazılar kullanılıyor. Yine basitlik adına eskisine oranla daha az yazı kullanıldığını görüyoruz. Böylece ferah bir görüntü elde etmek için web sayfasında yer yer boşluklar oluşturulmuş da oluyor. Yazı tipine gelince ise aslında bu konuda pek bir sınırlama yok. Yine de düzgün hatları olan, kolayca anlaşılabilir yazı tipleri kullanmaya özen göstermeliyiz. Web 2.0 sitelerinde ne tür yazı tipleri kullanıldığını görmek açısından
Web 2.0 ile birlikte birçok firma logosunu yeniden tasarladı. Logolara daha parlak bir görüntü verilirken, yansıma efekti de bolca kullanıldı. Ayrıca pekçok yeni açılan servis, logosuna bir BETA ibaresi yerleştirmeyi alışkanlık haline getirdi. Eğer siz de logonuzda değişiklikler yapmak istiyorsanız bu kriterleri yerine getirmelisiniz. Elbette logo tasarımı profesyonel kişilerin ellerine bırakılmalı ama basit işleriniz için
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Logo Creatr ve
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Web2.0 Logo Creator araçları da epey bir işe yarayabilir. Ayrıca Photoshop kullanıcıları
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
şu sayfadan web 2.0 logoları için hazırlanmış stil dosyasını indirebilirler.2. Butonlar
Web 2.0 ile o eski çirkin gri butonlar terk edilmeye başlandı. Web tarayıcılarının sunduğu klasik butonları kullanmaktansa herkes imaj işleme yazılımlarıyla kendi butonunu kendi tasarlamaya başladı. Resim olarak hazırlanan bu butonlarda özellikle cam efekti ve renk geçiş (gradient) efekti hakim. Ayrıca birçok butonda, anlamlı küçük simgeler de kullanıldığını görüyoruz. Kolay yoldan kendi web 2.0 butonunuzu hazırlamak içinse daha önce
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
buradaki yazımda da bahsettiğim
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Web 2.0 free buttons maker aracını kullanabilirsiniz. Ek olarak
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Web 2.0 Layerstyles paketiyle de butonlar hazırlayabilirsiniz.3. Arkaplanlar
Web 2.0 ile birlikte web sitelerinin önplanında bu kadar değişiklik yapılmışken arkaplan da unutulmadı tabi Web 2.0 sitelerinin arkaplanında çoğunlukla iki farklı teknik gözümüze çarpıyor. Bunlardan birincisi yatay şeritler iken ikincisi de düz renk geçişleri. Hazır olarak yatay şeritleri
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Stripe Generator veya
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Stripe Designer ile kolayca hazırlayabiliyorsunuz. Eğer ki yatay şeritlere göre gözü daha az yoran renk geçişli arkaplanlardan kullanmak isterseniz
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Free Fading Background Images pakedini indirebilirsiniz.4. Yuvarlak köşeli kutular
Web 2.0 ile birlikte köşeleri yuvarlatılmış kutuların kullanımı çok yaygınlaştı. Köşeleri düz, kare veya dikdörtgen biçimde kutular kullanmak artık gerilerde kaldı. CSS'nin 3.0 sürümüyle gelecek olan
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
border-radius özelliğiyle de tamamen tarihe karışacağını düşünüyorum. Şimdilik, yuvarlak köşeli kutular için farklı tekniklerden faydalanmamız gerekiyor.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Spiffy Corners,
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
RoundedCornr ve
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
CSS Rounded Box Generator araçları resim, css ve html tekniklerini kullanıyorken
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Nifty Corners Cube ve
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
curvyCorners araçları da JavaScript tekniğini kullanıyorlar.5. Renk geçişleri
Bir renkten farklı bir renge veya aynı rengin koyu tonundan daha açık tonuna geçiş yapmamızı sağlayan efekte gradient ismi veriliyor. Ve bu efekti web 2.0 tasarımlarında bolca görebiliyoruz. Butonlarda, arkaplanlarda veya menülerde� Tasarımlarınıza derinlik hissi katan bu efekti hazır olarak kullanabileceğiniz araçlar da mevcut. Özellikle
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Ultimate Web 2.0 Gradients renk geçişli nesneler oluştururken epey bir yardımcınız olacaktır. Bununla birlikte 3. maddede bahsettiğim
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Free Fading Background Images pakediyle de çeşitli nesnelere renk geçişleri uygulayabilirsiniz.6. Rozetler
İlk maddede yeni açılan pekçok web 2.0 servisinin, logolarına bir BETA ibaresi yerleştirdiklerinden bahsetmiştim. Bu beta ibaresini güçlendirmek için tasarımcılar, rozet (badge) şeklinde imajlardan faydalanıyorlar. Bu rozetlerin asıl kullanım amacı, kullanıcının dikkatini belli bir konu üzerinde yoğunlaştırmak. Daha iyi bir örnek vermek gerekirse %50 indirime sahip bir ürünün duyurusunu rozet biçimindeki bu imajları kullarak yapabilir ve dikkatlerin o ürün üzerine çekilmesini kolayca sağlayabilirsiniz. Rozet imajlarını kendiniz de hazırlayabileceğiniz gibi internette hazır olarak da bulabilirsiniz.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Web 2.0 Badges ve
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Free Vector Badges tavsiye edebileceğim kaynaklar.7. Menüler ve Sekmeler
Navigasyon sistemi bir web sitesinde oldukça önemli bir yer tutar. Bu yüzden yeterince anlaşılır ve karmaşadan uzak bir navisyon sistemi tasarlamanız gerekiyor. Basitliğin ve kullanılabilirliğin önplanda tutulduğu Web 2.0 sitelerinde oldukça hoş menüler/sekmeler görüyoruz. Kendi web sitenizde bu menülerden/sekmelerden kullanmak için
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
CSS Tab Designer isimli ücretsiz yazılımdan faydalanabilirsiniz. Bu yazılım ile yatay veya dikey olarak pratik bir şekilde menüler/sekmeler hazırlayabilmeniz mümkün.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Dynamic Drive CSS Library ise bu konuda bir diğer güzel kaynak.8. Simgeler
Web 2.0 sitelerindeki bir diğer trend ise simge kullanımıdır. Simgeleri kullanarak anlatmak istediğiniz veya dikkat çekmek istediğiniz bir konuya odaklanılmasını kolaylaştırabiliyorsunuz. Doğru yerde doğru simgeyi kullanırsanız son derece etkili görünümler elde edebilirsiniz. Eğer simge hazırlamak istemiyorsanız veya simge satın almak istemiyorsanız ücretsiz simge sunan siteleri kullanmanız gerekiyor. İnternette yeterince ücretsiz simge sunan site var ama ben size kalite olanlardan bahsetmek istiyorum.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Pixelgirl Presents,
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Icon Archive,
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Icon library ve
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Free Icons Web bunlardan birkaçı� Ayrıca
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Icon Finder ve
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Iconlet isimli simge arama motorları da istediğiniz bir simgeyi ararken işinizi oldukça kolaylaştıracaktır.9. Renkler
Renk kullanımı elbette yeni birşey değil ama web 2.0 ile birlikte üzerinde daha önemle durulan bir nokta. Artık birbiriyle maksimum düzeyde uyumlu renkler kullanılıyor. Renkler eskine oranla şimdi daha sıcak, daha canlı ve daha ferah. Kendi gözlemlerinde web 2.0 tasarımlarında ağırlıklı olarak mavi, yeşil, kırmızı, turuncu, pembe ve gri tonlarının kullandığını görüyorum. Bu tonları yakalamak için hazır renk paletlerinden faydalanabilirsiniz.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Web 2.0 Colour Palette,
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Web 2.0 Secret Weapon ve
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Web 2.0 Color Scheme bu amaçla hazırlanmış renk paletlerinden�10. Yazı tipleri
Web 2.0 ile birlikte özellikle yazı boyutlarındaki artış hemen göze çarpıyor. Eskisine oranda daha büyük ve daha kalın yazılar kullanılıyor. Yine basitlik adına eskisine oranla daha az yazı kullanıldığını görüyoruz. Böylece ferah bir görüntü elde etmek için web sayfasında yer yer boşluklar oluşturulmuş da oluyor. Yazı tipine gelince ise aslında bu konuda pek bir sınırlama yok. Yine de düzgün hatları olan, kolayca anlaşılabilir yazı tipleri kullanmaya özen göstermeliyiz. Web 2.0 sitelerinde ne tür yazı tipleri kullanıldığını görmek açısından
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Great Fonts for Web 2.0 sayfasına bakabilirsiniz. Ücretsiz olarak yazı tipi indirmek içinse
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Urbanfonts,
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Dafont ve
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Better fonts gibi kaynakları kullanabilirsiniz.
Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)
Benzer konular
