移动导航设计，看这一篇就够了

缺点：标签栏导航只能显示5个标签；标签栏以及选项卡栏会占用一定的屏幕空间；选项卡过多，会导致切换不同类别视图较繁琐（选项卡过多，最好右侧提供全部分类的导航）

1、抽屉式导航

抽屉式导航也叫侧边栏（抽屉）式导航，抽屉式导航一般应用在以下的场景中：

（1）核心功能流程单一，主界面就能满足用户核心场景下的需求，不需要频繁在几个功能模块之间进行切换，将其他的功能模块（通常是分类、设置、个人中心等）做一个收纳，利用抽屉导航隐藏起来，例如：探探、唯品会、滴滴出行等；

注：滴滴出行 & 探探

（2）节省屏幕空间，突出主要功能模块，将相对不常用的功能模块整合起来放到侧边抽屉，例如：QQ、懂球帝、有货等

注：懂球帝 & 有货 （都采用嵌入式）

抽屉式导航的三种风格：浮层、嵌入式（向右推动原有界面）、新兴的模式（向右滑动的3D效果）

注：天天快报（浮层式） & 知乎日报（嵌入式） & 酷狗音乐 （新兴模式）

2、卡片式导航

卡片式导航原型类似生活中扑克牌，模仿切牌、换牌、翻牌等动作模式，是一种比较新颖的导航模式，在市面上应用这种导航的应用不算太多，探探中采用卡片式设计为导航和内容交互的主要模式，像卡片一样堆叠展示推荐用户，左滑表示无感，右滑表示喜欢或点赞；AcFun中采用卡片式设计展示推荐的番剧，任何方向的滑动都为切换不同的番剧

注：探探 & AcFun

陌陌-点点与秒拍-热榜都采用卡片式设计向用户展示推荐好友以及最热的短视频信息

注：陌陌-点点 & 秒拍-热榜

3、翻页式导航

翻页式导航最常见的就是利用页面控件（iOS中的标准控件），能够告诉用户打开了多少个视图，以及它们当前处在哪个视图当中，利用手势操作控制页面的位置。墨迹天气的城市视图展现以及Facebook中查看好友请求都是利用翻页式导航，墨迹天气中提供了指示页面数量以及页面当前位置的页面控件，而Facebook则利用部分可见的内容引导用户滑动切换不同好友

注：墨迹天气 & Facebook

4、下拉列表式导航

（编辑：PHP编程网 - 湛江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!