? ? 網(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)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。