平板電腦布局策略

使用碎片和多窗格視圖

Honeycomb設(shè)計(jì)的構(gòu)建模塊是“碎片”。碎片是自成體系的布局組成部分，它可以根據(jù)屏幕的方向和尺寸改變自身的尺寸和布局位置。為多種尺寸外觀而設(shè)計(jì)這個(gè)問(wèn)題的進(jìn)一步解決方法是：給設(shè)計(jì)師和開(kāi)發(fā)人員一種途徑使他們的屏幕布局組成部分具有彈性和堆疊性，并取決于運(yùn)行應(yīng)用程序的設(shè)備屏幕限制。屏幕組成部分可以被拉伸、堆疊、擴(kuò)展或者收縮、展示或者隱藏。

碎片架構(gòu)給了設(shè)計(jì)者和開(kāi)發(fā)者幾種選擇，在跨越多種屏幕尺寸和方向的情形下維護(hù)他們的布局。

是什么讓碎片變得如此特別？通過(guò)兼容性庫(kù)，開(kāi)發(fā)者可以將這種功能帶入到1.6版以上的Android智能手機(jī)中，使他們能夠使用一種尺寸適配多種設(shè)備的策略來(lái)創(chuàng)建應(yīng)用程序。簡(jiǎn)言之，它能夠使設(shè)計(jì)師和開(kāi)發(fā)人員只開(kāi)發(fā)一個(gè)應(yīng)用程序而適配所有規(guī)格的設(shè)備。

雖然碎片可能是一個(gè)更多的被開(kāi)發(fā)人員使用的術(shù)語(yǔ)，但設(shè)計(jì)師仍然應(yīng)該對(duì)壓縮的內(nèi)容如何任意拉伸、堆疊、擴(kuò)展和隱藏有一個(gè)基本的了解。

最常見(jiàn)的碎片排布方式是分割視圖。這種布局在新聞應(yīng)用程序和電子郵件客戶(hù)端中較為常見(jiàn)，通常列表在較窄的一欄中呈現(xiàn)，詳情視圖在較寬的一欄中呈現(xiàn)。

USA Today 使用的分割視圖

呈現(xiàn)分割視圖的另一種方式是在它的一側(cè)轉(zhuǎn)換方向。這種情況下，側(cè)邊的列表碎片變成了輪播，支持水平方向上的導(dǎo)航而不再是垂直方向上的。

方向策略

碎片是將一種設(shè)計(jì)應(yīng)用到多個(gè)屏幕尺寸上的好辦法，同時(shí)對(duì)設(shè)定方向策略亦是非常有用的。你的屏幕設(shè)計(jì)在橫向視圖時(shí)也許看起來(lái)很不錯(cuò)，但面對(duì)狹窄的縱向視圖包含三欄的情況的時(shí)候你要做些什么呢？你可以再次選擇拉伸、堆疊或者隱藏內(nèi)容�？梢园阉槠�想象成一堆可伸展的拼圖，你可以根據(jù)需要四處移動(dòng)、塑造或者刪除它。

關(guān)于動(dòng)畫(huà)

Honeycomb架構(gòu)允許設(shè)計(jì)師和開(kāi)發(fā)人員運(yùn)用豐富多彩的動(dòng)畫(huà)效果。根據(jù)Android 3.0 要點(diǎn) 頁(yè)，“動(dòng)畫(huà)可以創(chuàng)建淡出效果、不同狀態(tài)間的運(yùn)動(dòng)、循環(huán)播放一張動(dòng)態(tài)圖片、或者退出動(dòng)畫(huà)、改變顏色以及更多。”Honeycomb還擁有展現(xiàn)2D或3D圖像的高性能機(jī)制。為了更好地了解Honeycomb性能的大體情況，看一下這段視頻。

從例子中學(xué)習(xí)

Android平板電腦仍是一個(gè)相對(duì)較新的領(lǐng)域，有些品牌只是剛剛開(kāi)始試水。下面是一系列為激發(fā)靈感而收集的應(yīng)用程序。你可以從 Android Market 或者Amazon中下載其中的任何一款。

YouTube

當(dāng)然，Google在Honeycomb平臺(tái)上的youtube應(yīng)用程序堪稱(chēng)典范，展示了上文所有討論到的設(shè)計(jì)樣式及用戶(hù)界面元素。為了更好的體驗(yàn)Honeycomb，請(qǐng)先下載這款應(yīng)用程序并運(yùn)行它。

CNN

CNN（美國(guó)有線電視新聞網(wǎng)）應(yīng)用程序很好地運(yùn)用了觸控手勢(shì)（包括滑動(dòng)來(lái)瀏覽更多內(nèi)容）、分割視圖和字體！一種自定義的字體（Rockwell）應(yīng)用于新聞標(biāo)題。

CNBC

CNBC（美國(guó)全國(guó)廣播公司財(cái)經(jīng)頻道）是另一個(gè)優(yōu)秀的新聞應(yīng)用程序，包括動(dòng)畫(huà)（股票行情自動(dòng)輪播）以及豐富的圖表和漸變。CNBC是最引人入勝的應(yīng)用程序之一。

標(biāo)簽： 平板電腦 Android設(shè)計(jì) 交互設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。