以下這些內(nèi)容有助于設(shè)計(jì)師了解iPad的iOS和Android的3.x“蜂巢”系統(tǒng)的交互原則和主要元素的不同,以便他們更好地熟悉 Android的平板電腦應(yīng)用程序的設(shè)計(jì)。此外,我們也可以一起來看看Android的設(shè)計(jì)模式和布局策略,并分享一些好的Android平板電腦的應(yīng)用 程序設(shè)計(jì)案例。
雖然智能手機(jī)上的Android 2.x的應(yīng)用程序也能在平板電腦上使用,但Android3.0的蜂巢系統(tǒng)是專門為平板電腦設(shè)計(jì)的。Android承諾未來將會把蜂巢系統(tǒng)的功能植入到智能手機(jī)中,以便于這些應(yīng)用程序在不同尺寸的屏幕上進(jìn)行設(shè)計(jì)和構(gòu)建。
我們大多數(shù)都把自己和平板電腦的“第一次”獻(xiàn)給了iPad,因此,不如先來個新歡舊愛大PK,比較一下這兩款平板電腦的用戶界面。通過這樣的比較, 我們可以梳理一下對于平板電腦的理解,并著眼于兩款電腦的主要區(qū)別,從而滿足Android用戶的獨(dú)特需求;這也有助于我們在將iPad上已經(jīng)有的應(yīng)用程 序轉(zhuǎn)化到Android電腦上的時候,可以工作得更有效、更順利。
只要做得像iPad就好?
盡管Android的平板電腦和iPad在用戶體驗(yàn)上有許多相似之處(按鍵手勢、APP圖標(biāo)、情態(tài)表達(dá)等),但設(shè)計(jì)師在做出預(yù)設(shè)和繪制屏幕之前,還是應(yīng)該搞清楚它們的區(qū)別。
屏幕的尺寸和方向
這兩個平臺之間最大的差別就是外形尺寸,iPad的界面尺寸為768*1024像素,并且它的默認(rèn)顯示方式是縱向顯示。
而對于Android來說,情況就有點(diǎn)復(fù)雜了。因?yàn)锳ndroid有一大堆設(shè)備產(chǎn)商,所以它的平板電腦屏幕尺寸有7英寸的、10英寸的,還有一些介于兩者之的非主流尺寸(這里的尺寸指的是對角線長度)。不過還是以10英寸左右的尺寸居多。
我們把這個尺寸換算成像素。在10英寸的屏幕上,1280*752像素可以構(gòu)成一個不錯的布局基線(不包括系統(tǒng)欄),而Android的默認(rèn)顯示方向是橫向的。當(dāng)然,和iPad一樣,用戶也可以自己設(shè)定顯示方向,但橫向比較受人歡迎。

左圖是在10英寸Android平板電腦上的縱向視圖,右圖是在iPad上的。

左圖是在典型的10英寸Android平板電腦上的橫向視圖,右圖是在iPad上的。
但屏幕尺寸僅僅是這兩款電腦的差異中的一半因素。Android電腦在“屏幕密度”(即屏幕特定區(qū)域內(nèi)的像素?cái)?shù)量)上也有所不同。不要在細(xì)節(jié)上太鉆 牛角尖,設(shè)計(jì)師只能為三種不同的屏幕密度制作位圖副本:原圖、1.5倍原圖和2倍原圖。也就是說,一張100*100的原始位圖也應(yīng)該有150*150和 200*200大小的副本。這三種不同大小非副本可以讓你的圖像在中、高和超高屏幕密度下正常顯示,不會損害圖片質(zhì)量。
系統(tǒng)欄
iOS把系統(tǒng)欄做得要多小有多小,而Android的蜂巢系統(tǒng)的系統(tǒng)欄擴(kuò)大了一些。系統(tǒng)欄里面有通知欄和軟導(dǎo)航按鈕,包括“返回”“主頁”和“最新應(yīng)用”等按鈕。

Android“蜂巢”的系統(tǒng)欄
無論你使用哪一個程序,Android的系統(tǒng)欄和按鈕總是會在屏幕底部存在,你可以把它們看做一個固定存在的UI工具。唯一例外的是“關(guān)燈”模式,當(dāng)你看視頻或者玩游戲的時候,系統(tǒng)欄會自動變暗,以便你擁有身臨其境的體驗(yàn)。