70+漂亮且极具亲和力的导航菜单设计推荐
? ? 網(wǎng)站可用性是任何網(wǎng)站的基本要素,而可用的導(dǎo)航更是網(wǎng)站所必需的要素之一。導(dǎo)航?jīng)Q定了用戶如何與網(wǎng)站進(jìn)行交互。如果沒有了可用的導(dǎo)航,那么網(wǎng)站內(nèi)容就會變得毫無用處。導(dǎo)航菜單應(yīng)當(dāng)足夠簡單以讓用戶快速了解它,但還要包含一些必要的元素來引導(dǎo)用戶瀏覽整個網(wǎng)站——融入一些有創(chuàng)意且漂亮的設(shè)計。下面的有些是基于CSS設(shè)計的,有些是基于CSS+JavaScript的菜單,還有些是基于Flash的導(dǎo)航菜單設(shè)計,它們都有一個共同點:那就是它們都極具創(chuàng)意、界面對用戶有好的,且完美的與網(wǎng)站的整體風(fēng)格融合在一起。
1.基于CSS的導(dǎo)航菜單設(shè)計
Loodo
讓網(wǎng)站更有感覺的華麗的菜單
Acko.net
Steven將他網(wǎng)站的導(dǎo)航菜單設(shè)計成了不同尋常的透視效果。
Web Design Ledger
Web Design Ledger的導(dǎo)航菜單設(shè)計的非常棒,超大的尺寸讓用戶的操作很方便,但不會干擾到網(wǎng)站的內(nèi)容。
UX Booth
UX Booth在它的導(dǎo)航下面使用了華麗的文本區(qū),用來對每個相應(yīng)的導(dǎo)航菜單項進(jìn)行詳細(xì)描述。
Nopokographics
很少有網(wǎng)站使用縱向的導(dǎo)航,原因很簡單:縱向菜單用起來很困難。但是,仍然會有一些設(shè)計師鋌而走險。 Nopoko Graphics 為縱向?qū)Ш教砑恿思^和一些鼠標(biāo)懸停效果。
Icon Designer
這個網(wǎng)站在首頁使用了一個很大的基于圖片的導(dǎo)航。用戶的視線會第一時間被這個大導(dǎo)航吸引,從而起到方便用戶的作用。
Cosmicsoda
這個網(wǎng)站的大導(dǎo)航很吸引人,而且使用了輕微的懸停效果來著重顯示某個菜單項。
Designsensory
這個二級下拉式導(dǎo)航菜單,通過不同的顏色來凸顯當(dāng)前激活的菜單項。
Smallstone
Smallstone,一家美國唱片公司。導(dǎo)航的設(shè)計樣式是號稱Space EchoRoland SE-201。
TNVacation
這是個非常難得的養(yǎng)眼的下拉菜單,的確非常漂亮!
Clearleft
Clearleft用幾張紙組成了它的導(dǎo)航菜單。
45royale
帶有漂亮的鼠標(biāo)懸停效果的簡潔導(dǎo)航。
Design Intellection
Ronnypries.de
Jiri Tvrdek
Water’s Edge Media
Matt Dempsey
Cognigen
District Solutions
Jayme Blackmon
Jeff Sarmiento
Studioracket
Cultured Code
Nando Designer
Bonfiremedia
Artgeex
Gloobs
South Creative
Mac Rabbit
RapidWeaver
DFW UPA
Revolution Driving Tuition
Duarte Pires
Valetin Agachi
Tutorial9
2. 帶有JavaScript的CSS菜單
Agami Creative
Whitehouse.gov
AppStorm
Eric Johansson
Coda
Dragon Interactive
Bern
Abduzeedo
3. 基于Flash的菜單
Iipvapi
Not Forgotten: The Movie
Nick Tones
woonky.ideas
Gotmilk
Spectra Visual Newsreader
NickAD
Sensi Soft
4. 高可用性的導(dǎo)航菜單
tap tap tap
Apple
Alex Buga
CREASENSO
polargold
Colourpixel
DVEIN
Alexandru Cohaniuc
Porsche Canada
Jeremy Levine Design
firstborn
Benjamin David
Thibaud’s Portfolio
Jason Reed Web Design
Marius Roosendaal
5.縱向?qū)Ш讲季?/span>
Danny Blackman
Tomas Pojeta
volll
Mediocore
6.對用戶友好的側(cè)邊欄菜單
FreelanceSwitch
Fubiz
Checkout
Ruby Tuesday
Concentric Studio
Barack Obama
GABBO DESIGN
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/zytrue/p/8493828.html
總結(jié)
以上是生活随笔為你收集整理的70+漂亮且极具亲和力的导航菜单设计推荐的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 奥巴马经济顾问:哪怕丢了“饭碗”,也必须
- 下一篇: 理解React-组件生命周期