bildirgec.org

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.

CSS3 ile css ve web tasarımı birbirinden farklı birçok özellik kazandı. Her türlü yazı tipini web sayfalarında kullanabilme, css ile oluşturulan animasyonlar, şık buton tasarımları gibi birçok örnek bulunmakta. Bu örnek ve uyguları öğrenmek ve css3’ü tamamen tanımak için birçok uygulama ve makale bulunmakta. Fakat css3 tarayıcıların eski sürümşerinde çalışmıyor. Bunu dikkate alarak da web sayfanızı şekillendirmelisiniz. İşte birbirinden farklı css3 uygulamaları;

11 classic CSS Techniques Made Simple with CSS3 | Demo

Klasik css‘den farklı olarak css3’teki farklılıkları açıklayan bu yazıyı css3’e geçen herkesin okuması gerek. Css3’teki animasyon, yazı tipi değişimi ve vurgusu, köşesiz blok yapımı gibi konularda içinde bulunan çok eğitici bir yazı.

Mock-Up Interface Using CSS3 Colour | Demo

Css3 ile transparan bloklar yapabileceğinizi gösteren çok hoş bir uygulama. İstediğimiz herhangi bir bölümü ya da sayfanın tümünü transparan hale getirmek mümkün.

Web tasarımı, bazen oldukça zor bir iş olabilir.Bazen ne yapıcağınızı bilmiyor olabilirsiniz.Bu gibi durumlarda farklı tasarımları incelemek herzaman sizin için daha iyi olur.Farklı tasarımlardan esinlenerek benzersiz ve özgün çalışmalarda bulunabilirisiniz.Bu yüzden birçok logo galerisi bulunmakta.Bu galeriler arasındaki yüzlerce logo arasında dolaşarak tasarım gücünüzü arttırabileceğiniz gibi rakiplerinizin de işlerini takip edebilirisiniz.İşte en iyi 12 logo galerisi ;

Creattica

Logo Faves

Tasarım, herhangi ürünü (ya da programı) pazarlamak için çok önemlidir. Ziyaretçiler etkilenirlerse, ürün üzerindeki düşünceleri olumlu yönde artar. Bu kural iPhone uygulamaları için de geçerli. Birbirinden farklı iPhone uygulama sayfaları, uygulamalarının daha fazla tanınması ve dikkat çekmesi için hazırlanmış. Dilerseniz bu tasarımları inceleyerek, siz de benzer tasarımlar oluşturabilirsiniz.İşte birbirinden farklı ilginç iPhone uygulaması web sayfası tasarımları;

Bills

Shake it Photo

Tripmix

Yeni teknolojiler 3D tasarımı oldukça güçlendirdi. Artık herhangi bir nesne sanal ortama daha kolay biçimlerde aktarılabiliyor veya farklı ortamlar programlar ile yaratılıyor. Aşağıdaki birbirinden farklı 3D modelleme programları farklı alanlar için tasarlanmıştır. Animasyon, özel efekt, mimarı gibi alanlarda kullanılan en iyi 3D modelleme araçları;

3D Studio Max

Autodesk tarafından geliştirilen 3D Max, 3 boyutlu bir modelleme ve animasyon programıdır. 3D modellemede oldukça popüler olan bu program, film efektleri, mimari ve endstriyel çalışmalar gibi birçok farklı alanda kullanılmaktadır. Ayrıca eklenti desteği bulunmakta.

Zbrush

Pixologic firması tarafından üretilen 3 boyutlu modelleme aracı Zbrush, gerçek zamanlı modelleme ve boyama becerisine sahiptir. Yüksek ayrıntı kabiliyeti ile gerçekçi modeller yapılabilir.
Modo

jQuery artık o kadar ilerledi ki animasyonlar bile yapılabiliyor. Genelde flash ile gördüğümüz animasyonları gelecekte jQuery ile yapıldıklarını görmemiz mümkün. İşte birbirinden farklı jQuery ile yapılan inanılmaz animasyon örnekleri;

Building an Animated Cartoon Robot with jQuery – Demo
(jQuery ile Animasyon Robot yapma)

5 katman hazırlanarak yapılarak hazırlanan çok hoş bir jQuery uygulaması. Kısa olmasına rağmen ileride benzer çalışmaları geliştirilerek yapılabilir.

Crafting an Animated Postcard With jQuery – Demo
(jQuery ile Animasyon Karpostal Hazırlama)

Flash animasyonların yerini ileride jQuery ile yapılan animasyonların alabileceğinin en büyük kanıtlarından biri. Çok kullanışlı bir jQuery uygulaması.

Web tasarımcılara yönelik birçok yazılım bulunmakta. Fakat açık kaynak kodlu olanlar ücretsiz olarak yayınlanır. Ekonomik koşullar ele alınınca programları ücretsiz olarak kullanmak daha olağan gözüküyor. İşte açık kaynak kodlu 6 muhteşem uygulama;
Aptana Studio

Aptana, ücretsiz ve açık kaynak kodlu ayrıca eklenti desteği bulunan gelişmiş bir web editörüdür. Eklentileri ile özelliştirebildiğiniz bu uygulamanın HTML, CSS, Ajax, JavaScript, PHP, RadRails, Adobe AIR ve Apple iPhone desteği bulunmakta.

jEdit

Mac, Windows ve Linux üzerinde çalışabilen bu uygulama web tasarımcıları için hazırlanan bir metin editörüdür. HTML, XML, CSS, JavaScript gibi birçok dil desteği bulunmakta.

Vintage, eski yıllardan korunum saklanmış veya eskiye dönüş anlamına gelmektedir. Web tasarımında da vintage tarzı çalışmalar yapılmaktadır.Postmodern çalışmalardan sıkıldıysanız aşağıdaki örnekleri inceleyerek hayal gücünüz ile sizde benzer tasarımlar yaratabilirsiniz. İşte inanılmaz vintage tasarımları;

(ctrl + N)

Level 2 Design

Custom

Son zamanlarda web uygulamarının sayısı oldukça arttı.Web tasarımcıları bu uygulamalar ile daha az zamanda daha çok iş yapmaya başladılar.Sosyal medya platformlarının artmasıyla beraber birçok web uygulaması hayata geçti.İşte web tasarımcıları için 2009 yılının en popüler web uygulamaları;

PX to EM

pixelleri emlere hızlı ve kolay biçimde dönüştürmenizi sağlar. Hesaplamaların bilmiyor yada yapmakta zorlanıyorsanız tam size göre bir uygulama.

Type Tester

Sitenize hangi fontları seçeceğinize karar veremiyorsanız tam size göre bir uygulama. Farklı fontları farklı biçim ve boyutlarda karşılaştıran kullanışlı bir araç.