Android 4.0设计规范10大改变

2012-02-09 21:37:45来源:腾讯cdc作者:

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

在拜读和翻译了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上已经运用得相当娴熟了。

\

关键词:Android设计

赞助商链接: