Axure结构性导航的应用

结构性导航

• 结构性导航是根据网站信息的层级结构进行划分来展示相关内容的。通过该类型的导航，用户可以在各主要层级之间任意进出网站。
• 结构性导航包括全局导航和局部导航。

一、全局导航

• 全局导航包含网站信息内容体系结构中最基本的关键入口，通常是网站的一级菜单，并出现在每个页面的顶部。
• 该导航的优点是，在网站的任何页面用户都可以通过它迅速跳转到其他的分类页面。

案例分析-百度为例
“百度”的全局导航，有别于其他新闻类、工具类或企业官网类网站的全局导航视觉展示——它作为搜索引擎，更加关注搜索方面的内容展示，弱化了全局导航的展示地位。即使如此，也并不影响全局导航在网站中的地位。

用户单击“网页”“新闻”“贴吧”等超链接，会跳转至相应的页面，而每个页面的全局导航均以相同的样式展示在页面顶部附近，除“地图”和“更多”。

制作效果图如下：

二、局部导航

• 局部导航即副导航，展示了当前页面与父级、子级、子子级之间的关系，通常其位置在全局导航的下方（例如“鼠标移入时”），有的会直接显示在页面左侧、全局导航之下，用户可通过切换查看相应的内容。

案例分析-W3school为例
W3school作为自学计算机语言的网站，在UI经历多次大改版之后，依然保持了原有的布局，即在主导航之下的左侧，显示各种语言的分类。用户通过单击不同的语言，可使页面显示不同的语言教程。

制作效果图如下：

采用Axure RP 9.0制作，有需要可下载源文件，已上传资源。