3×3矩阵，概括App导航

3Tab中间首要，两边路对称抽屉扩展的布局方式在这个应用中非常完美，又实用，有种比翼双飞的感觉。

首页次导航：

次级导航也是采用tabber，也是3个Tab，字标。

其当前选中的Tab紫红色下划线的方式在该应用其他文字标签导航位置均为同样设置，充满一致性。

内容区：

上面已经出现了标签式导航、列表式导航、抽屉式导航（抽屉也属于是一种跳转方式）。作用以视频为主的应用，美拍在主内容区更向我们展现了方块系导航的3种形态，分别对应3个次导航标签。

热门——2*3陈列馆式导航【视频缩略图】

广场——跳板式（磁贴）导航【静态封面图】，点击进入某个频道后呈现2*3陈列馆。

好友——1*1幻灯片形式的陈列馆导航【视频实时预览】

结语：

App导航的形式是不是多姿多彩啊，最后别忘了，Blink君写本文是来总结的——点线面，形态合，6个字帮你快速掌握App导航的设计！

不过要设计出牛逼的App，不能单纯的堆叠导航，在设计导航之前首先要理清产品的业务逻辑，了解公司的战略与资源，才能搭出好的导航框架。

原文由互联网产品经理@BlinkQ创作，转载请注明出处，原文永久链接：http://www.iblinkq.com/sence/appnavigation.html

参考文献

一切都是站在巨人的肩上，本文Blink君也是参考了包含不且不限于以下文章，引用了文字或者图片：

《九种移动应用导航设计总结》

《4种常见的APP导航设计方式，让我们的APP高大上》

《5种实用的移动手机APP导航菜单设计方案》

《APP设计中用户体验比较好的“跳转”效果汇总》

《Path for iOS的交互细节-原型库》