Web tasarımda, aynı renk tonlarında veya bir renk tonu üzerine kurulu temalardan sıkıldıysanız daha fazla renkle çalışıp renkli tasarımlar üretmek farklı bir seçenektir. Aşağıdaki örnekleri inceleyerek klasik bir veya iki renk temalı tasarım dışına çıkarak daha renkli tasarımlar da bulunabilirsiniz. İşte renkli tasarın örnekleri;
Her tasarımcının, tasarım süresinin yavaşladığı ve ilham kaynağının yetersiz olduğu durumlar olabilir. Bu gibi durumlarda tasarımcılar önceden yaptıkları örneklere, farklı çalışmaları ve portföyleri incelerler. Bu sayede tasarım sürecini hızlandırabilecekleri gibi birçok yeni fikir zihinlerinde canlanabilir. Aşağıdaki illüstrasyon temalı web tasarımlarını inceleyerek farklı çalışmalara yönelebilir ve ilham kaynaklarınızı genişletebilirsiniz. İşte muhteşem illüstrasyon temalı tasarımlar;
Portföy tasarımları, ilham kaynağınızı arttırmak için birebirdir. Tasarım sürüceni hızlandırmak ve daha yaratıcı çalışmalarda bulunmak için mutlaka incelenmesi gereken tasarımlar bulunamakta. Aşağıdaki Portföy tasarımlarını inceleyerek hayal gücünüzü geliştirebilirsiniz. İşte en iyi Portföy tasarımları;
Her web tasarımcının elinin altında olması gerektiğini düşündüğüm web tasarım kaynaklarına devam ediyorum. Grunge Tasarım Kaynakları‘na da bakmanızı tavsiye derim. çok geniş bir arşiv.
Bu kaynakta ise yazı tipleri, photoshop fırçaları, dokular, ikon setleri ve hazır vektörel setler bulunuyor. Beğeneceğinizi umuyorum. Web tasarım kaynaklarına düzenli olarak devam etmeyi planlıyorum. Takip etmeye devam edin:)
Başlıyoruz…
Juice Yazı Tipi
Star Avenue Yazı Tipi
Mari Yazı Tipi
Fotoğrafçılıkta ve grafik tasarımda grunge etkisibaşlıklı yazımda grunge efektinin günümüzdeki geçerliliğinden ve diğer özelliklerinden söz ederek örnekler vermiştim. Kısacası tasarımda aykırı yaratıcılığınızı konuşturmanın en kolay çözümü grunge efektidir bana kalırsa.
Bu bildiride ise, tasarımlarında (özellikle web tasarım) grunge efektini kullanmak isteyenlerin kaçırmaması gereken bir kaynak sunuyorum. İlham alınacak grunge tasarım örnekleri, photosho fırçaları, dokular ve arka plan resimleri, ikon setleri, tasarım dersleri, website şablonları ve wordpress temalarını ücretsiz olarak indirebilirsiniz.
İlham Kaynakları
Öncelikle bu stilde ilk defa tasarım yapacakların çok işine yarayacağını düşündüğüm grunge tasarım örneklerinden başlasak iyi olur.
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;
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.
web 2.0’dan sonra logolar ve ikonlar farklı bir tarz aldılar. 16px, 32px, 64px boyutlarında 20 ikon bulunmakta.
merhaba
son dönemde web tasarım derslerinin olduğu siteler bayağı bir arttı. bu çok sevindirici bir şey -en azından benim için öyle. ben de buna benzer bir site açtım. tasarım notlarımı orada paylaşıyorum. pek tasarım notları da denilemez aslında. biraz önce de bahsettiğim gibi bir web tasarım dersleri portalı.
siteme buradan ulaşabilirsiniz. umarım ilgilisine ve heveslisine faydalı bir şeyler yapabilmişimdir, ya da yapabilirim…
zamanla php, ajax vb. konularda da dersler vereceğim. ben daha faydalı olması açısından tasarım basamağına ilkinden başladım. mümkün olduğunca, her 2-3 günde bir, bir ders ekleyeceğim.
güle güle okuyun..
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;
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.
