您的位置:首页 > 业内资讯 > 3×3矩阵,概括App导航

3×3矩阵,概括App导航

来源:产品100干货速递 | 时间:2016-01-11 13:18:36 | 阅读:56 |  标签: 产品100干货速递   | 分享到:


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的交互细节-原型库》

3×3矩阵,概括App导航

小编推荐阅读

好特网发布此文仅为传递信息,不代表好特网认同期限观点或证实其描述。

相关视频攻略

更多

同类最新

更多

扫二维码进入好特网手机版本!

扫二维码进入好特网微信公众号!

本站所有软件,都由网友上传,如有侵犯你的版权,请发邮件[email protected]

湘ICP备2022002427号-10 湘公网安备:43070202000427号© 2013~2025 haote.com 好特网