编辑导读：App 导航，是应用的信息结构在用户界面上的展现方式。优秀的 App 导航设
计，能够在局限的屏幕窗口中完美的组织丰富的信息、展示产品的功能，并快速引导用户
使用产品功能。本文作者详细介绍了 B 端产品中的导航设计，我们一起来看一下。


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

一、导航结构
导航结构其实也跟页面结构相关，常见的页面结构包括上下结构、左右结构、上左右结构
、上左中右结构等。
我之前常用的就是上左右结构，也俗称 T 字形结构。
头部放 logo、个人信息，搜索等；左侧放导航菜单，支持最多三层结构；右侧则是主体
内容区域，表单，表格等都是放在这个区域。
1. 头部导航
早期做网页设计时，基本都是用的上下结构，即头部是导航，有二级或三级菜单时用下拉
菜单展示 ...