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

标签: 交互设计 4.0 界面 Android 翻译 设计规范 | 发表时间:2012-01-18 03:20 | 作者:CDCer
分享到:
出处:http://cdc.tencent.com

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

1. 导航栏 (详见模式PATTERNS>导航Navigation)
  由之前的物理按键导航(返回、菜单、搜索、主页)变成了嵌入屏幕的虚拟按键(返回、主页、最近任务)。

 

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

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


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


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

2. 操作栏 (详见模式PATTERNS>操作栏Action bar)
  操作栏从之前的app图标+操作,变成如下图所示:
  1向上+2 Spinner+3 重要操作+4 更多操作。
  其中,向上按钮,点击后是去到当前界面的上一个层级,非第一层级界面有此按钮,第一层级界面则无向上按钮;Spinner 是用于展示内容的下拉菜单,其内容包括视图的快速切换和显示相关内容的完整信息;更多操作(action overflow)是集合操作栏中不常用的和非重要操作的地方。


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


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

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

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

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

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

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

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


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

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

7. Widgets (详见开始吧GET STARTED>UI概览UI Overview)
  在原apps页里,用选项卡tabs的方式增加了widgets内容。一改用隐晦方式添加widget的操作和把widgets零散放在桌面呈现的方式。在app设计中,应该提高对widget设计的重视程度。

8. 兼容性 (详见模式PATTERNS>兼容性Compatibility)
  向后兼容,考虑到物理导航按键手机如何兼容Android 4.0系统和虚拟导航手机如何兼容Android2.3和更早期版本的apps。


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


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


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

9. 强调纯粹的Android应用设计 (详见模式PATTERNS>纯粹的Android)
  在Android4.0 app设计准则中,特别强调为Android设计纯粹的Android app,切勿使用其他平台特定元素的注意事项,有以下5个方面:
 (1)强调视觉元素的样式要符合android系统;
 (2)不用其它平台特有的图标;
 (3)不在界面的下方使用选项卡tabs;
 (4)区分向上和返回,不在操作栏上使用返回样式的按钮;
 (5)不在内容列表里使用向右箭头。

  

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

10. 其它细节
  增加许多新的交互细节、信息展示和视觉样式等规范,详细见翻译。其中,有几点在此强调下:
 (1)新增了横滑移除内容的交互手势。在部分模块中,支持向左或向右横滑移除内容的操作,如最近任务和消息通知抽屉。


 (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多媒体小组(江宁、张云)出品。
  感谢您的阅读!

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=5082)

相关 [android 4.0 设计] 推荐:

Android 4.0设计初体验

- - 所有文章 - UCD大社区
Android系统是目前智能移动设备中增长速度最快的平台,但App的设计却没有形成自己的风格,绝大都数都是ios风格的移植适配. Google 在去年的10月份发布了Android 4.0 的界面规范,在样式、控件上都做了非常个性化的革新,但由于Rom的多样化,设备的不统一,新的4.0设计规范并没有得到广泛的普及.

Android 4.0应用界面设计分析

- - 所有文章 - UCD大社区
我总是觉得,直到谷歌在2011年10月19日上午十点,公布了有关Android 4.0系统信息的时候,Android与IOS的火拼才算正式开始.  虽然苹果对待这个眼中的“私生子”始终贯彻着严厉的专利打压政策,但Android在全球的市场份额却保持着快速增长. 势如破竹的表象背后,是潜藏已久的、巨大的中低端移动市场.

浅析Android 4.0的通知系统(附Android 4.0设计指南全文翻译)

- - 百度MUX
通过手机的通知系统,可以将应用程序的一些重要消息告知给用户. 流畅、舒适、友好的应用程序离不开精心设计的消息提醒机制. 但是并不是所有的通知都是用户想看的,否则只会给用户造成骚扰,所以要谨慎使用通知. 在对《Android Design》进行翻译时发现:Android系统已经提出了一些关于通知消息的设计建议,故在此分享给大家.

Roboto 字体以及 Android 4.0 Ice Cream Sandwich 的设计理念

- kxxoling - Engadget 中国版
是时候谈谈 Ice Cream Sandwich 了,Matias Duarte 一开始提到了系统的最基础 -- Roboto 字体,这个即将成为 Andorid 全新门面的最新字体,看来就如同其他圆滑简洁的 Sans Serif 字体一样,却也真的相当符合 Duarte 所提出的 Android 4.0 设计理念.

Android 4.0用户界面设计和元素-ICS简介

- - 博客园_新闻
最新的 Android 冰淇淋三明治(Ice Cream Sandwich, ICS)操作系统,不仅仅是用户界面(UI)的简单改变,它几乎是对整个 Android 系统界面的重新定义. 为了让你更好地为 ICS 系统设计和开发应用,这里有一个简单的介绍和指南. 内容和活动导航:选项卡和下拉选项 (Tabs and Dropdowns).

Android设计原则

- - 所有文章 - UCD大社区
译者按: 在 iOS HIG已经强大经典了N年之后,Android终于推出了一套比较系统的 HIG(大概是为了配合Android 4.0 Ice Cream Sandwich). 仔细比较两套HIG的“设计原则”部分,发现完全是截然不同的两种风格. iOS HIG走的是更专业型的路线,描述严谨且有不少的专业词汇(比如Metaphors、Consistency之类的).

Android 4.0发布

- coofucoo - Solidot
Shawn the R0ck 写道 "2011年10月19日早上10点,谷歌与三星联手在香港发布了Android 4.0和Galaxy Nexus. " Android 4.0 的主要特性包括:更精细的UI,加强多任务和通知功能,锁屏下可打开摄像头和浏览通知,改进文本输入和拼写检查;增强视频录制和图像编辑功能,支持剪裁和旋转图片、消除红眼、添加效果等;面部识别解锁;Android Beam允许两台支持NFC的设备之间交换应用程序、联系人、音乐和视频;Wi-Fi Direct,蓝牙HDP,等等.

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

- - 腾讯CDC
  在拜读和翻译了Android design设计指导后,对比Android 4.0与Android2.3及之前版本的app设计指导,总结了Android 4.0设计的10大改变:. 导航栏 (详见模式PATTERNS>导航Navigation).   由之前的物理按键导航(返回、菜单、搜索、主页)变成了嵌入屏幕的虚拟按键(返回、主页、最近任务).

体验 Android 4.0 ICS

- - Wow! Ubuntu
Google 的开源手机操作系统  Android 4 的发布已经有一段时间了,而从上周六开始,Google 实现之前的承诺,开始向其亲儿子 Nexus S 通过 OTA(无线自动升级)推送来实现系统升级,预计会在一个月内完成所有 Nexus S 手机的升过程. 比较巧的是,本人使用的也是 Nexus S 型号手机,但这两天还未收到 OTA 通知,所以在没耐心等待的情况手工升级了系统,方法如下.

八大Android土鳖设计

- corey - 博客园新闻频道
从Android诞生的那天起,这个可爱的小机器人凭借的开源的力量,硬是把iOS挤下市场占有率第一的宝座. 虽然数字占优,但大众的心理中,iOS始终才是最佳体验的移动平台. 诚然,iOS成功的将界面做到了所见即所得的精简化,极致地把手机硬体键减少到一个,从而将用户可操作的范围项,控制在一个很小的空间内,有效降低了用户的学习成本.