bildirgec.org

Web tasarımında, görsellik öncelikli gelir ve görsellikte de ikonlar öncelikli durumdadırlar. Web sitenizi görsel açıdan renklendirmek ziyaretçilerinizin ilgisini çeker ve bu yolla hitlerinizi artırabilirsiniz. Aşağıdaki ikonları web sitenizde kullanabileceğiniz gibi arşivinizide ekleyebilirsiniz. İşte web tasarımcılar için hazırlanan muhteşem ikon setleri;

Vector Social Media Icons

Vektör halinde 16px ve 32px boyutlarında 50 ikon sosyal medya ikonu. ikonlar png, eps, gif formatlarında. Microsoft, Facebook, MSN, Google, Blogger, Vimeo gibi birçok sosyal medya platformunun ikonu bulunmakta.

Shiny Icons

web 2.0’dan sonra logolar ve ikonlar farklı bir tarz aldılar. 16px, 32px, 64px boyutlarında 20 ikon bulunmakta.

Tipografi, harf ve semboller ile oluşturulan tasarım örneklerine verilen sanat ve ifade tekniğidir. Tüm tasarım dallarında olduğu gibi tipografi, web tasarımınada sıçarmıştır. Günümüzde birçok tipografik web site görmek mümkün. Klasik web tasarımın dışına çıkarak sıradışı çalışmalarda bulunmak istiyorsanız önce aşağıdaki örnekleri inceleyebilirsiniz.Örnekler alabileceğiniz gibi ilham kaynağınızı da geliştirebilirsiniz. İşte en iyi tipografik web tasarım örnekleri;

CharlesElena

Chirp >> The Twitter Developer Conference

Realistic Hover Effect With jQuery | Demo

Bu uygulama ile web sitenizdeki butonları hareketli hale getirebilirsiniz. Reflection ve Shadow şeklinde 2 farklı demosu bulunmakta.

Create an Animated Call to Action Button | Demo

Artık sing up butonları faklı olacak. Bu jQuery uygulaması ile butonları kararıp sönen veya farklı renklere şeffaf geçiş yapabilen bir özellik kazandıramanız mümkün.

Jquery Animated Buttons using CSS | Demo

Bu uygulama ile web sitenizde bulunan butonları hareketli hale getirebilirsiniz.

CSS3 ile css ve web tasarımı birbirinden farklı birçok özellik kazandı. Her türlü yazı tipini web sayfalarında kullanabilme, css ile oluşturulan animasyonlar, şık buton tasarımları gibi birçok örnek bulunmakta. Bu örnek ve uyguları öğrenmek ve css3’ü tamamen tanımak için birçok uygulama ve makale bulunmakta. Fakat css3 tarayıcıların eski sürümşerinde çalışmıyor. Bunu dikkate alarak da web sayfanızı şekillendirmelisiniz. İşte birbirinden farklı css3 uygulamaları;

11 classic CSS Techniques Made Simple with CSS3 | Demo

Klasik css‘den farklı olarak css3’teki farklılıkları açıklayan bu yazıyı css3’e geçen herkesin okuması gerek. Css3’teki animasyon, yazı tipi değişimi ve vurgusu, köşesiz blok yapımı gibi konularda içinde bulunan çok eğitici bir yazı.

Mock-Up Interface Using CSS3 Colour | Demo

Css3 ile transparan bloklar yapabileceğinizi gösteren çok hoş bir uygulama. İstediğimiz herhangi bir bölümü ya da sayfanın tümünü transparan hale getirmek mümkün.

Web tasarımı, bazen oldukça zor bir iş olabilir.Bazen ne yapıcağınızı bilmiyor olabilirsiniz.Bu gibi durumlarda farklı tasarımları incelemek herzaman sizin için daha iyi olur.Farklı tasarımlardan esinlenerek benzersiz ve özgün çalışmalarda bulunabilirisiniz.Bu yüzden birçok logo galerisi bulunmakta.Bu galeriler arasındaki yüzlerce logo arasında dolaşarak tasarım gücünüzü arttırabileceğiniz gibi rakiplerinizin de işlerini takip edebilirisiniz.İşte en iyi 12 logo galerisi ;

Creattica

Logo Faves

Tasarım, herhangi ürünü (ya da programı) pazarlamak için çok önemlidir. Ziyaretçiler etkilenirlerse, ürün üzerindeki düşünceleri olumlu yönde artar. Bu kural iPhone uygulamaları için de geçerli. Birbirinden farklı iPhone uygulama sayfaları, uygulamalarının daha fazla tanınması ve dikkat çekmesi için hazırlanmış. Dilerseniz bu tasarımları inceleyerek, siz de benzer tasarımlar oluşturabilirsiniz.İşte birbirinden farklı ilginç iPhone uygulaması web sayfası tasarımları;

Bills

Shake it Photo

Tripmix

Web sayfalarında, görsellik yani web tasarımı önemlidir. Kimse kötü hazırlanan herşeyin birbirine karıştığı bir sitede dolaşmak istemez. Web tasarımında ise ikonlar önemlidir. Ne kadar fazla ikon bulunursa görsellik o kadar artar. Aşağıdaki ikonları arşivinize ekleyebileceğiniz gibi tasarımlarınızda da kullanmakta özgürsünüz.

Old Bottle Crowns
(Eski şişe kapağı şeklinde sosyal medya ikonları)

Sketchy Web Icons
(El ile çizilmiş taslak şeklinde ikon seti)

jQuery artık o kadar ilerledi ki animasyonlar bile yapılabiliyor. Genelde flash ile gördüğümüz animasyonları gelecekte jQuery ile yapıldıklarını görmemiz mümkün. İşte birbirinden farklı jQuery ile yapılan inanılmaz animasyon örnekleri;

Building an Animated Cartoon Robot with jQuery – Demo
(jQuery ile Animasyon Robot yapma)

5 katman hazırlanarak yapılarak hazırlanan çok hoş bir jQuery uygulaması. Kısa olmasına rağmen ileride benzer çalışmaları geliştirilerek yapılabilir.

Crafting an Animated Postcard With jQuery – Demo
(jQuery ile Animasyon Karpostal Hazırlama)

Flash animasyonların yerini ileride jQuery ile yapılan animasyonların alabileceğinin en büyük kanıtlarından biri. Çok kullanışlı bir jQuery uygulaması.

Vintage, eski yıllardan korunum saklanmış veya eskiye dönüş anlamına gelmektedir. Web tasarımında da vintage tarzı çalışmalar yapılmaktadır.Postmodern çalışmalardan sıkıldıysanız aşağıdaki örnekleri inceleyerek hayal gücünüz ile sizde benzer tasarımlar yaratabilirsiniz. İşte inanılmaz vintage tasarımları;

(ctrl + N)

Level 2 Design

Custom

Son zamanlarda web uygulamarının sayısı oldukça arttı.Web tasarımcıları bu uygulamalar ile daha az zamanda daha çok iş yapmaya başladılar.Sosyal medya platformlarının artmasıyla beraber birçok web uygulaması hayata geçti.İşte web tasarımcıları için 2009 yılının en popüler web uygulamaları;

PX to EM

pixelleri emlere hızlı ve kolay biçimde dönüştürmenizi sağlar. Hesaplamaların bilmiyor yada yapmakta zorlanıyorsanız tam size göre bir uygulama.

Type Tester

Sitenize hangi fontları seçeceğinize karar veremiyorsanız tam size göre bir uygulama. Farklı fontları farklı biçim ve boyutlarda karşılaştıran kullanışlı bir araç.