Android4.0UI设计规范培训

Android4.0UI设计规范培训

ID:41184269

大小:11.73 MB

页数:129页

时间:2019-08-18

Android4.0UI设计规范培训_第1页
Android4.0UI设计规范培训_第2页
Android4.0UI设计规范培训_第3页
Android4.0UI设计规范培训_第4页
Android4.0UI设计规范培训_第5页
资源描述:

《Android4.0UI设计规范培训》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、Android4.0设计规范2013年1月数据中心小组目录Android4.0设计10大变化设计概述设计风格设计模式控件Android4.0设计10大变化导航栏操作栏多面板布局选择返回和向上主题样式Widgets兼容性强调纯粹的Android应用设计其他细节1.导航栏由之前的物理按键导航(返回、菜单、搜索、主页)变成了嵌入屏幕的虚拟按键(返回、主页、最近任务)。把菜单收起的同时,在软件界面的操作栏上增加了“更多操作”,如下图中的黄色圆点所示。早期版本4.0及以上版本目前为了兼容之前版本及照顾用户之前的操作习惯,多采用隐藏底部导航栏,仍使用

2、实体按键的方式。在很多时候,原菜单键的功能与“更多操作”功能接近2.操作栏操作栏从之前的app图标+操作,变成如下图所示:1.向上+2.Spinner+3.重要操作+4.更多操作。4.更多操作(actionoverflow)是集合操作栏中不常用的和非重要操作的地方。1.向上按钮,点击后是去到当前界面的上一个层级,非第一层级界面有此按钮,第一层级界面则无向上按钮;2.Spinner是用于展示内容的下拉菜单,其内容包括视图的快速切换和显示相关内容的完整信息;2.操作栏操作栏可以拆分成如图中1主操作栏2顶部栏3底部栏如果需要,顶部栏可以承载选项

3、卡tabs,底部栏可以承载主要操作和被收起的更多操作(actionoverflow)。2.操作栏在空间足够的横向屏幕展示界面时,被拆分的操作栏,可以灵活合并在一起。如下图中的手机端横竖屏操作栏所示。3.多面板布局多面板布局更多的是针对平板电脑,把手机端的目录视图和详情视图两个层级的界面,甚至更多的页面,复合展示在同一个界面中,有效地利用平板电脑的屏幕空间,扁平化层级结构,简化导航。4.选择长按Android2.3及更早期系统版本的内容项时,出现情境菜单的浮出层。长按Android4.0系统版本的内容项时,情境菜单栏覆盖在操作栏上。4.选择

4、在情境菜单环境下,支持批量操作。5.返回和向上返回按键用在手机全局的虚拟导航栏中,基于用户最近查看的界面历史,采用时间倒序的方式,连接界面间的关系。向上按钮用在操作栏的左侧,基于层级结构,点击后是去到当前界面的上一个层级,若当前界面已经是最高一级,则没有向上按钮。黄色部分为点击向上按钮后的页面路径,红色部分为点击返回按钮后的页面路径6.主题样式推出三套默认主题:Holo浅色主题、Holo深色主题、Holo浅色底+深色操作栏主题。主推app在这三套默认主题的基础上做设计,以加快app研发效率,但只是建议使用,并没有完全强制。7.widget

5、s在原apps页里,用选项卡tabs的方式增加了widgets内容。一改用隐晦方式添加widget的操作和把widgets零散放在桌面呈现的方式。在app设计中,应该提高对widget设计的重视程度。8.兼容性向后兼容,考虑到物理导航按键手机如何兼容Android4.0系统和虚拟导航手机如何兼容Android2.3和更早期版本的apps。在物理导航按键手机上安装android4.0系统,点击物理按键,在屏幕下方出现更多菜单actionoverflow的内容。8.兼容性向后兼容,考虑到物理导航按键手机如何兼容Android4.0系统和虚拟导

6、航手机如何兼容Android2.3和更早期版本的apps。在新的虚拟导航手机上安装为android2.3及更早版本系统设计的app,会在屏幕下方的虚拟导航的右侧出现actionoverflow按钮(如上图的黄色部分)。9.强调纯粹的android设计在Android4.0app设计准则中,特别强调为Android设计纯粹的Androidapp,切勿使用其他平台特定元素的注意事项,有以下5个方面:(1)强调视觉元素的样式要符合android系统;(2)不用其它平台特有的图标;(3)不在界面的下方使用选项卡tabs;(4)区分向上和返回,不在

7、操作栏上使用返回样式的按钮;(5)不在内容列表里使用向右箭头。10.其他细节增加许多新的交互细节、信息展示和视觉样式等规范。有几点在此强调下:(1)新增了横滑移除内容的交互手势。在部分模块中,支持向左或向右横滑移除内容的操作,如最近任务和消息通知抽屉。(2)视觉的平面化,栅格风正在4.0中上演。(3)在writingstyle中明确指出写wording时,要直接使用第二人称“你”。Android4.0设计概述创新的视觉设计原则UI概览创新的视觉1.迷惑我吧漂亮不只是外表上的。Androidapps在多个层次上都漂亮且具有美感。它的转场快速

8、清晰;排版和样式干脆利落及具有意义。App图标本身就是件艺术品。就像一个制造精良的工具,你的app应该追求漂亮、简洁,并创造一种神奇的体验,这些都可以使你所向无敌。2.简化我的生活Androi

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。