sb | bildirgec.org

Web tasarımında photoshop önemlidir.html ve css kodlarından farklı olarak görselliği bize sunar.Aşağıdaki farklı sayfa tasarımlarını ile ilham kaynağınızı geliştirebilir veya photoshop ile web sayfası hazırlarken nelere dikkat etmeniz gerektiğini daha iyi kavrayabilirsiniz. Web sitenizin türüne göre birçok sayfa tasarım örneği bulunmakta.İşte pohotoshop ile web tasarım dersleri;

Graphic Design Studio
(Grafik Tasarım Stüdyosu oluşturma)

Create an awesome software layout
(Yazılım düzeni oluşturun)

2009'un en popüler sosyal medya platformu olan Facebook son günlerde yeniden tasarımının yenilenmesi üzerinde çalışıyor. Bazı kullanıcılarda, arama çubuğunu ortalayarak ön plana almış. Geçtiğimiz aylarda site içi aramasını gerçek zamanlı hale getiren Facebook, bu özelliğin göz önünde bulunmasını istiyor.

Allta bulunan navigasyon menüsünde büyük değişiklikler yapılmış durumda. Yeni menü tasarımında hesap ve gizlilik ayarları tek bir açılır menü altında toplanmış ve diğer bağlantılar ile birlikte sağa kaydırılarak ufaltılmış.

Sol üstte bulunan Facebook logosunun yanına ise arkadaşlık istekleri, bildirimler ve mesajlar ile ilgili ikonlar yerleştirilmiş.

En altta solda yer alan sık kullanılanlar bölümü ise sol tarafa kaydırılmış. Sağ altta ise sadece anlık mesajlaşma bulunuyor ve eski boyutlarına göre oldukça küçültülmüş. En alt satırda sağ tarafa dayalı duran anlık mesajlaşma aynı yerinde bulunurken, bildirimler kutusu kaydırılmış.

Farklı tasarımlar her zaman daha fazla ilgi toplar.Bu basit ama yaratıcı örnekler css, jquery kullanılarak yapılmış bazılarında ise basit tasarımlar etkili olmuştur. bu minimalist tasarımları inceleyerek hayal gücünüzü geliştirebilir veya arşivinizde benzerlerini saklayabilirsiniz. Daha fazla çeşidiniz varsa müşterileriniz o kadar memnun olacaktır. İşte tek sayfa ile yapılan tasarım harikaları;

Think Green Meeting

KINO

The Great Bearded Reef

Fajne Chlopaki: Portfolio

jQuery inanılmaz geniş bir kütüphane. Hayal gücünüze ve ihtiyacınıza göre istediğiniz şekilde kullabilirsiniz. Klasik kalıpları dışına çıkarak yaratıcı çalışmalarınızı ziyaretçilerinize sunabilirsiniz. Farklı tasarımlar her zaman için ilgi çeker. Bu yüzden aşağıdaki farklı jQuery tasarımlarını isterseniz kullabilir veya kendinizi geliştirip daha farklı çalışmalar yapmak için kullanabilirsiniz;

Feature List

Bu jQuery uygulaması sayesinde projelerinizi gösterebilir ya da web sayfanızdaki popüler veya yeni makale ve haberleri yayınlayabilirsiniz. Birçok sitede aynı mantık ile yapılmış birçok jQuery veya flash uygulamalar görmek mümkün.

Drag to Share like Mashable using jQuery

Mashable'da bulunan resimleri paylaşma özelliği diğerlerinden farklı. Resmi tıklayarak paylaşmak istediğiniz sosyal medya sistesinin üstüne götürüyorsunuz.jQuery ile yapılan çok hoş bir uygulama.

Wordpress'in birçok eklentisi bulunmakta.Bu eklentiler sitenin yapısına göre değişmekte. Fakat burada wordpress için gerekli 10 eklentiyi vermiş;

MobilePress

Mobilepress cep telefonundan internete girenler için düşünülmüş bir wordpress eklentisidir. Web sitenize eklenen dökümanların çıktısını cep telefonundan sitenize girenler için düzenler. iPhone, Opera Mini ve Windows Mobile gibi farklı cihazlar veya farklı tarayıcılara göre değiştirebilmeniz mümkün.

Google XML Sitemaps

Google, Bing, Yahoo ve Ask.com gibi arama motorları için xml site haritanızı anında oluşturabilen bir eklenti. Bu sayede sitenizi dolaşan arama motorları zorlanmadan tüm sayfalarınızı kontrol edicek. Sitenize eklediğiniz herhangi birşey anında arama motorlarına kayıt olacaktır.

Sitenize diğer basit menülerden öte açılıp kapanan aşağı ve sağa/sola doğru kayan, arka plan rengi değiştirilebilen hoş menüler koymak mümkün. Ayrıca bunları yaparken flash bilginizin olması da gerekmiyor. Çünkü harika bir şey olan jQuery sayesinde tüm bunları yapabiliyoruz. Burada 10 harika navigasyon menüsü göstermiş;

Horizontal Scrolling Menu | Demo - Ders

Yatay olarak sağa-sola kayan hoş bir navigasyon menüsü

Fading Menu – Replacing Content | Demo - Ders

Tıkladığınızda, tıkladığınız sayfanın linkini koyulaştıran bir uygulama.

jQuery ile yapılan birçok uygulama bulunmakta. jQuery sizi flash gibi gözüken uygulamaların aynısını yapmanızı sağlıyor. Yani kısaca sizi flash ile uğraşmaktan kurtarıyor. Galeriler, menüler, eklentiler vb. gibi birçok uygulama jQuery ile hoş bir biçimde hazırlanabiliyor. Sadece bunlarla kısıtlı kalmayıp ve web sitenizde müzik dinletebilmenizi de sağlıyor. Burada en iyi jQuery medya oynatıcılarını göstermiş ;
jMP3 – Jquery Mp3 Plugin

jMP3 (javaScript MP3 player) doğrudan mp3 oynatabilen hoş bir uygulama. Flash ve javascript dışında jQuery kullanan kullanışlı bir uyguluma.

jQuery Media Plugin

Zengin medya içeriği ve standart biçimi sayesinde göze batmayan kullanışlı bir uygulama. Flash, MP3, Windows Media Player, Real Player,Quicktime, Silverlight, PDF gibi hemen hemen her ortam türünde çalışabilir.