bildirgec.org

Web tasarımla ilgilinenenler için web tasarım araçları oldukça önemlidir. Normalde birkaç dakika hatta daha fazla zaman ayıracakları bir işi birkaç saniyede halledebilirler. Aşağıdaki çevrimiçi araçlar sayesinde daha az zaman harcayabilirsiniz. İşte çevrimiçi kullanışlı web tasrarım araçları;

Preloaders

Web sitenizde ajax kullanıyor ya da sayfalar yüklenirken “yükleniyor” yazısı veya buna benzer animasyonlar kullanıyorsanız tam size göre bir uygulama. Gif formatında oluşturabileceğiniz birçok yükleniyor simgesi bulunmakta ve kategorilenmiş durumda. Çevrimiçi oluşturabileceğiniz bu simgeleri istediğiniz gibi özelleştirebilirsiniz. Renk ve arka plan rengini, Hızını, Transparanlığını ve boyutlarını istediğiniz gibi ayarlayarak saniyeler içinde oluşturabilirsiniz. Ayrıca simgeler 3 Boyutlu, Dairesel, Yatay gibi kategorilere ayrılmış.

Portföy (portfolio), web tasarımcıların veya web tasarım şirketlerinin yaptıkları tüm işlerin toplandığı web site veya içeriğe verilen addır. Tek sayfalık tasarımlar ise sadeliği ile birçok ziyaretçiyi etkileyebilir. Tüm içeriğinizin tek bir sayfada toplanması ziyaretçilerin gereksiz sayfa dolaşmasını engellerken tasarım açasındanda oldukça kullanımı kolaydır. Aşağıdaki tasarımları inceleyerek siz de benzer çalışmalarda bulunabilirsiniz. İşte ilham verici tek sayfalık porfolio tasarımları;

Julianarojas

Sid05

Narfstuff

Portföy (portfolio), tasarımla ilgilenen kişi veya kurumların ozgeçmişleri, yaptıkları işler hakkındaki malzemelerin tümüne denir. Referans olarakta adlandırılabilir. Günümüzde birçok web tasarımcı portföylerini oluşturmakta ve yayınlamaktadır. Aşağıdaki portföy tasarım dersleri ile benzer çalışmalara yapabileceğiniz gibi aynısını yapmaktada özgürsünüz. İşte portföy tasarım dersleri;

How to create your own single page portfolio design in photoshop
(Photoshop ile nasıl tek sayfalık portöf oluşturulur)

Create a Grungy, Translucent Web Portfolio Design
(Grunge ve saydam web portföy tasarımı)

Eskiz, ressamların veya karikatüristlerin herhangi resme başlamadan önce hazırladıkları taslaklara denilir. Bu tarzda web tasarımında birçok örnek bulunmakta. Gerçekten el ile çizilip dijital ortama aktarılan birçok çalışma olduğu gibi tasarım programları ile çizilmiş gibi de gösterilebilmektedir. Aşağıdaki örnekler ile ilhamınızı arttırabilir ve arşivinizde saklayabilirsiniz. İşte eskiz tarzı web tasarım örnekleri;

Vinamation

Project365

Wordpress için artık birçok uygulama bulunmakta.Wordpress ile hazırladığınız web sitenizi artık istediğiniz gibi kişiselleştirebilirsiniz. Temalar ve eklentiler ile renklendirebilirsiniz. Aşağıda Wordpress için hazırlanan uygualamalrdan sadece jQuery kütüphanesi kullanılarak yapılanlar bulunmakta. Aşağıdaki uygulamaları kullanabilir veya sizde farklı jQuery Wordpress eklentileri yaratabilirsiniz. İşte Worddpress için hazırlanan jQuery uygulamaları;

FancyBox for WordPress – Demo

Fancybox, tooltip şeklindeki bir resim görüntüleme aracıdır. Wordpress ile uyumludur.Upload özelliği sayesinde resimleri sorusuzca yükleyebilirsiniz. Web sayfanızdaki belirttiğiniz resimleri veya tümünü bu uygulamaya tıklandığında büyük olarak görülmesini sağlar.

SimpleModal Contact Form (SMCF) – Demo

Wordpress için hazırlanan bu jQuery uygulaması ise ziyaretçileriniz için hazırlanan bir iletişim formudur. İletişim formunu ziyaretçileriniz tıkladığında tooltip şeklinde yeni bir pencere açılarak yeni sayfa yüklemeden ziyaretçilerinze zaman kazandırır. Hoş tasarımlı ajax ile hazırlanmış bir Wordpress eklentisidir.

