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

最新的 Android 冰淇淋三明治(Ice Cream Sandwich, ICS)操作系统，不仅仅是用户界面(UI)的简单改变，它几乎是对整个 Android 系统界面的重新定义。为了让你更好地为 ICS 系统设计和开发应用，这里有一个简单的介绍和指南。

内容和活动导航：选项卡和下拉选项 (Tabs and Dropdowns)

对于内容型应用，如何为你的用户提供简单直观的导航是非常重要的。ICS 操作系统有几个通用方法来实现，第一个就是可滑动选项卡。

上图: ICS 选项卡

Android 一直是支持选项卡的，但是在 ICS 上面，这种导航变得更加时尚和简单使用。如上图所示，我们用两个例子：1）联系人应用和2）YouTube 应用来看一下新的功能。

新用法: 用户可以通过水平滑动在不同的选项卡界面切换 － 一个 ICS 支持的通用导航手势。

新外表: 被选中的选项卡用宽下划线表示。选项卡，要么是图标，要么是标签。（图和文字不兼得，和 iOS 不同）

第二个是下拉选项（dropdowns）

上图：Android 4.0 ICS 日历应用

下拉选项在切换相似内容或者相似逻辑时是最好的导航选择，就譬如说在日历应用中 － 下拉选项被广泛应用在单日，星期，月和用户日程表之间的切换。除此以外，组之间的切换也建议使用下拉，譬如说在联系人应用中，不同组的联系人用下拉来选择。

下拉选项：选项卡右下角的小三角表示。

动作栏：不是只在最上面。

动作栏一直作为提供用户快捷操作的最好方式包含在 Android API 里面。

 

上图：动作栏在 Email 和地图应用中，与屏幕下沿对齐。

动作栏，开发者应该把最重要的用户操作放在这一栏。用 Android Email 应用来讲，这些操作包括”写 Email”，“搜索”，和“刷新”。动作栏根据当前界面的不同，所包括的操作也不同。当用户在邮件界面，这些操作变成：”删除”，“文件夹”和“前后邮件”：

上图：在不同界面，动作栏的图标和动作相应改变

动作栏图标设计：简单，实体单色或使用文字:

上图：地图应用中动作栏的文字提示

应用的抬头：活动导航(activity navigation)和其他动作

如果你的应用的台头栏不是选项卡，它应该使用应用的图标，以便用户切换不同的活动。台头作为应用的切入点，应该被充分利用。

上图：地图应用的不同界面，注意动作栏的标识

在地图应用中，默认台头是应用本身的图标和名字或者 logo。当你开始使用应用，在不同界面，就会有不同的信息。开发人员应该充分利用这一栏为用户提供快捷、直观的导航。

台头也可以作为信息展示：在单一目的地界面，台头显示了我所搜索的目的地和到达所需时间。在 email 界面，台头显示了我所搜索的联系人信息和可以提供的动作。

youTube 的台头：录像和搜索

上图：应用台头使用动作选项

 境况适应 (context-adapting)：搜索和列表设定

在 ICS 上，有两个默认的动作：搜索和列表设定，给了用户界面更加丰富的互动。

当用户选择了搜索：

上图：搜索在联系人和日历应用中

后退箭头出现，然后台头被搜索条取代，开发者可以选择包括语音搜索或者不包括。

另外一个境况适应的例子是有复选框的列表。举例来说，在 Email 应用中，当用户在复选了 email 时，台头变成了一共 3 封 email 被选中。

然后，相对应的，底部动作栏更新成了：对于选中的 email 可以执行的不同操作：删除，标识，压缩和 star 他们。

ICS 的设计和风格哲学

在这款新推出的 Android 系统中，我们可以看出他们更新了设计理念。这个不仅仅是方便使用，还保证了风格和一致性。这些努力让 Android 的界面更加漂亮的同时，也让她更加容易辨识：干净、简单、时尚。

我们去除了很多不必要的界面元素，开始更多地使用空白和视觉元素来创造通透的结构。我们使用更多的色彩，来创造光、影。

——Matias Duarte, Android UI/UX 组长

这些都可以在 ICS 的细节之处体现－摁钮没有修饰，自然融合在界面设计中。文字框用线条拉开。在界面修饰中凸显内容和图像。颜色柔和但是鲜明。

上图：在日程表中添加项目

更多信息：

Android 4.0 SDK  下载.

Engadget：Galaxy Nexus 的 截图 .

希望这篇报道能够帮助你们设计和开发出简单、美观、实用的应用。

英文原文： actionbar   编译： 伯乐在线 – 潘文佳

本文链接