导航菜单应当足够简单以让用户快速了解它,但还要包含一些必要的元素来引导用户浏览整个网站——融入一些有创意且漂亮的设计。
向大家推荐的70款优秀的导航菜单,有些是基于CSS设计的,有些是基于CSS+JavaScript的菜单,还有些是基于Flash的导航菜单设计,它们都有一个共同点:那就是它们都极具创意、界面对用户有好的,且完美的与网站的整体风格融合在一起。
1.基于CSS的导航菜单设计
Loodo
让网站更有感觉的华丽的菜单
Acko.net
Steven将他网站的导航菜单设计成了不同寻常的透视效果。
Web Design Ledger
Web Design Ledger的导航菜单设计的非常棒,超大的尺寸让用户的操作很方便,但不会干扰到网站的内容。
UX Booth
UX Booth在它的导航下面使用了华丽的文本区,用来对每个相应的导航菜单项进行详细描述。
Nopokographics
很少有网站使用纵向的导航,原因很简单:纵向菜单用起来很困难。但是,仍然会有一些设计师铤而走险。 Nopoko Graphics 为纵向导航添加了箭头和一些鼠标悬停效果。
开发工具">
Icon Designer
这个网站在首页使用了一个很大的基于图片的导航。用户的视线会第一时间被这个大导航吸引,从而起到方便用户的作用。
Cosmicsoda
这个网站的大导航很吸引人,而且使用了轻微的悬停效果来着重显示某个菜单项。
Designsensory
这个二级下拉式导航菜单,通过不同的颜色来凸显当前激活的菜单项。
Smallstone
Smallstone,一家美国唱片公司。导航的设计样式是号称Space Echo Roland SE-201。
TNVacation
这是个非常难得的养眼的下拉菜单,的确非常漂亮!
Clearleft
Clearleft用几张纸组成了它的导航菜单。
45royale
带有漂亮的鼠标悬停效果的简洁导航。
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. 高可用性的导航菜单
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.纵向导航布局
Danny Blackman
Tomas Pojeta
volll
Mediocore
6.对用户友好的侧边栏菜单
FreelanceSwitch
Fubiz
Checkout
Ruby Tuesday
Concentric Studio
Barack Obama
GABBO DESIGN