9种最经典的导航模式，APP开发必备

一、标签式导航

标签式导航又称为tab式导航，现在大多数app采取的主流形式，一般分为底部导航、顶部导航、底部和顶部双tab导航

1、底部标签导航

底部导航一般采用3-4个标签，最多不会超过5个，有更多的选项操作的时候将最后一项设置为更多，将一些次要的功能放在更多里面，这是一种非常常见的导航形式。

2、顶部标签导航

顶部导航在ios app中一般用作二级导航，在andriod app中这种导航模式一般用作一级导航，但自从谷歌推出”抽屉式导航“以后，顶部标签导航一般就用作二级导航，当内容分类较多的时候一般采用顶部标签导航设计模式。

二、底部和顶部双tab导航

标签式导航一般放在底部，如果产品分类内容较多，则采用顶部和底部结合的导航形式，例如下图的今日头条和爱奇艺。

三、抽屉式导航

有的人可能会说，我虽然有6-7个左右标签，但是只有一些标签是主要的，其他标签用户很少使用，这个时候一般采用抽屉式导航。抽屉式导航是指将一些不常用的功能隐藏在当前页面，当需要用到的时候点击入口或者侧滑即可像抽屉一样展开，上面也说了，这种适合不需要经常切换的次要功能，比如设置、关于、会员等，快手和QQ是采用这种导航形式。

四、下拉式导航

和抽屉式导航类似，下拉式导航也是隐藏次要入口的一种形式，一般位于产品顶部，点击呼出导航菜单，导航的菜单以浮层的形式位于界面上层，通过点击导航菜单以外的区域使其收起，下拉式导航的面积一般较小，所以采用列表的形式展现菜单内容居多，这种导航形式一般用作筛选内容。比如下图的拍拍贷和美团。

五、宫格导航

宫格导航主要将入口全部集中在主页面中，各个入口之间相互独立，没有太多的交集，无法跳转互通。

宫格导航的变式有很多，比如上图的美图秀秀增加横向滑动来增加导航入口的数量，支付宝通过纵向滑动来增加导航入口的数量，快手通过控制卡片的大小来显得不单调和凸显主要的内容。

六、列表导航

列表导航是现有app中一种主要的信息承载模式，列表导航和宫格导航类似，属于二级导航，只不过有时候列表导航太长，不利于用户操作的时候才会采用宫格导航，通常不会展示任何实质功能。

上图拍拍贷由于导航内容较多，采用列表导航和宫格导航相结合的方式，而微信发现界面由于导航内容较少，首屏就能展示的下，直接采用列表的导航形式。

七、舵式导航

驼式导航中间加了个＋号，像轮船上用来指挥的船舵，故而得名，比如闲鱼、新浪微博，当标签导航难以满足导航的需求，这个时候我们就需要一些扩展形式，和标签导航相比，驼式导航主要将类似生产内容的主要按钮放在中间，标签更加突出醒目，同时对主功能标签做了扩展功能。

八、点聚式导航

当需要更多展示内容和功能，需要极端简化其入口，一般可以使用点聚式导航。（其实我觉得上面的驼式导航就是点聚式导航和tab导航的结合体），点聚式导航将核心功能聚合到主界面展示，方便用户呼出使用，由于点聚式导航占用空间小，一般融入一些动态的效果，让导航更具有趣味性，一般视频拍摄、编辑类app会采用这种导航形式。

优点：灵活、有趣，界面更加开阔。

缺点：隐藏了功能，且隐藏功能不能太多，不然显示后，用户较难反应。

九、轮播导航

app首页的banner广告位就是采用轮播导航，当应用信息足够扁平的时候则采用轮播导航。