70+漂亮且极具亲和力的导航菜单设计推荐[译]

作者:暴风彬彬 来源:彬Go 时间:2009-02-23 13:15:00 

网站可用性是任何网站的基本要素,而可用的导航更是网站所必需的要素之一。导航决定了用户如何与网站进行交互。如果没有了可用的导航,那么网站内容就会变得毫无用处。导航菜单应当足够简单以让用户快速了解它,但还要包含一些必要的元素来引导用户浏览整个网站——融入一些有创意且漂亮的设计。

下面彬Go要向大家推荐的50款优秀的导航菜单,有些是基于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
这是个非常难得的养眼的下拉菜单,的确非常漂亮!

标签:导航,菜单,设计,网站,CSS
0
投稿

猜你喜欢

  • 如何编写一个只在Web服务关闭时执行的程序?

    2009-11-08 19:03:00
  • 真正保险的“有属性”检测

    2010-03-28 13:25:00
  • Asp+Sql 对数据库的各种操作

    2007-09-22 10:38:00
  • 按钮的反馈

    2009-01-01 20:06:00
  • 数据库名词解释

    2008-09-12 17:28:00
  • 异步加载Google Adsense 更新到Wordpress 2.62

    2008-09-11 13:09:00
  • js实时获得服务器上时间

    2008-11-25 13:55:00
  • js捕捉窗口的关闭与刷新

    2008-10-08 10:20:00
  • 先学会为自己做设计

    2008-06-01 16:32:00
  • Mootools常用方法扩展(五)

    2009-03-03 12:12:00
  • 高效的删除HTML标签的函数

    2009-02-26 13:02:00
  • 新手入门:防范SQL注入攻击的新办法

    2009-03-11 15:14:00
  • JavaScript正则表达式的简单应用:高亮显示

    2008-07-20 12:46:00
  • Oracle PL/SQL入门慨述

    2010-07-18 12:57:00
  • 5个常见的XHTML验证错误

    2010-01-15 20:24:00
  • Div即父容器不根据内容自适应高度的解决方法

    2010-04-23 18:19:00
  • 网马解密大讲堂——网马解密中级篇(Document.write篇)

    2009-09-16 16:16:00
  • Dreamwaver 常见问答解答

    2009-07-05 18:51:00
  • ASPImage组件的实现过程[图]

    2008-02-03 15:37:00
  • 表单name与id的区别和相似之处

    2007-12-13 12:55:00
  • asp之家 网络编程 m.aspxhome.com