bildirgec.org

Birçok tasarımcı tasarıma taslaklar ve eskizler hazırlayarak başlar. Bu taslaklar kodlardan ziyade Photoshop gibi tasarım programları ile yapılır.Web sitenizi photoshop yardımı ile tam olarak tasarladıktan sonra html şeklinde yapılandırabilirsiniz. Aşağıdaki web tasarım dersleri ile tasarım aşamalarını hızlandırabilir ve ilham kaynağınızı çoğaltabilirsiniz.İşte Photoshop ile Kaliteli Web Tasarım Dersleri;

Awesome Portfolio Design
(Dehşet Verici Portföy Tasarımı)

RocknRolla Blog Design
(RocknRolla Blog Tasarımı)

Karikatür tarzı karakteri birçok araç ile tasarlayabilirsiniz. Fakat tasarım alanında akla en çok gelen iki araç Adobe Photoshop ve Adobe Illustrator‘dır. Aşağıdaki çalışmaları bu iki program ile yaratabilir tekniğinizi geliştirebilir ve daha farklı tasarımlarda bulunabilirsiniz. İşte Karton karakterler yaratma dersleri;

Drawing Vector-Looking Cat Illustration Using Photoshop
(Photoshop ile çizilen kediyi illüstrasyon şeklinde tasarlamak)

Create your own monster
(Kendi Canavarınızı Yaratın)

Create your own Leprechaun for St. Patrick’s Day
(St. Patrick’s günü için Leprechaun yaratın)

Create a Character Mascot with Adobe Illustrator CS4
(Adobe Illustrator CS4 ile kendi karakterinizi oluşturun)

jQuery ile yapılan form uygulamaları ile formlarınızı daha anlaşılır ve daha güvenli biçime getirebileceğiniz gibi oluşabilecek hataları da önleyebilirsiniz. Bu uygulamalar ile ziyaretçileriniz formları doldururken zorlanmazlar. İşte jQuery ile yapılan form uygulamaları;

Otomatik Tamamlayıcılar
Otamatik tamamlayıcı jQuery form elemanları, aradığınız bölüm ile ilgili veri tabanını eş zamanlı olarak tarar ve yazdığınız harf veya kelimeye göre siz henüz arama butonuna basmadan aramaya başlayarak alltaki küçük bir blokta size benzer sonuçları gösterir.

Autocomplete | demo

Autocomplete ile eş zamanlı olarak arama yapabileceğiniz gibi aramalarda filtreleme işlemini de uygulayabilirsiniz.

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;

Haãfe & Haph

colorchakra

Lyrically Noted

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;

ericj

giselejaquenod

creamscoop

johnwilliams

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ı;

camellie

Fool’s House

Ed Peixoto – I create Flavors

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.

jQuery upload uygulamaları, kullanıcılarınızın sunucunuza dosya yüklemesini sağlar. Fakat kullanıcılar, dosya yüklerken aynı zamanda farklı işlemler yapabilmelidirler. Birden fazla dosya yükleme özelliği bulunan bazı uygulamaları da kullanabilirsiz. İşte en iyi jQuery upload uygulamaları

AJAX File Upload Form Using jQuery

Bu uygulama ile sayfayı yenilemeden, herhangi bir sorunla karşılaşmadan kullanıcılarınızın dosyaları sunucunuza yüklemesini sağlayabilirsiniz. Her seferinde tek dosya yükleyebiliyorsunuz.

AJAX Upload

AJAX Upload ile önceden belirlediğiniz formattaki dosyaları sunucunuza yükleyebilirsiniz. Dilerseniz sadece resim veya tüm dosyaların yüklenmesine izin verebilirsiniz. Ayrıca pop-up açılarak yükleme özelliği bulunmakta.Submit butonu olmadan dosyayı seçtiğiniz an çalışmayan başlayan bu uygulama ile her defasında bir dosya yüklebilirsiniz.