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

这是B端交互组件**一篇文章了，组件其实有很多，本次只选取了我觉得常用的4个组件来细聊，即导航、表格、表单、弹窗，包括系统菜单、数据管理和展示、数据输入和系统反馈。

导航与信息架构息息相关，信息架构是对功能进行组织，导航则是系统的门户，对功能的详细展示，用户可以通过导航快速找到自己想要的功能，也可以通过导航了解系统的整体功能分布。

一、导航结构

导航结构其实也跟页面结构相关，常见的页面结构包括上下结构、左右结构、上左右结构、上左中右结构等。

我之前常用的就是上左右结构，也俗称T字形结构。

头部放logo、个人信息，搜索等；左侧放导航菜单，支持最多三层结构；右侧则是主体内容区域，表单，表格等都是放在这个区域。