|
MattCronin版权所有作者：Smashingmagazine,MattCronin译者：UCD翻译小组,JJYY原文：http://www.yuhou.cn/2009/02/04/50-beautiful-and-user-friendly-navigation-menus/
对任何网站来说，可用性都是一个重要的设计目标，而友好的导航是其中的要素之一，它决定着用户在网站中如何被引导，如何与网站进行互动。如果没有友好的导航，网页的内容就很难发光和被用户发掘。菜单必须要足够简单到用户容易理解，还要包含必要的元素来引导用户浏览整个网站——同时要有很棒和有创意的设计在上面。
下面我们将展示50多个出色的导航菜单——我们挑选了一些用CSS实现的菜单，一些CSS+Javascript的菜单，还有flash的菜单设计。不管他们具体是用什么实现的，共同点是：对用户友好、富有创意，并且完美符合所属网站的风格。感兴趣的话，您还可以阅读我们之前的几篇文章：
基于CSS的导航菜单：时髦的解决方案-列举了一些很时髦的CSS菜单导航菜单：趋势和例子-收集了一些很能激发灵感的导航菜单。
1.基于CSS的导航菜单
Loodo一个色彩斑斓、给网站增加了触摸感的菜单。
yuhou.cn设计者StevenWittens采用了一种独特的透视角度来呈现导航菜单。
WebDesignLedger该网站有一个很棒的菜单，大尺寸的按钮非常舒适且没有和网站内容搅在一块。
UXBooth在导航栏下面使用了一个漂亮的辅助文本区域来说明当前的菜单项。
Nopokographics垂直文字的导航菜单非常罕见，因为他们用起来不是那么舒服。但一些设计师总会迎着风头去做些突破。NopokoGrphics就使用了箭头指示和鼠标悬浮(Hover)效果在他们的垂直导航菜单上。
IconDesigner这个网站在首页上使用了超大的图片菜单，用户的注意力马上就被这个贼大的菜单拽了过去，看起来对用户非常方便。
Cosmicsoda这个大大的菜单十分醒目，并且使用了轻微的Hover效果来为菜单增色。
Designsensory十分符合用户认知的二级菜单导航，使用2种颜色区分，有效的告诉用户当前激活的菜单项目和未激活的项目。
SmallstoneSmallstone,美国的唱片公司，采用了一种独特的导航菜单，厄。。。这东东叫做“空间回音RloandSE-201型号”.
TNVacation这年头很难找到一个看起来很棒的下拉菜单，不过这里就有一个例外。
|