Dreamweaver教程：网页导航的设计如何做到更清晰（二）

Dreamweaver教程：网页导航的设计如何做到更清晰二

导航设计之交互样式
    Web导航的最重要的作用就是将网站的内容信息友好地展示给用户。在确定好网站的信息架构后，应当按需所取适当的导航样式。而不是不管三七二十一，都来个tab式导航，觉得没有个横梁式的导航都不好意思说自己在做网页。首先我们了解一些常用的导航形式：

1、分步导航 （Step navigation）通常由文字标签和箭头组成，也要伴随着向后退的链接。适用于环环相扣的页面流程，如向导，支付，在线阅读等，为一个接一个的页面提供访问；

2、分页导航 （Paging navigation）经常出现在搜索页中，一次可展现的结果数目通常有限制，超出限制的结果将在新页面展现。最简单的分页导航就是带页码的分布导航；

3、面包屑 （Breadcrumb trail）展示了用户访问网站的路线，由一大串的元素和节点组成。每个节点都与指向先前访问过的页面或父级主题相连，节点间以符号分隔，通常是大于号（>）,冒号（：）或者竖线（|）；

4、树状导航 （Tree navigation）允许针对层级结构的访问。往往包含加号和减号或小箭头的小图标来展开和收起下级节点；

5、网站地图 （Site Map）为网站提供了自顶向下的迅速总览。适用于有大量内容和广泛用户群体的网站。因而应该比较简单易于扫视。其中的标签要与页面中的标题相符。在搭建网站地图时需要考虑其颗粒度，一般来说只需展现网站结构中的两到三级，提供到页面的链接。页脚网站地图，是现今大中型网站采用的方式，把网站地图一部分显示在页面底部，同时包含一个指向完整地图的链接；

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

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

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

9、下拉框导航 （Drop-down menus）利用下拉菜单的特性，当选定某一项或多个选项，即将用户带到新的页面；

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