[市场书籍]Android-Design-4.0.pdf

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. 返回和向上 (详见模式

文档评论(0)

1亿VIP精品文档

相关文档