ANDROID4.0设计规范ANDROID4.0设计的10大改变:对比ANDROID4.0与ANDROID2.3及之前版本的APP由之前的物理按键导航(返回、菜单、搜索、主页)变成了嵌入屏幕的虚拟按键(返回、主页、最近任务)。把菜单项和搜索项从导航栏去掉,把之前通过长按主页键才出现的最近任务直接展示在导航栏中。•左侧为早期有4个物理按键的手机,右侧为新版只有3个虚拟按钮的手机1.导航栏•最近任务的界面•黄色圈部分为“更多操作”(actionoverflow)的位置和点击后内容的展示方式操作栏从之前的app图标+操作,变成如下图所示:1向上+2Spinner+3重要操作+4更多操作。其中,向上按钮,点击后是去到当前界面的上一个层级,非第一层级界面有此按钮,第一层级界面则无向上按钮;Spinner是用于展示内容的下拉菜单,其内容包括视图的快速切换和显示相关内容的完整信息;更多操作(actionoverflow)是集合操作栏中不常用的和非重要操作的地方。操作栏可以拆分成下图中的1主操作栏、2顶部栏和3底部栏。如果需要,顶部栏可以承载选项卡tabs,底部栏可以承载主要操作和被收起的更多操作(actionoverflow)。2.操作栏操作栏可以拆分成下图中的1主操作栏、2顶部栏和3底部栏。如果需要,顶部栏可以承载选项卡tabs,底部栏可以承载主要操作和被收起的更多操作(actionoverflow)。在空间足够的横向屏幕展示界面时,被拆分的操作栏,可以灵活合并在一起。如下图中的手机端横竖屏操作栏所示。2.操作栏多面板布局更多的是针对平板电脑,把手机端的目录视图和详情视图两个层级的界面,甚至更多的页面,复合展示在同一个界面中,有效地利用平板电脑的屏幕空间,扁平化层级结构,简化导航。这点在iPad上已经运用得相当娴熟了。3.多面板布局Android4.0中的长按与Android2.3及更早期的版本有很大的不同。早期版本长按操作后,是出现情境菜单的浮出层。在Android4.0中,长按后在操作栏的位置会覆盖一个临时的情境操作栏,不再弹出情境菜单浮出层。在临时情境操作栏的环境下,当前界面的内容项允许被单个处理,也允许被批量处理。4.选择长按Android2.3及更早期系统版本的内容项时,出现情境菜单的浮出层。长按Android4.0系统版本的内容项时,情境菜单栏覆盖在操作栏上Android4.0中的长按与Android2.3及更早期的版本有很大的不同。早期版本长按操作后,是出现情境菜单的浮出层。在Android4.0中,长按后在操作栏的位置会覆盖一个临时的情境操作栏,不再弹出情境菜单浮出层。在临时情境操作栏的环境下,当前界面的内容项允许被单个处理,也允许被批量处理。4.选择在情境菜单环境下,支持批量操作。返回按键用在手机全局的虚拟导航栏中,基于用户最近查看的界面历史,采用时间倒序的方式,连接界面间的关系。向上按钮用在操作栏的左侧,基于层级结构,点击后是去到当前界面的上一个层级,若当前界面已经是最高一级,则没有向上按钮。5.返回和向上黄色部分为点击向上按钮后的页面路径,红色部分为点击返回按钮后的页面路径推出三套默认主题:Holo浅色主题、Holo深色主题、Holo浅色底+深色操作栏主题。主推app在这三套默认主题的基础上做设计,以加快app研发效率,但只是建议使用,并没有完全强制。视觉设计师们可以重点看下STYLE和BUILDINGBLOCKS这两章。6.主题样式(详见开始吧GETSTARTEDUI概览UIOverview)在原apps页里,用选项卡tabs的方式增加了widgets内容。一改用隐晦方式添加widget的操作和把widgets零散放在桌面呈现的方式。在app设计中,应该提高对widget设计的重视程度。7.WIDGETS向后兼容,考虑到物理导航按键手机如何兼容Android4.0系统和虚拟导航手机如何兼容Android2.3和更早期版本的apps。8.兼容性在物理导航按键手机上安装android4.0系统,点击物理按键,在屏幕下方出现更多菜单actionoverflow的内容。8.兼容性在Android4.0app设计准则中,特别强调为Android设计纯粹的Androidapp,切勿使用其他平台特定元素的注意事项,有以下5个方面:(1)强调视觉元素的样式要符合android系统;(2)不用其它平台特有的图标;(3)不在界面的下方使用选项卡tabs;(4)区分向上和返回,不在操作栏上使用返回样式的按钮;(5)不在内容列表里使用向右箭头。9.强调纯粹的ANDROID应用设计增加许多新的交互细节、信息展示和视觉样式等规范,详细见翻译。其中,有几点在此强调下:(1)新增了横滑移除内容的交互手势。在部分模块中,支持向左或向右横滑移除内容的操作,如最近任务和消息通知抽屉。(2)视觉的平面化,栅格风正在4.0中上演。(3)在writingstyle中明确指出写wording时,要直接使用第二人称“你”。10.其它细节ANDROID4.0设计的10大改变:对比ANDROID4.0与ANDROID2.3及之前版本的APP1.导航栏由之前的物理按键导航(返回、菜单、搜索、主页)变成了嵌入屏幕的虚拟按键(返回、主页、最近任务)。•把菜单收起的同时,在软件界面的操作栏上增加了“更多操作”(actionoverflow),如下图中的黄色圆点所示。什么是响应式WEB设计传统WEB设计中经常遇到这几个问题:雪糕三明治(Android4.0)是Android设计的里程碑。我们通过扩展应用在蜂巢平板电脑和其他移动设备的新的设计方式,触碰到几乎系统的每一个像素。从最为基本的元素开始,Android4.0使用了一个专门为高分辨率显示而设的新字体:Roboto。其他的大改变包括设备里框架级的操作栏(物理按键),及支持没有物理按键的新设备。整个系统的设计焦点的三个大目标我们把核心apps和整个系统的设计焦点放到三个大目标上。在你设计Androidapps的时候,请你也考虑这三点:1.迷惑我吧漂亮不只是外表上的。Androidapps在多个层次上都漂亮且具有美感。它的转场快速清晰;排版和样式干脆利落及具有意义。App图标本身就是件艺术品。就像一个制造精良的工具,你的app应该追求漂亮、简洁,并创造一种神奇的体验,这些都可以使你所向无敌。2.简化我的生活Androidapps能让生活更简单且容易理解。当人们第一次使用你的app时,他们应该凭直觉就能了解到最重要的功能是什么。但不能只为用户的第一次使用而设计,Androidapps把正在进行的后台杂务如文件管理和同步都隐藏。简单的任务从来不要求复杂的步骤,而复杂的任务会为人量身定做。任何年龄与文化的人都可以感觉到很好的操纵感,不会因过多选择和无关紧要的动画而感到不知所措。整个系统的设计焦点的三个大目标3.让我感到惊艳只是让App易于使用还不足够,Androidapps希望人们能不断尝试新东西和用创意的方式来使用app。Android让人们通过多任务、通知和跨app分享,把apps结合到新的工作流中。同时,你的app还应该是很个人化的,让人们通过清晰和优雅的方式享受到伟大的科技。整个系统的设计焦点的三个大目标3.让我感到惊艳只是让App易于使用还不足够,Androidapps希望人们能不断尝试新东西和用创意的方式来使用app。Android让人们通过多任务、通知和跨app分享,把apps结合到新的工作流中。同时,你的app还应该是很个人化的,让人们通过清晰和优雅的方式享受到伟大的科技。整个系统的设计焦点的三个大目标ANDROID4.0设计的设计原则ANDROID用户体验设计团队设定了以下的原则。把它当做是你自己的创意和设计的思想。除非有恰当的理由,否则不要偏离它。1.惊喜一个漂亮的界面,一个精心准备的动画,或一个适时的声音效果都是体验的乐趣。微妙的效果都可以贡献出强大的力量。2.真实对象比按钮和菜单更有趣让人们直接触摸操作你app里的对象。它可以减少执行任务的认知负担,同时可以更多地满足情感需求。3.个性化人们喜欢增加个人的东西,它们让人感觉更有亲切感及控制感。提供实用、漂亮、有趣、可自定义,且不妨碍主要任务的的默认设置。4.记住人们的习惯学习人们的使用习惯。跟随用户的使用行为,比一遍又一遍的重复问要好整个系统的设计焦点的三个大目标简单我的生活1.尽量表达简洁使用简单词、短句子。人们看到长句会不自觉的跳过。2.图片比文字好理解使用图片来解释想法。图片获得人们更多的注意力,比文字更有效率。3.为我作决定,但要让我有决定权尽最大努力去猜而不是什么都问用户。太多的选择和决定会让人们不爽。为了预防你的猜测是错的,要提供后退。4.只在需要的时候显示我需要的内容人们看到太多选择会不知所措。把任务和信息打散成一个个小的、容易操作的内容。隐藏此时不必要的操作选项。5.让我知道我在哪知道自己在哪可以给人们自信。让你的app每页看上去都有区别,使用转场显示各个屏之间的关系。在任务进程中提供清晰的反馈。整个系统的设计焦点的三个大目标简单我的生活6.永不丢失我的东西为人们保存他们花时间创建的东西,并在任何地方都可以获取它们。记住设置,个性化触控,及创建电话、平板电脑和电脑之间的同步。这可以使升级成为世界上最容易的事。7.如果看上去一样,就应该操作也一样为了更好的分辨功能,让他们视觉上的区别更大一些。避免那些看上去差不多的样式但操作起来却不一样。8.真的很重要时才打断我你要像一位贴心的助理一样,帮用户挡住那些不重要的骚扰。因为打断会令人费神且沮丧,所以人们希望保持专注,除非是非常重要和讲求时效的事情,才愿意被打断。整个系统的设计焦点的三个大目标让我惊喜吧1.给我一些可以通用的操作方式当人们自己搞懂一些事情的时候会感觉很赞。利用其它Androidapps已有的视觉样式和通用方式让人们学习你的app变得很容易。例如,横划就是一个很好的导航的快捷切换方式。2.这不是我的错当你让用户改正时要温和些。用户在使用你的app时会期望它很智能。如果出了问题,给出清晰的恢复指引,而不是详细的技术细节。当然,如果你可以在后台解决会更好。3.不断地鼓励把复杂的任务分拆成容易完成的一个个小步骤。即使操作有了很小的改变也要给出反馈。4.帮我完成那些繁重的活让新手顺利完成一些他们也没有预想自己能完成的任务,这可以让他们觉得自己也是个专家。例如,提供照片滤镜效果,只需通过几个简单的步骤,使一个非专业的照片看上去也很棒。整个系统的设计焦点的三个大目标让我惊喜吧5.让重要操作快起来你的app中不是所有的功能都一样重要。决定哪些才是最重要的功能,让他们容易发现并且使用起来非常灵敏。就如照相机的快门和音乐播放器的暂停。整个系统的设计焦点的三个大目标UI概览ANDROID系统UI提供的框架非常重要。其中包括了主界面(HOME)的体验,设备的全局导航及通知栏。先快速看看这些最重要的ANDROID界面:HOME,全部APP界面,及最近界面1.主界面HomeHome是一个可定制收藏app、文件夹和小工具的地方。通过左右横划来导航不同的home屏面板。无论你横划到哪个home屏面板,底部始终有一栏为“我的最爱”,可以把最重要的app和文件夹放在这里展示。点击底部栏“我的最爱”中间的“全部应用”按钮可以到达全部app和小插件的展示页面。整个系统的设计焦点的三个大目标2.全部app界面这里可以让你浏览设备中全部安装了的app和小插件。用户可随意拖拽app或小工具的图标,到达Home任意面板空的位置放下。整个系统的设计焦点的三个大目标3.最近任务界面这里提供了一个在最近使用的app之间切换的快捷方式。它为多个同时进行的任务提供了一个清晰的导航路径。最近按钮是在导航栏的最右边。展示了用户最近使用的app,他们通过时间顺序组织,把最近使用的放在最底部。整个系统的设计焦点的三个大目标UI栏UI栏是专用于显示通知、设备的通讯状态以及设备导航的区域。通常,UI栏会跟随所运行的app的需要而显示。如