kullanıcı dostu menü bir menü oluşturmak, sitenin gelişimi açısından kritik öneme sahiptir. ziyaretçiler, aradığını belirli bir süre bulamaz ise siteden ayrılabilir ve site hakkındaki olumlu düşünceleri azalabilir.
Bu noktada, hem fazla alan kaplamayan hem de görsellik adına çok şey sunan “açılır menüler” imdadımıza yetişiyor. Ben de yazımda, bu ihtiyacını karşılayacak jQuery ile yazılmış 25 açılır menü uygulamasını sizlere tanıtacağım. Haydi başlayalım.
Bir çok insan ziyaret ettikleri web sitesinde belirli bir bilgiye ulaşmak için ya navigasyon menüsünü ya da arama çubuğunu kullanırlar. Bu nedenle navigasyon tasarımı basitçe gözardı edebileceğimiz birşey değildir.
Web sitemizin navigasyon menüsünü basit görsel ipuçları kullanarak ziyaretçilerimiz için daha çekici hale getirebiliriz.
Şimdi navigasyon menülerinde ikon kullanan bazı sitelere göz atalım.
açılır (drop-down) menüler, çeşitli ve içeriği bol siteler için kurtarıcı site elemanlarıdır ve bu menüler sayesinde sitedeki her şey derli toplu bir şekilde ziyaretçiye sunulur.
şimdi birbirinden yaratıcı açılır menü örneklerine bir göz atalım böylece sitesinde uygulamak isteyenler de tasarım olarak fikir edinmiş olurlar.
websitelerimizin en çok kullanılan kısımlarından olan navigasyon menülerinin hiç bu kadar şık olabileceğini düşündünüz mü? bu arkadaşlarımız düşünmüşler ve ortaya çok harika navigasyon menüler(navigation menu) çıkmış.
3 boyutlu navigasyonlar
internet siteleri kullanıcılarına kolaylık sağlamak için çeşitli navigasyon menüleri kullanıyorlar fakat bazı web siteleri navigasyon tasarımlarına ayrı bir özen göstermiş ve ortaya birbirinden yaratıcı tasarımlar çıkmış,navigasyon menü tasarlamayı düşünüyorsanız bu yazıyı okumanızı tavsiye ederim ama web tasarımla ilgilenmiyorsanız dahi bu tasarımlar bir gözatmaya değer.
jQuery ile yapılan birçok uygulama bulunmakta. Artık jQuery ile yazılarınız ilede oynayabilirsiniz! Büyütme, küçültme, renk değiştirme, yer değiştirme vb. gibi uygulamarın tamamını yapabilirsiniz.
Mouse Hareketine Göre Değişen Yazı Efekti | demo – ders
Mouse’nuzu yazıların üstüne getirdiğinizde büyürler, yer, renk veya şekil değişitirmesini sağlayan jQuery uygulaması.
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.
Navigasyon menüleri kullanıcı dostu arayüzü oluşturmak için çok önemlidir. Aynı zamanda tasarımınızı çekici bir görünüm kazandırabileceğiniz en etkili bölümdür. Aşağıda size ilham kaynağı olabilecek çok güzel bir şekilde tasarlanmış navigasyon menüler yer almaktadır.
1. Utah Travel
3. MailChimp
Bir sitenin navigasyon menüsü ziyaretçiler için önemlidir. Navigasyon menü tasarımı için birçok yöntem bulunmaktadır.
Bu yazıda ilham kaynağı olabilecek şık navigasyon menülere ulaşabilirsiniz.
1 – netdreams.co.uk
3 – Anderbose
