作者：二O一七 

导航设计的目的就是需要突出产品的核心，扁平化用户的任务路径。让用户能够顺利的在产品中畅行，让用户时刻清楚自己在应用中所处的位置，及如何前往目的页面。

产品的导航系统，是产品的信息结构在用户界面上的展现方式。移动端产品导航的设计没有最好之说，只有最合适，根据你的产品采取最合适的导航设计。

纵观应用市场上的APP，导航设计的模式总是几种的组合使用。下面我们来看一下常见的几种导航设计模式。

01 底部标签(Tab)导航

描述：

1. 当产品的整个体验流中是以几个常用功能模块（一般不超过 5 个）贯穿的，意味着用户需要在多个标签入口之间来回切换；为了保证切换的效率，将贯穿产品整个体验的流的模块平铺在Tab Bar位置，保证了用户任务路径的扁平。
2. iOS原装App Podcast，5Tab。

优点：

1. 可见性好，位置明显，易于发现，它能让用户直观了解到APP的核心功能；
2. 操作性好，用户很方便就能触及到这个区域，并可在几个标签中快速切换且不会迷失方向，简单而高效；
3. 符合习惯、ios原生控件，开发简单；
4. 优先级较高、用户使用频繁，彼此之间相互独立。

缺点：

1. 容纳个数有限，一般最多五个（不然需要结合其他方式，运用层级和收放）。
2. 占据高度空间略大，一般都是文字+图标的形式。

02 顶部标签(Tab)导航

描述：

顶部Tab是谷歌提出来的，为了区分与iOS的区别的一种导航模式，由于在顶部，手指难以触及，所以谷歌对应地提出了手势操作的解决方法：通过在屏幕左右滑动来切换标签。

实际项目中，顶部与底部配合使用的挺多。

优点：

1. 扩展性好：标签的个数没有上限，不过太多的话，越是后面的页面渗透率会越低；
2. 占据空间小：相比于底部Tab，顶部Tab一般占据的空间更小（因为不需要考虑手指点击，所以可以把区域缩小，只选用图标或者文字即可），可以把更多的空间安排给内容展示。
3. 手势操作非常方便。

缺点：

可见性略逊：这是空间占据的区域变小之后的后果。

03 舵式导航

描述：

1. 点聚式它将多个核心功能聚汇到主界面中显示，方便用户呼出使用。会搭载其他导航样式出现（如标签式）成为舵式导航。
2. 与标签导航类似，就点聚工导航与标签导航的结合体，其中一个导航标签蕴含更多的操作选项，也可以理解为标签中蕴含更多二级导航标签。当页面有处于同一层级的几大部分内容，同时又需要一个非常重要且频繁操作的入口，就可以采用这种APP导航模式。

优点：

1. 把类似生产内容的主功能按钮放在中间，标签更加突出醒目；
2. 同时该主功能标签做了功能扩展，也因此给设计增加了一些个性化的亮点。

缺点：

占据高度空间略大，一般都是文字+图标的形式。

04 轮播导航

描述：

当你的应用信息足够扁平，可以尝试轮播导航；

优点：

能够最大程度的保证应用的页面简洁性，操作也是最方便；

缺点：

不能够快速的定位对应的分页内容；