Android 4.0 设计规范
优先导读十大改变 & 规范全文翻译
在拜读和翻译了 Android design 设计指导后,对比 Android 4.0 与 Android2.3 及之前版本的 app
设计指导,总结了 Android 4.0 设计的 10 大改变:
1. 导航栏 (详见模式 PATTERNS>导航 Navigation)
由之前的物理按键导航(返回、菜单、搜索、主页)变成了嵌入屏幕的虚拟按键(返回、主
页、最近任务)。
左侧为早期有 4 个物理按键的手机,右侧为新版只有 3 个虚拟按钮的手机
把菜单项和搜索项从导航栏去掉,把之前通过长按主页键才出现的最近任务直接展示在导航
栏中。
Android Design Translated by CDC | 江宁 张云
最近任务的界面
把菜单收起的同时,在软件界面的操作栏上增加了“更多操作”(action overflow),如下图中
的黄色圆点所示。
黄色圈部分为“更多操作”(action overflow)的位置和点击后内容的展示方式
2
Android Design Translated by CDC | 江宁 张云
2. 操作栏 (详见模式 PATTERNS>操作栏 Action bar)
操作栏从之前的 app 图标+操作,变成如下图所示:
1 向上+2 Spinner+3 重要操作+4 更多操作。
其中,向上按钮,点击后是去到当前界面的上一个层级,非第一层级界面有此按钮,第一层
级界面则无向上按钮;Spinner 是用于展示内容的下拉菜单,其内容包括视图的快速切换和显
示相关内容的完整信息;更多操作(action overflow)是集合操作栏中不常用的和非重要操作
的地方。
操作栏可以拆分成下图中的 1 主操作栏、2 顶部栏和 3 底部栏。如果需要,顶部栏可以承载选
项卡 tabs,底部栏可以承载主要操作和被收起的更多操作(action overflow)。
在空间足够的横向屏幕展示界面时,被拆分的操作栏,可以灵活合并在一起。如下图中的手
机端横竖屏操作栏所示。
3
Android Design Translated by CDC | 江宁 张云
3. 多面板布局 (详见模式 PATTERNS>多面板布局 Multi-pane layouts)
多面板布局更多的是针对平板电脑,把手机端的目录视图和详情视图两个层级的界面,甚至
更多的页面,复合展示在同一个界面中,有效地利用平板电脑的屏幕空间, 扁平化层级结构,
简化导航。这点在 iPad 上已经运用得相当娴熟了。
4. 选择 (详见模式 PATTERNS>选择 Selection)
Android4.0 中的长按与 Android2.3 及更早期的版本有很大的不同。早期版本长按操作后,是出
4
Android Design Translated by CDC | 江宁 张云
现情境菜单的浮出层。在 Android4.0 中,长按后在操作栏的位置会覆盖一个临时的情境操作
栏,不再弹出情境菜单浮出层。在临时情境操作栏的环境下,当前界面的内容项允许被单个
处理,也允许被批量处理。
长按 Android2.3 及更早期系统版本的内容项时,出现情境菜单的浮出层。
长按 Android4.0 系统版本的内容项时,情境菜单栏覆盖在操作栏上。
5
Android Design Translated by CDC | 江宁 张云
在情境菜单环境下,支持批量操作。
5. 返回和向上 (详见模式 PATTERNS>返回和向上 Navigation with Back and Up)
返回按键用在手机全局的虚拟导航栏中,基于用户最近查看的界面历史,采用时间倒序的方
式,连接界面间的关系。向上按钮用在操作栏的左侧,基于层级结构,点击后是去到当前界
面的上一个层级,若当前界面已经是最高一级,则没有向上按钮。
黄色部分为点击向上按钮后的页面路径,红色部分为点击返回按钮后的页面路径
6
Android Design Translated by CDC | 江宁 张云
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 设计的重视程度。
7
Android Design Translated by CDC | 江宁 张云
8. 兼容性 (详见模式 PATTERNS>兼容性 Compatibility)
向后兼容,考虑到物理导航按键手机如何兼容 Android 4.0 系统和虚拟导航手机如何兼容
Android2.3 和更早期版本的 apps。
在物理导航按键手机上安装 android4.0 系统,点击物理按键,在屏幕下方出现更多菜单 action
overflow 的内容。
8