bildirgec.org

Henüz tam olarak yaygınlaşmayan ve geliştirme süreci devam eden HTML5 ve CSS3 ile şu anki durumda bile muhteşem uygulamalar yaratılmakta. Web sayfalarını tamamen interaktif ve etkileşimli hale getiren ayrıca görsel açıdan farklı ögeler yaratan bu tasarım dilleri yeni sürümleri ile oldukça fark yaratmakta. Aşağıdaki uygulamaların nasıl yapıldıklarını inceleyebilir veya tamamı ücretsiz olarak dağıtıldığı için siz de web sitenizde kullanabilirsiniz. İlgi Çekici HTML5 ve CSS3 Uygulamaları;

CanvasMol

Slidenafill, aklınıza gelebilecek her molekülü size gösterebilen harika bir html5 uygulaması. ATP, TNT, DNA gibi bazı molekülleri 3 boyutlu olarak gösterir. Ayrıca isterseniz renklendirmeyi değiştirebilir; x,y,z eksenleri etranfında oynatmayı durdurabilirsiniz. Birbirine bağlı birçok bloktan oluşan uygulama içinde bir periyoduk cetvelde bulunmakta.

GoogleBox

Google‘ın 3 boyutlu heryönden gözükebilen şekli olan Googlebox bir css3 uygulamasıdır. Kutuyu istediğiniz gibi görebilmenizin yanında boyutlarını değiştirebiliyorsunuz.

Tek sayfalık web tasarımlarında, genelde içerik tek bir sayfaya sığdırıldığı için css ve javascript’e ağırlık verilmekte.jQuery ile slider vb. uygulamalar yapılırken css3 ile tasarımı ögelerini güçlendirerek daha şık durması sağlanabilir. Aşağıda içeriğinde birçok javascript uygulaması barındıran tasarım örnekleri bulunmakta. Bu örnekleri inceleyerek sizde tek sayfalık tasarımlar hakkında fikir sahibi olabilir veya farklı örnekleri inceleyebilirsiniz. Yaratıcı Tek Sayfalık Web Tasarımları;

Adam Woodhouse

Jan-Eike Koormann

David Spink

Mediocore – David Arazim

Facebook oldukça genişleyen bir sosyal medya platformu. Bu kadar büyük bir sosyal ağ olunca birçok şirket ve web sitesi daha fazla ziyaretçi çekmek için Facebook sayfaları kuruyor. Facebook fan sayfası tasarımları ne kadar ilgi çekici olursa o kadar ziyaretçi topluyorlar. Aşağıdaki Facebook Fan sayfası tasarımlarını inceleyerek siz de görsel tasarımlar yaratabilirsiniz. İşte ilham verici muhteşem Facebook fan sayfası tasarımları;

Realisingdesigns

Livescribe

JeffDunham

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

content sliders, (kayan menü, sürgülü menü) her türlü bilgiyi görüntülemek için geliştirilmiş son derece kullanışlı bir web uygulamasıdır. metinleri, fotoğrafları, reklamları otomatik slayt özelliği yanında butonlarla manuel olarak göstermeniz mümkün. ziyaretçilerin anında dikkatini çekmek, ziyaretçilerinizin bilgiye hızlı ulaşımını kolay ve şık bir şekilde content sliders ile sunabilirsiniz. content sliders kullanımında sınırlar aşılmış gibi görülüyor, e-ticaret sitelerinde ürün tanıtımında, bloglarda popüler konuların sunulmasında, kimi zamanda web siteleri reklam gösterim aracı olarak content sliders kullanmakta. peki nasıl bir content sliders tasarımı derseniz, aşağıda sizlere ilham vereceğini düşündüğüm content sliders tasarımları bulunmakta.

violet

kodu

teoskaffa

jQuery günümüzde oldukça popüler ve genişlemiş bir kütüphane. css3 ise yeni bir dil olmasına rağmen oldukça kullanışlı ve görsel olarak muhteşem. Bu ikisi birleşince ortaya çok güzel çalışmalar çıkabiliyor. Fakat css3 çalışmaları tam olarak tamamlanmadığından tarayıcıların daha alt sürümlerinde çalışmayabilir. Aşağıdaki uygulamaları web sitenize ekleyebileceğiniz gibi uygulamalar ilham kaynağınız olup kendiniz farklı çalışmalar yapabilirsiniz;

Polaroid photo viewer with CSS3 and jQuery | demo

Polaroid photo viewer, css3 ve jQuery ile yapılmış farklı bir uygulamadır. Farklı birçok resmi ekranda yayar ve mouse ile taşınmasını sağlar.

Sweet AJAX Tabs With jQuery 1.4 | demo

Sweet AJAX Tabs, css3 ve jQuery ile hazırlanmış bir tab uygulamasıdır. Bu uygulama sayesinde web sayfanızda yeni sayfa yüklemesine gerek kalmadan diğer sayfalar arası geçişi sağlayabilirisiniz. Bu sayede ziyaretçileriz daha az bağlanma sorunu yaşamış olurlar.

Web veya grafik tasarımı ile ilgileniyorsanız bu yazı size çok faydalı olacaktır. pv.m garage tarafından seçilen 2010 ocak ayının en iyi derslerine, röportajlara, ücretsiz kaynaklara, ilham kaynağı tasarımlara ve daha fazlasına aşağıdan ulaşabileceksiniz.

Web ve Grafik Tasarımcıları İçin Şaşırtıcı Dersler ve İpuçları

1. Create a Gnarly Snowboarding Themed Web Design (Snowboard temalı web tasarımı oluşturmak)

2. How to Create a Cool Anaglyphic Text Effect with CSS (Css ile harika kabartmalı metin efekti nasıl oluşturulur?)

Sitenizde klasik tasarımların dışına çıkarak jQuery menüler ekleyebilirsiniz.Bu sayede dikkat çekmekle birlikte görselliğe önem veridiğinizi vurgulayabilirsiniz.Ayrıca aşağıdaki jQuery dersleri sayesinde sizde benzer veya bambaşka jQuery çalışmaları yapabilirsiniz.İşte birbirinden farklı 14 jQuery menüleri ;

Codename Pufferfish | Demo

Tasarımlarda renk önemlidir.Birbirine uygun renklerin birleşimiyle muhteşem tasarımlar doğmakta. Bazende bellirli bir renk ve ona yakın renkler kullanılmakta. Aşağıdaki örnekler sizin ilham kaynağınız olabilir.
Pembe renk paletlerinde bir tasarımınız varsa yararlanabileceğiniz hoş bir kaynak. Sevimli hoş bir renk olan pembe ile yapılan tasarımlarım örnekleri;

1 – HyperDog

2 – lost in wonderland

Web tasarımında rengi etkili bir biçimde kullanmak çok önemlidir. Sarı renk sevinç, mutluluk ve enerjiyi ifade eder. Özellikle çocuk içerikli bir site hazırlayacaksanız bu rengi tercih edebilirsiniz. Sarı renk, dikkat çekmek için kullanılır. Bu yüzden kullanırken ayrıntılara dikkat etmeniz gerekir. Bu yazıda size ilham kaynağı olabilecek sarı renk kullanmış sitelere ulaşabilirsiniz.

Ayrıca daha önce yazdığım beyaz, mavi, turuncu, pembe ve siyah rengi çok güzel bir şekilde kullanan tasarımları inceleyebilirsiniz.

1. Creative Spark

2. I Am Always Hungry