- 1、本文档共2页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
三,综合案例
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
您可能关注的文档
- 信息中心 设备类 上海红雀工业科技有限公司APMCS-150(汇丽).doc
- 城市轨道交通行车组织(李俊辉) 任务四:手摇道岔标准程序 教学案例:以赛促练,客运一部积极开展手摇道岔培训工作.docx
- 信息中心 设备类 上海红雀工业科技有限公司TS2010双臂双槽混砂机说明书(最终版).doc
- 信息组织架构 信息组织架构 10uxmatters-Convergence and Emergence 2008 IA Summit(5).docx
- 城市轨道交通客运组织(谢淑润) 任务三:车站通风道及风亭布置 1.1.3地下站通风道及风亭布置.docx
- 信息组织架构 信息组织架构 33uxmattersOZ-IA 2007 Conference Review(3).docx
- 城市轨道交通联锁系统运行与维护(刘继光) 任务一 信号机 计算机联锁系统之信号机灯丝报警仪电源板故障.docx
- 城市轨道交通网络技术基础(赵一瑾) 任务三:双机直连 用双绞线实现双机直连.docx
- 信息组织架构(拓展) 信息组织架构(拓展) 用户研究方法分析.docx
- 城市轨道交通专用通信设备维护(曹源) 任务一:LTE技术介绍 LTE案例01.docx
文档评论(0)