jQuery ile artık birçok uygulama örneği bulmak mevcut. Klasik uygulamaların dışında animasyonlar ve oyunlar da css3 ve html5 ile artmış durumda. Aşağıdaki uygulamaları doğrudan web sitenize ekleyebilir ve ziyaretçileriniz arasında rekabet ortamı yaratabilirsiniz. İşte muhteşem jQuery Oyun uygulamaları;

Twitch

Twich, pop-up penceleri üzerindeki 9 aşamalı minimal bir oyun serisidir. Her yeni seviyeye geçtiğinizde yeni bir pencere açılarak farklı bir oyun karşınıza gelir. Oyun sadece fare ile oynanır.

Browser Ball

Resimdeki plaj topu ile açılacak yeni pencerede oynayabilirsiniz. Benzer masaüstü uygulamalardan esinlenerek hazırlanmış bu oyun ile ziyaretçileriniz boş vakitlerini sizin sitenizde geçirecekler.

Minimalist tasarımlar, diğer tasarımlara göre daha sade ve daha renksizdir. Genel olarak renklerden uzak, karşmaşık tasarımlara karşı olan minimalist tasarımlar, tamamen saf ve düzenli bir anlayış üstüne kurulur. Eğer renkli ve karmaşık tasarımlardan sıkılydıysanız veya farklı tasarım akımları hoşunuza gitmiyorsa aşağıdaki web tasarım örneklerini inceleyerek farklı minimalist tasarım örnekleri yaratabilirsiniz. İşte birbirinden farklı ilham verici minimalist web tasarım örnekleri;

Black Estate Vineyard

elCandor

Fellswoop

Web3.0, css3 ve Html5‘in gelişmesi ile birlikte web sayfaları artık interaktif uygulamalar ile dolmaya başladı. Masaüstü uygulamalarında kullanılan efekler ve uygulamaların birçoğu artık flash kullanmadan web sayfalarında da uygulanabiliyor. Tüm bu yeniliklerle beraber jQuery kütüphaneside sürekli büyüyor ve ön plana çıkıyor. Aşağıdaki benzersiz uygulamaları web sitenizin içeriğine göre veya farklı tarzlarda kullanabileceğiniz gibi jQuery geliştiricisiyseniz benzer uygulamalar yaratabilirsiniz. işte inanılmaz 5 jQuery uygulaması;

Interactive Map | Demo

Artık kendi bilgi haritanızı jQuery ile oluşturmanız mümkün. Genellikle bilgi haritaları, .jpg formatında yapılıyordu veya interaktif uygulamalar için ise flash tercih ediliyordu. Fakat web3.0, css3, html5 ile birlikte jQuery’de ön plana çıkarak bu kalıpları yıkıyor. Kendi bilgi haritanızı yaratabileceğiniz bu uygulamada tooltip özelliği ile bölgeler hakkında bilgi verebilir ayrıca belirli bölgelere yakınlaşarak daha ayrıntılı haritalar yayınlayabilirsiniz.

ikonlar, web tasarımının olmazsa olmazlarıdır.Eğer web sitenizde görselliğe önem veriyor minimalist tasarımların dışında örnekler veriyorsanız tasarımınızı kullandığınız birçok ikon ile pekiştirebilirsiniz.Görselliğin artması kullanıcıları etkiler ve dolayısıyla kullanıcı sayınız artar.E-ticaret sistemleri için hazırlanmış olan aşağıdaki ikon setlerini ücretsiz olarak kullanabileceğiniz gibi dilerseniz arşivlerinizde saklayabilirsiniz ;

Chalkwork Payments
(Chalkwork ödeme ikonları)

CSS Globe e-commerce icons
(CSS Globe e-ticaret ikonları)

Money Back Guarantee Icon Set
(Para iadesi ikon seti)

Free eCommerce icons
(Ücretsiz e-ticaret ikonları)

Minimalist (Minimalizm), nesnenin nesne olduğuna dikkat çekme ve bunu sembolik veya herhangi bir şekilde ifade etmedir. Kısacası geniş ve karmaşık yapıdaki tasarımları daha dar ve sade şekle sokmadır. Eğer çok renkli veya birçok eklenti içeren web sitelerinden sıkıldıysanız sadeliğe gidebilirsiniz. Aşağıdaki ücretsiz Wordpress temalarını, kullanabilir veya benzer Minimalist tasarım örnekleri verebilirsiniz. İşte Minimalist Wordpress Temaları;

Simplicity | Demo

Clean Home | Demo