在网站应用性中,导航菜单应该是最重要的部分了,优秀的导航设计不仅可以方便用户浏览网站内容,还能在第一时间给用户准确的信息传达,直观地表现网站的内容涉猎,让用户更方便地找到想要的需要的内容,这里整理了当前网站设计中流行的特色导航设计案例,这也表明了网站导航设计的一个未来趋势。
1、3-D 导航
3-D 风格的导航菜单可以表现的更突出,能在整个页面的设计中凸显导航功能,并且向用户传达直观的可操作性。
1.1 Delibar
1.2 Blue Door Baby
1.3 Mystery Tin
1.4 psdtowp
1.5 Harry Bissett
1.6 Sower of Seeds
2、会话框(气泡)导航
这类的网站导航风格打破了常规的菜单布局,在很多特色的网站设计中有很好的应用和体现。
2.1 Alexarts
2.2 Bush Theatre
2.3 Tienda
2.4 Rob Alan
2.5 SproutBox
2.6 Kingpin Social
2.7 Contrast
2.8 Design Spartan
2.9 Definitely Dubai
2.10 Robin James Yu
2.11 GIANT Creative
2.12 Yellow Bird Project
3、圆角导航
圆角导航的应用已经并不新鲜,在很多的网站设计中得到了很好的应用。这类导航外观表现的更像一个可操作的按钮,引导用户点击。
3.1 Ballpark
3.2 NOSOTROS
3.3 New Look Media
3.4 LemonStand
3.5 MetaLab
3.6 Vistrac
3.7 gugafit
3.8 PeepNote
3.9 Viljami Salminen
4、图标类导航
精致风格的视觉类导航在如今的高速带宽的网络环境中,已经可以完全无需考虑加载速度,从而应用在网站设计中,进一步提高网站的整个设计质量。
4.1 Adii Rockstar
4.2 Sourcebits
4.3 Carsonified
4.4 marcusK
4.5 MobileMySite.com
4.6 mesonprojekt
4.7 Dreamling.ca
4.8 nadamastriste
4.9 RedVelvetart.com
4.10 Custom Toronto
5、JavaScript 动画导航
网站设计师使用JavaScript框架可以很容易地实现动画风格的导航菜单功能,使得导航设计表现的栩栩如生。
5.1Andreas Hinkel
5.2 Jon White Studio
5.3 Votaw
5.4 Utah.travel
5.5 RUDEWORKS
5.6 MULTIWAYS
5.7 Bert Timmermans
5.8 Dragon Interactive
6、不规则形状导航
正是因为多数网站都是采用规则边角设计的,所以,如果在特殊的网站设计中能使用一些不规则形状的导航菜单,可以为整个网站设计增色不少。
6.1 Booma
6.2 Kutztown University
6.3 Yorkdale
6.4 The Crazy Love Campaign
6.5 Carnivale du Vin 2009
6.6 Wrangler Face Off
6.7 HTO
6.8 smriyaz.com
6.9 Think Up
6.10 f claire baxter
6.11 Inner Metro Green
6.12 Custom Tshirts UK
6.13 Pirata London
6.14 koraykibar.com
6.15 Idea.org
7、箭头导航
经常会看到一些类似杂志类网站设计会使用到这样的导航风格,从而给用户一个更好的交互式体验,提高用户的浏览操作。
7.1 Jack Cheng
7.2 gregorywood.co.uk
7.3 The Rich And Powerful
7.4 72nd Ave.
英文原文:
Showcase Of Modern Navigation Design Trends
翻译来源:
http://news.cnblogs.com/n/55187/