平板电脑设计

Android 平板电脑设计

没有什么时候比现在更需要设计师去为各种各样的移动设备营造体验了。随着平板电脑被不断接受，我们已经步入“后PC时代”，公司会利用平板电脑的用户体验质量来争夺用户的注意力。设计成功的Android平板电脑应用程序，不但需要一个很棒的概念来鼓励用户下载、使用和保留，还需要一种使Android用户很直观的发现并适应使用环境

的用户体验。

接下来通过了解ipad iOS用户界面与Android 3.x “Honeycomb 用户界面设计规范和元素之间的不同，可以帮助设计师熟悉Android平板电脑应用程序设计。我们还将分析Honeycomb的设计模式和布局策略，然后查看一些那里面非常好的Android平板电脑应用程序。

注意，虽然智能手机上Android 2.x应用程序也可以在平板电脑上运行，Android 3.0 Honeycomb 系统是专门为平板电脑设计和推出的。Future updates 承诺将Honeycomb 的特性植入智能手机设备中，并使它更容易在多种多样的屏幕尺寸上设计和构建。

对于我们大多数人，我们第一次接触平板电脑是通过ipad. 正因为这个原因，开始比较二者的用户界面是合理的。通过比较，我们可以组织整理我们已经了解的平板电脑的知识，并去关注二者的关键不同点，这样我们就可以满足Android用户独特的用户界面要求。在将已存在于iPad上的应用程序转换到Android平板电脑上的时候，这不但可以使我们速度更快，而且变得非常重要。

只要做得像iPad就行，对吗？

虽然Android 平板电脑和iPad的体验方面有很多的相似之处（触控手势、应用程序启动图标、情态表达等），设计师在作出假设和绘制屏幕流之前应该熟知二者的差异。

屏幕尺寸和方向

这两个平台之间最大的不同就是外形尺寸。iPad的布局尺寸是768×1024物理像素，并且iPad将纵向显示方向作为它默认的查看方向。

而Android平板电脑，由于拥有众多的设备生产厂家，稍微有一些复杂。概括地讲，有7英寸和10英寸的Android平板电脑屏幕尺寸（自左上角至右下角的对角线长度），以及介于二者之间的尺寸。然而，大多数平板电脑是10英寸左右。

换算成像素，这意味着什么？一个不错的布局基线是1280×752像素（不包括系统栏），基于10英寸的屏幕尺寸大小并且将横向（而不是纵向）作为默认的方向。如同在iPad 上一样，Android上的内容可以在横向和纵向两个方向上查阅，但横向模式往往更受人喜欢。

左图是在典型的10英寸Android平板电脑上的纵向视图，右图是在iPad上的。

左图是在典型的10英寸Android平板电脑上的横向视图，右图是在iPad上的。

然而，对于Android来说，屏幕尺寸只是差异中的一半因素。Android平板电脑在“屏幕密度”（屏幕特定区域的像素数量）方面也有所不同。不要关注太多细节，设计师只能为三种不同的屏幕密度准备所有的生产型备用位图，放大每个位图到原大小的1.5倍或2倍。所以，被设置为100×100像素大小的位图应该也要有150 × 150 和200 × 200大小的副本。通过制作三种缩放尺寸的位图，你可以将你的位图转换成为中、高、超高密度的平板电脑屏幕而不会损害图片的质量。

更多关于Android设备屏幕密度和图像准备方面的信息，请参考我之前的文章《designing for Android》

系统栏

虽然iOS平台将系统栏做的尽量小，但是Android Honeycomb 扩大了系统栏的尺寸并包含通知和软导航按钮。其中包括返回按钮、主页按钮和最新应用程序按钮。

Android Honeycomb系统栏

Android Honeycomb的系统栏和按钮在屏幕底部始终存在，无论开启的是什么应用程序。你可以把它当作永久性的UI固定装置。唯一的例外是“关灯”模式，它是将系统栏变暗来显示沉浸式内容，例如视频和游戏。

返回按钮

虽然Honeycomb笨重、永久存在的系统栏对设计师来说可能是一个阻碍，但它确实解放了在iPad应用程序中通常被返回键占据的固定位置。Honeycomb系统栏中的返回键在世界上所有的应用程序中都存在。

系统栏中的返回键

操作栏

两个平台之间大多数用户界面的不同点在于其顶部的操作栏。Android 为操作栏元素的具体布置和具体的视觉形式提供了建议，包括icon或logo的位置、导航（例如下拉菜单或标签）及常用操作。这是Android Honeycomb系统应用程序最统一的设计模式之一，因而在尝试使用自定义设置或类似iPad的东西之前，让你自己熟悉此操作栏是值得的。之后将对这个普遍存在的操作栏做更多的分析。

操作栏

控件

能使iPad用户感到新颖的将是Android的控件。顾名思义，控件主要是小的通知栏和快捷使用工具，用户可以将其设置出现在启动屏幕中。控件可以被设计为堆栈视图、网格视图和列表视图，在Android 3.1中它们现在可以调整大小。

启动屏幕中的几个控件

通知

iOS 的通知系统将简单的提醒推送到启动屏幕中，而Honeycomb是在屏幕的右下角位置弹出（我们通常称它们为toast）丰富的通知，非常像Mac OS X中的Growl.通知的自定义布局可以是图标、滚动文本或可操作按钮中的任何形式。

Android 上的通知

设置

iPad应用程序中的设置通常是以弹出窗口呈现，在点击“i”按钮后触发；而且设置项被分解成易于视觉识别的诸多表格。Honeycomb系统有不同的规范。它看起来更像iOS 的“常规设置”屏，用户可以在左侧进行类型导航，在右侧查看详情。这是Honeycomb 系统上呈现多设置项的首选（也是更雅致的）一种方式。

日历应用程序中的设置设计模式

UI元素

如同大家所想的那样，Android系统竭尽全力把一切做的与它的竞争对手相反（这叫做差异化！）。Honeycomb有其自己的UI规范，并且它现在有一种新的“全息UI”视觉语言，用于诸如选择时间日期、选择一个选项，设置音量等日常操作中。了解这种UI 语言对创建屏幕流和设计布局至关重要。