APP常见的8种导航模式

网上对介绍导航文章已经有很多，有部分已过时，今天自己再重新整理一遍，方便自己也方便更多人理解。

为什么需要导航？

-

1、我可以去哪？

导航为了清晰指引用户完成任务。建立合理的导航系统，设计顺畅的任务路径，让用户不再像无头苍蝇一样，在各模块之间迷失。一个好的导航，能够扁平化用户的任务路径，减少用户操作成本，从而提高用户体验。

2、我现在在哪？

用户当前位置要有清晰的标记，从哪里来，到哪里去。

常见的8种导航形式

-

FEVTE编注：更多UI设计欣赏和UI设计作品交流、UI设计学习请访问飞特网UI设计栏目，地址：https://www.fevte.com/shejixinshang/UIsheji/

标签式导航可分为 底部标签式 、舵式导航、Tab标签式导航。

一、底部标签式导航

-

底部标签导航是目前最常见的导航形式。底部导航 一般采用3-4个标签，最多不会超过5个。

优点：

1、入口直接清晰，操作路径短，便于在不同功能模块进行跳转

2、直接展示入口内容，内容曝光度高

缺点：

1、功能之间无主次

2、扩展性差，不利于后期的功能扩展

二、舵式导航

-

舵式导航是 底部导航的一种扩展形式，像轮船上用来指挥的船舵，两侧是其他操作按钮。

普通标签导航难以满足导航的需求，就需要一些扩展形式，和标签导航相比，舵式导航 把核心功能放在中间，标签更加突出醒目，同时对主功能标签做了扩展功能。

使用场景：

如1、产品需要特殊的引导，如58同城，引导用户发布任务。

如2、社区产品引导用户发帖子

如3、凸显核心功能，如百度地图、高德等

优点：

1、在默认加载的页面之外，又能够突出强调中间的入口

2、入口直接清晰，操作路径短，便于不同功能模块进行跳转

3、直接展示入口内容，内容曝光率高

缺点：（与标签导航存在同样的弊端）

1、功能之间无主次

2、扩展性差，不利于后期的功能扩展

三、Tab标签式导航

-

一般 用于二级导航，当内容分类较多的时，一般采用 顶部标签导航设计模式。

使用场景：

如：为当前界面内不同模块的切换，或者查看不同的分类内容

优点：

标签数量可以随意根据需求变化，可以左右滑动，衍生更多标签。

缺点：

操作热区较小，有APP设计的交互前与后的样式差异不大，容易造成误操作的困惑。（不知道当前在哪个标签下）

四、抽屉式导航

-

抽屉式导航的核心思路是"隐藏"。 隐藏非核心的操作与功能，让用户更专注于核心的功能操作上去， 一般用于二级菜单。 

优点：

1、节省页面展示空间

2、注意力聚焦在当前页面