网站导航设计二三事

时间:2014-09-14

  6.Tab式导航(Tabbed Navigation)相当于导航条+Tab。导航条最简单的形式就是把超链接连成一行,有时用竖线分隔开来。而Tab式导航将tab控件结合到导航条上,使得网 站内容结构化,多重化。

  (图示出自:Motorola.com)

  Amazon.com可能是第一个运用tab式导航的大型电子商务网站,Amazon目前线上运用的是垂直菜单+动态菜单的形式。

  (图示出自:Amazon.com 1998)

  7.垂直菜单(Vertical Menu)通常置于网站的左边或者右边的一列链接。垂直菜单较横向的导航更灵活,易于向下扩展,且允许的标签长度较长。

  (图示出自:Apple.com)

  8.动态菜单(Dynamic menus)也叫浮出菜单,下拉菜单或者弹出菜单。用户须与其产生交互行为,菜单才能显示。常用的交互是鼠标悬停或点击。

  (图示出自:Amazon.com)

  9.下拉框导航(Drop-down menus)利用下拉菜单的特性,当选定某一项或多个选项,即将用户带到新的页面。

  (图示出自:Dell.com)

  10.标签云(Tag clouds)所列链接按字母排序,按照标签热门程度确定字体的大小和颜色。标签云的设计者是交互设计师Stewart Butterfield。首先使用标签云的是Flickr。

  (图示出自:Flickr.com)

  • 共3页:
  • 上一页
  • 2/3
  • 下一页
  • 上一篇:看不见的视觉设计背后的故事 下一篇:移动互联网时代:响应式网页设计已成为大势所

    相关文章

    最新文章