以下这些内容有助于设计师了解iPad的iOS和Android的3.x“蜂巢”系统的交互原则和主要元素的不同,以便他们更好地熟悉 Android的平板电脑应用程序的设计。此外,我们也可以一起来看看Android的设计模式和布局策略,并分享一些好的Android平板电脑的应用 程序设计案例。
虽然智能手机上的Android 2.x的应用程序也能在平板电脑上使用,但Android3.0的蜂巢系统是专门为平板电脑设计的。Android承诺未来将会把蜂巢系统的功能植入到智能手机中,以便于这些应用程序在不同尺寸的屏幕上进行设计和构建。
我们大多数都把自己和平板电脑的“第一次”献给了iPad,因此,不如先来个新欢旧爱大PK,比较一下这两款平板电脑的用户界面。通过这样的比较, 我们可以梳理一下对于平板电脑的理解,并着眼于两款电脑的主要区别,从而满足Android用户的独特需求;这也有助于我们在将iPad上已经有的应用程 序转化到Android电脑上的时候,可以工作得更有效、更顺利。
只要做得像iPad就好?
尽管Android的平板电脑和iPad在用户体验上有许多相似之处(按键手势、APP图标、情态表达等),但设计师在做出预设和绘制屏幕之前,还是应该搞清楚它们的区别。
屏幕的尺寸和方向
这两个平台之间最大的差别就是外形尺寸,iPad的界面尺寸为768*1024像素,并且它的默认显示方式是纵向显示。
而对于Android来说,情况就有点复杂了。因为Android有一大堆设备产商,所以它的平板电脑屏幕尺寸有7英寸的、10英寸的,还有一些介于两者之的非主流尺寸(这里的尺寸指的是对角线长度)。不过还是以10英寸左右的尺寸居多。
我们把这个尺寸换算成像素。在10英寸的屏幕上,1280*752像素可以构成一个不错的布局基线(不包括系统栏),而Android的默认显示方向是横向的。当然,和iPad一样,用户也可以自己设定显示方向,但横向比较受人欢迎。
左图是在10英寸Android平板电脑上的纵向视图,右图是在iPad上的。
左图是在典型的10英寸Android平板电脑上的横向视图,右图是在iPad上的。
但屏幕尺寸仅仅是这两款电脑的差异中的一半因素。Android电脑在“屏幕密度”(即屏幕特定区域内的像素数量)上也有所不同。不要在细节上太钻 牛角尖,设计师只能为三种不同的屏幕密度制作位图副本:原图、1.5倍原图和2倍原图。也就是说,一张100*100的原始位图也应该有150*150和 200*200大小的副本。这三种不同大小非副本可以让你的图像在中、高和超高屏幕密度下正常显示,不会损害图片质量。
系统栏
iOS把系统栏做得要多小有多小,而Android的蜂巢系统的系统栏扩大了一些。系统栏里面有通知栏和软导航按钮,包括“返回”“主页”和“最新应用”等按钮。
Android“蜂巢”的系统栏
无论你使用哪一个程序,Android的系统栏和按钮总是会在屏幕底部存在,你可以把它们看做一个固定存在的UI工具。唯一例外的是“关灯”模式,当你看视频或者玩游戏的时候,系统栏会自动变暗,以便你拥有身临其境的体验。