信息组织架构 信息组织架构 47woshipm－再谈App导航设计（7）.docx

三，综合案例 Paste_Image.png 这张是从Blink君做产品分析Axure中截图出来的（2014年的，所以是老版本美拍），原型是带动态效果的，所以图中说“可点击”，感兴趣的可以私聊 主导航： 美拍的主导航采用Tab，标签式，有3个Tab，非常简洁。 中间Tab是最主要的“美拍”键，采用与LOGO相呼应的图标。 左右两边的“更多”、“信息”Tab则双双采用抽屉式拓展导航，将不重要的信息和菜单隐藏了起来。“更多”页面中又是采用的列表与扩展列表式导航 3Tab中间首要，两边路对称抽屉扩展的布局方式在这个应用中非常完美，又实用，有种比翼双飞的感觉。 首页次导航： 次级导航也是采用tabber，也是3个Tab，字标。 其当前选中的Tab紫红色下划线的方式在该应用其他文字标签导航位置均为同样设置，充满一致性。 内容区： 上面已经出现了标签式导航、列表式导航、抽屉式导航（抽屉也属于是一种跳转方式）。作用以视频为主的应用，美拍在主内容区更向我们展现了方块系导航的3种形态，分别对应3个次导航标签。 热门——2*3陈列馆式导航【视频缩略图】 广场——跳板式（磁贴）导航【静态封面图】，点击进入某个频道后呈现2*3陈列馆。 好友——1*1幻灯片形式的陈列馆导航【视频实时预览】 结语： App导航的形式是不是多姿多彩啊，最后别忘了，Blink君写本文是来总结的——点线面，形态合，6个字帮你快速掌握App导航的设计！ 不过要设计出牛逼的App，不能单纯的堆叠导航，在设计导航之前首先要理清产品的业务逻辑，了解公司的战略与资源，才能搭出好的导航框架。 原文作者： @BlinkQ 原文地址： /sence/appnavigation.html