Android 4.0设计规范

 　　

在拜读和翻译了 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 时，要直接使用第二人称“你”。