bildirgec.org

ikonlar, web sitenizin görselliği için oldukça önemlidir. Ikonlar ile basit ve minimalist gözüken web sitenizi canlandırabilir, ziyaretçilerinizin ilgisini farklı ikonlarla çekebilir ve tasarımınıza ağırlık verdiğinizi vurgulayabilirsiniz. Birçok web tasarımcı hazırlanan ikon setlerini kullansalarda bazıları ise daha özgün olmak için kendi ikonlarını hazırlıyorlar.Aşağıdaki dersler ile benzer çalışmalar yapabilir veya tekniğinizi geliştirerek kendi ikonlarınızı oluşturabilirsiniz. İşte Photoshop ile yapılan muhteşem ikon tasarım dersleri;

Design a Vintage Radio Icon in Photoshop
(Photoshop ile Vintage Radyo ikonu Tasarımı)

Simple Coffee Cup Icon Photoshop Tutorial
(Photoshop ile Basit kahve fincanı ikonu tasarım dersi)

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.

Vintage‘nin sözcük anlamı klasik demektir. Eski yıllardan kalan, eski yıllardan saklanarak yeniden ortaya çıkarılan veya eskimiş anlamlarında kullanılabilir. Son yıllarda popüler kültürde oldukça kullanılan bir akım olmakla beraber web tasarımdaki etkisi açıkca görülebilmektedir.Retro ise özellikle yetmişli yıllarda kendini gösteren, şu anda ise yetmişli yılların özelliklerini devam ettirmeye çalışan bir akımdır. Retro ve Vintage tasarımların birbirine benzerliği dikkat çeker. Aşağıdaki örnekler gibi benzer çalışmalarda bulunabilir ve ilham kaynağını arttırarak farklı vintage ve retro tarzı tasarımlar yaratabilirsiniz. İşte ilham verici retro ve vintage web site tasarımları;

Eighty Two Design

targetscope

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

Vintage, eski yıllardan kalarak korunup saklanmış veya eski yıllara geri dönme anlamına gelmektedir. Genelde modada çok kullanılan bir terim olan Retro ise renklilikten uzaklaşıp geriye dönüşe verilen addır. Bu tasarım akımları moda ile başlasada, geçen zamanda tüm tasarım dallarına yayılmış ve sonunda web tasarımınıda etkilemiş durumda. Aşağıdaki yazı tiplerini, vintage ve retro tarzı sitelerinizde kullanabilir farklı logo ve afişler yaratabilirsiniz. İşte popüler Vintage ve Retro Fontlar;

Matchbook

Bazar, Medium

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