Android 4.0设计规范 优先导读 十大改变

摘要:
在拜读和翻译了Androiddesign设计指导后,对比Android4.0与Android2.3及之前版本的app设计指导,总结了Android4.0设计的10大改变:1.导航栏由之前的物理按键导航变成了嵌入屏幕的虚拟按键。长按Android2.3及更早期系统版本的内容项时,出现情境菜单的浮出层。长按Android4.0系统版本的内容项时,情境菜单栏覆盖在操作栏上。在新的虚拟导航手机上安装android4.0,点击actionoverflow后的展示状态如上图。Android系统里,选项卡会固定放在屏幕上方,不会放在下方。

在拜读和翻译了 Android design 设计指导后,对比 Android 4.0 与 Android2.3 及之前版本的 app 设计指导,总结了 Android 4.0 设计的 10 大改变:

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

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

最近任务的界面

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

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

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

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

其中,向上按钮,点击后是去到当前界面的上一个层级,非第一层级界面有此按钮,第一层级界面则无向上按钮;Spinner 是用于展示内容的下拉菜单,其内容包括视图的快速切换和显示相关内容的完整信息;更多操作(action overflow)是集合操作栏中不常用的和非重要操作的地方。

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

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

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

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

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

在新的虚拟导航手机上安装 android4.0,点击 action overflow 后的展示状态如上图。

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

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

(1)强调视觉元素的样式要符合 android 系统;

(2)不用其它平台特有的图标;

(3)不在界面的下方使用选项卡 tabs;

(4)区分向上和返回,不在操作栏上使用返回样式的按钮;

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

10. 其它细节

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

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

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

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

(3)在 writing style 中明确指出写 wording 时,要直接使用第二人称“你”。

原文见http://developer.android.com/design/index.html

快速查阅,Android Design 全文翻译下载地址:http://cdc.tencent.com/?download=Android-Design-4.0

Android Design 全文翻译由 CDC D3 多媒体小组(江宁、张云)出品。

免责声明:文章转载自《Android 4.0设计规范 优先导读 十大改变》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇德莫弗拉普拉斯定理SVN常用方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

ubuntu安装更新命令

ubuntu16.04LTS 进入ubuntu系统后,打开一个终端,如图所示。此时以普通用户身份登录。   由于更新系统需要用到管理员权限,因此要么使用"su -"直接切换到root用户下,然后再更新。也可以使用sudo暂时获取管理权限进行更新。这里采用第二种方式。 输入sudo apt update,低于16.04版本的ubuntu输入sudo...

版本控制工具VSS使用介绍

什么是版本控制? 1.怎样对研发项目进行整体管理   2.项目开发小组的成员之间如何以一种有效的机制进行协调   3.如何进行对小组成员各自承担的子项目的统一管理   4.如何对研发小组各成员所作的修改进行统一汇总   5.如何保留修改的轨迹,以便撤销错误的改动 6. 对在研发过程中形成的软件的各个版本如何进行标识,管理及差异识辨  版本控制工具介绍 •S...

MCI:移动持续集成在大众点评的实践

一、背景 美团是全球最大的互联网+生活服务平台,为3.2亿活跃用户和500多万的优质商户提供一个连接线上与线下的电子商务服务。秉承“帮大家吃得更好,生活更好”的使命,我们的业务覆盖了超过200个品类和2800个城区县网络,在餐饮、外卖、酒店旅游、丽人、家庭、休闲娱乐等领域具有领先的市场地位。 随着各业务的蓬勃发展,大众点评移动研发团队从当初各自为战的“小作...

CAS单点登录

1.      CAS 简介 1.1.  What is CAS ? CAS ( Central Authentication Service ) 是 Yale 大学发起的一个企业级的、开源的项目,旨在为 Web 应用系统提供一种可靠的单点登录解决方法(属于 Web SSO )。 CAS 开始于 2001 年, 并在 2004 年 12 月正式成为 JA...

怎样为virtualbox添加新的分辨率

virtualbox是个相当NB的开源跨平台虚拟机软件,只是新创建的虚拟机仅仅支持几种分辨率。比如。安装win8.1,仅仅有例如以下图的几种分辨率。 只是我的显示器是5K哦,这么点分辨率,简直是搞笑。可惜,virtualbox的GUI并没有提供加入分辨率的功能,只是却提供了命令行工具来加入不论什么大小的分辨率。比如,要加入一个2560*1440的分辨率...

【OpenGL】学习笔记#1

没事干总要学点东西,这个系列的文章既是我的笔记,又是一篇教程(给我自己的教程),主干内容参考一篇国外教程,教程很粗略,但是代码不错,所以我借着它的脉络,补充网上的资料来扩充内容,每一句话都要理解是什么意思,还有实现的原理。不定期更新,国外教程网址在文末,有兴趣的同学可以去看看。 一、OpenGL简介 OpenGL是一套开放图形库API(的标准),因此可以跨...