axure 左侧菜单导航和右侧内容联动_B端交互组件之导航篇

引言

这是B端交互组件最后一篇文章了，组件其实有很多，本次只选取了我觉得常用的4个组件来细聊，即导航、表格、表单、弹窗，包括系统菜单、数据管理和展示、数据输入和系统反馈。 导航与信息架构息息相关，信息架构是对功能进行组织，导航则是系统的门户，对功能的详细展示，用户可以通过导航快速找到自己想要的功能，也可以通过导航了解系统的整体功能分布。

一、导航结构

导航结构其实也跟页面结构相关，常见的页面结构包括上下结构、左右结构、上左右结构、上左中右结构等。 我之前常用的就是上左右结构，也俗称T字形结构。 头部放logo、个人信息，搜索等；左侧放导航菜单，支持最多三层结构；右侧则是主体内容区域，表单，表格等都是放在这个区域。

1、头部导航

早期做网页设计时，基本都是用的上下结构，即头部是导航，有二级或三级菜单时用下拉菜单展示，中间是网页主体内容，尾部则是版权信息区域。 对系统而言，这种模式也有，头部是导航，下面是主体内容区域，有的系统尾部可能会带简单的版权信息。 如下图所示：

以前设计华为内部系统时，看到过很多这种设计的系统，给我感觉就是需要频繁切换头部菜单，一个系统功能复杂，头部菜单基本都带二级或三级菜单&#