我的联盟 作品 招聘 外包 人才  酷站加油 国内 国外 CSS  资源图库 图库 模板 矢量 图标  设计欣赏 界面 LOGO 插画 艺术  网页 平面  专访 名站 竞赛 社区
当前位置:首页 > 网页教程 > 网页理论 > 正文
50 个美丽且对用户友好的导航菜单设计
来源:www.far2go.cn 2009年03月01日 11:09 网友评论:0条 点击:

Matt Cronin版权所有
作者:Smashing magazine, Matt Cronin
译者:UCD翻译小组 , JJYY
原文:
http://www.smashingmagazine.com/2009/02/04/50-beautiful-and-user-friendly-navigation-menus/

对任何网站来说,可用性都是一个重要的设计目标,而友好的导航是其中的要素之一,它决定着用户在网站中如何被引导,如何与网站进行互动。如果没有友好的导航,网页的内容就很难发光和被用户发掘。菜单必须要足够简单到用户容易理解,还要包含必要的元素来引导用户浏览整个网站——同时要有很棒和有创意的设计在上面。

下面我们将展示50多个出色的导航菜单—— 我们挑选了一些用CSS实现的菜单,一些CSS+Javascript的菜单,还有flash的菜单设计。不管他们具体是用什么实现的,共同点是:对用户友好、富有创意,并且完美符合所属网站的风格。
感兴趣的话,您还可以阅读我们之前的几篇文章:

1. 基于CSS的导航菜单

Loodo
一个色彩斑斓、给网站增加了触摸感的菜单。

Acko.net
设计者Steven Wittens采用了一种独特的透视角度来呈现导航菜单。

Web Design Ledger
该网站有一个很棒的菜单,大尺寸的按钮非常舒适且没有和网站内容搅在一块。

UX Booth
在导航栏下面使用了一个漂亮的辅助文本区域来说明当前的菜单项。

Nopokographics
垂直文字的导航菜单非常罕见,因为他们用起来不是那么舒服。但一些设计师总会迎着风头去做些突破。Nopoko Grphics就使用了箭头指示和鼠标悬浮(Hover)效果在他们的垂直导航菜单上。

Icon Designer
这个网站在首页上使用了超大的图片菜单,用户的注意力马上就被这个贼大的菜单拽了过去,看起来对用户非常方便。

Cosmicsoda
这个大大的菜单十分醒目,并且使用了轻微的Hover效果来为菜单增色。

Designsensory
十分符合用户认知的二级菜单导航,使用2种颜色区分,有效的告诉用户当前激活的菜单项目和未激活的项目。

Smallstone
Smallstone, 美国的唱片公司,采用了一种独特的导航菜单,厄。。。这东东叫做“空间回音Rloand SE-201型号”.

TNVacation
这年头很难找到一个看起来很棒的下拉菜单,不过这里就有一个例外。

首页 上一页 [1] [2] [3] [4] [5] [6] [7] [8] 下一页 尾页
上一篇:Google地图和搜狗地图的信息架构   下一篇:用户体验设计十大常见误区
收藏此页】【打印】【关闭
 相关文章  我要点评
·重收益轻用户体验?网址导航站被指受累电商竞争
·汽车之家不堪导航站涨价:弹出提示进行反击
·周鸿祎马云交手电商导航:流量变现争夺战加剧
·360购物平台上线 类似综合电商导航站
·iOS的隐性导航设计
·小导航站已死:百度360等巨头分食网址导航市场
·百度推出新版团购导航服务 称坚持不商业化
·手机界面常用导航设计分析

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 设计服务 | 广告服务 | 常见问题 | 网站地图 | 法律声明 | 联系我们
Copyright © 2003-2012 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】