Android 4.0设计规范十大改变

导读:本文是由交互设计师Judy编译。她在翻译了Android Design设计指导后,对比Android 4.0与Android 2.3及之前版本的App设计指导,总结了Android 4.0设计的十大改变:

 

1.导航栏详见模式PATTERNS > 导航Navigation

 

由之前的物理按键导航(返回、菜单、搜索、主页)变成了嵌入屏幕的虚拟按键(返回、主页、最近任务)。

Android 4.0设计规范十大改变_第1张图片

左侧为早前有4个物理按键的手机,右侧为新版只有3个虚拟按键的手机

 

把菜单项和搜索项从导航栏去掉,把之前通过长按主页键才出现的最近任务直接展示在导航栏中。

 

Android 4.0设计规范十大改变_第2张图片

 

最近任务的界面

 

把菜单收起的同时,在软件界面的操作栏上增加了“更多操作”(Acction overflow),如下图中的黄色圆点所示。

 

Android 4.0设计规范十大改变_第3张图片

 

黄色圈部分为“更多操作”(Action overflow)的位置和点击后内容的展示方式。

 

2. 操作栏详见模式PATTERNS > 操作栏Action bar

 

操作栏从之前的App图标+操作,变成如下图所示:

 

1. 向上 + 2. Spinner + 3. 重要操作 + 4. 更多操作

 

其中,向上按钮,点击后是去到当前界面的上一个层级,非第一层级界面由此按钮,第一层级界面则无向上按钮。 Spinner是用于展示内容的下拉菜单,其内容包括视图的快速切换和显示相关内容的完整信息。更多操作(Action

overflow)是集合操作栏不常用的和非重要操作的地方。

 

Android 4.0设计规范十大改变_第4张图片

操作栏可以拆分成下图中的1. 主操作栏、2. 顶部栏和3. 底部栏。如果需要,顶部栏可以承载选项卡tabs,底部栏可 以承载主要操作和被收起的更多操作(Action overflow)。

Android 4.0设计规范十大改变_第5张图片

在空间足够的横向屏幕展示界面时,被拆分的操作栏,可以灵活合并在一起。如下图中的手机端横竖屏操作栏所示。

Android 4.0设计规范十大改变_第6张图片

 

3. 多面板布局详见模式PATTERNS > 多面板布局Multi-pane layouts

 

多面板布局更多的是针对平板电脑,把手机端的目录视图和详情视图两个层级的界面,甚至更多的页面,复合展示在 同一个界面,复合展示在同一个界面中,有效地利用平板电脑的屏幕空间,扁平化层级结构,简化导航。在点在iPat 上已经运用得相当娴熟了

Android 4.0设计规范十大改变_第7张图片

 

4. 选择详见模式PATTERNS > 选择Selection

 

Android 4.0中的长按与Android 2.3及更早期的版本有很大的不同。早期版本长按操作后,是出现情境菜单的浮出 层。在Android 4.0中,长按后在操作栏的位置会覆盖一个临时的情境操作栏,不再弹出情境菜单浮出层。在临时情 境操作栏的环境下,当前界面的内容项允许被单个处理,也允许被批量处理。

Android 4.0设计规范十大改变_第8张图片

长按Android 2.3及更早期系统版本的内容项时,出现情境菜单的浮出层。

Android 4.0设计规范十大改变_第9张图片

长按Android 4.0系统版本的内容项时,情境菜单栏覆盖在操作栏上。

Android 4.0设计规范十大改变_第10张图片

在情境菜单环境下,支持批量操作。

 

5. 返回和向上详见模式PATTERNS > 返回和向上Navigation with Back and Up

 

返回按键用在手机全局的虚拟导航栏中,基于用户最近查看的界面历史,采用时间倒序的方式,连接界面间的关系。 向上按钮用在操作栏的左侧,基于层级结构,点击后是去到当前界面的上一个层级,若当前界面已经是最高一级,则 没有向上按钮。

Android 4.0设计规范十大改变_第11张图片

黄色部分为点击向上按钮后的页面路径,红色部分为点击返回按钮后的页面路径。

 

6. 主题样式详见风格STYLE > 主题样式Themes

 

推出三套默认主题:Holo浅色主题、Holo深色主题、Holo浅色底加深色操作栏主题。主推App在这三套默认主题的 基础上做设计,以加快App研发效率,但只是建议使用,并没有完全强制。视觉设计师们可以重点看下STYLE和 BUILDING BLOCKS这两章。

Android 4.0设计规范十大改变_第12张图片

7. Widgets详见开始GET STARTED > UI概览 UI Overview

 

在原Apps页里,用选择卡tabs的方式增加了Widgets内容。一改用隐晦方式添加Widget的操作和把Widgets零散放在桌面呈现的方式。在App设计中,应该提高对Widget设计的重视程度。

 

Android 4.0设计规范十大改变_第13张图片

 

8. 兼容性详见模式PATTERNS > 兼容性Compatibility

 

向后兼容,考虑到物理导航按键手机如何兼容Android 4.0系统和虚拟导航手机如何兼容Android 2.3和更早期版本 的Apps。

Android 4.0设计规范十大改变_第14张图片

 

在物理导航按键手机上安装Android 4.0系统,点击物理按键,在屏幕下方出现Action overflow的内容。

Android 4.0设计规范十大改变_第15张图片

 

在新的虚拟导航手机上安装为Android 2.3及更早版本系统设计的App,会在屏幕下方的虚拟导航的右侧出现Action overflow按钮(如上图的黄色部分)。

Android 4.0设计规范十大改变_第16张图片

 

在新的虚拟导航手机上安装Android 4.0,点击Action overflow后的展示状态如上图。

 

9. 强调纯粹的Android应用设计详见模式PATTERNS > 纯粹的Android

 

在Android 4.0 App设计准则中,特别强调为Android设计纯粹的Android App,切勿使用其他平台特定元素的注 意事项,有以下5个方面:

 

1. 强调视觉元素的样式要复合Android系统。

2. 不用其它平台特有的图标。

3. 不再界面的下方使用选项卡tabs。

4. 区分向上和返回,不在操作栏上面返回样式的按钮。

5. 不在内容列表里使用向右箭头。

Android 4.0设计规范十大改变_第17张图片

 

Android系统里,选择卡(tabs)会固定放在屏幕上方,不会放在下方。这点与iOS系统不同。

 

10. 其它细节

 

增加许多新的交互细节、信息展示和视觉样式等规范,详细见翻译。其中,有几点在此强调下:

 

1. 新增了横滑移除内容的交互手势。在部分模块中,支持向左或向右横滑移除内容的操作,如最近任务和信息通知               抽屉。

 

Android 4.0设计规范十大改变_第18张图片

2.  视觉的平面化,栅格风正在4.0中上演。

3. 在Writing style中明确指出写Wording时,要直接使用第二人称“你”。

 

 

 

 

你可能感兴趣的:(android,4.0)