構(gòu)建在任何設(shè)備上都引人注目的應(yīng)用。

設(shè)備和顯示?Original Version

Android 驅(qū)動(dòng)了數(shù)百萬(wàn)計(jì)的手機(jī)、平板和其他設(shè)備，囊括了各種不同的屏幕尺寸和比例。利用 Android 靈活的布局系統(tǒng)，你可以創(chuàng)造出在各種設(shè)備上看起來(lái)都很優(yōu)雅的應(yīng)用。

靈活

對(duì)應(yīng)用布局進(jìn)行放大、縮小或者裁減以適應(yīng)不同的高度和寬度。

優(yōu)化布局

在較大的設(shè)備上，利用大屏幕的優(yōu)勢(shì)。通過(guò)定制視圖顯示更多的內(nèi)容，提供更便利的導(dǎo)航。

適用于各種設(shè)備

為不同的像素密度 (DPI) 提供資源使應(yīng)用在各種設(shè)備上都看起來(lái)很棒。

策略

那么應(yīng)當(dāng)如何開(kāi)始為多種屏幕設(shè)計(jì)呢？一種方法是以一個(gè)基本的標(biāo)準(zhǔn) (中等尺寸，MDPI) 開(kāi)始，之后將其縮放到不同的尺寸。另一種方法是從最大的屏幕尺寸開(kāi)始，之后為小屏幕去掉一些 UI 元素。

開(kāi)發(fā)者提示

關(guān)于構(gòu)建彈性布局的更多信息，參見(jiàn)?Designing for Multiple Screens?和?Building a Dynamic UI with Fragments.

主題?Original Version

主題是一種使得 Android 應(yīng)用保持統(tǒng)一風(fēng)格的機(jī)制。風(fēng)格樣式定義了各種構(gòu)建用戶界面所需要的視覺(jué)元素，包括顏色、高度、邊界填充和字體大小。為了提升各種應(yīng)用的統(tǒng)一性，Android 為你的應(yīng)用提供了兩種系統(tǒng)主題:

• 淺色 Holo 主題
• 深色 Holo 主題

將這些主題應(yīng)用于設(shè)計(jì)中將使得應(yīng)用更好的和 Android 設(shè)計(jì)語(yǔ)言融合起來(lái)。

為應(yīng)用選擇一款適合其功能和設(shè)計(jì)美學(xué)的系統(tǒng)主題是一個(gè)良好的開(kāi)端。如果希望讓?xiě)?yīng)用看起來(lái)更加與眾不同，不妨從某一款系統(tǒng)主題開(kāi)始打造自己的設(shè)計(jì)。系統(tǒng)主題為實(shí)現(xiàn)個(gè)性化的視覺(jué)效果提供了堅(jiān)實(shí)的基礎(chǔ)。

開(kāi)發(fā)者提示

關(guān)于應(yīng)用系統(tǒng)主題和自己構(gòu)建主題的更多信息，參見(jiàn)?Styles and Themes.

淺色 Holo 主題的 Gmail 界面。

深色 Holo 主題的設(shè)置界面。

觸摸反饋?Original Version

使用顏色和光暈效果來(lái)反饋觸摸，強(qiáng)調(diào)手勢(shì)的效果以及表明哪些操作是可用的。

用優(yōu)雅的方式進(jìn)行觸摸反饋。任何時(shí)候，用戶觸摸應(yīng)用中的可操作區(qū)域，都應(yīng)當(dāng)給予視覺(jué)上的響應(yīng)。微小的反饋就能取得良好的效果。這樣做有兩個(gè)好處:

• 給予鼓勵(lì)?總是比給予驚嚇要好。
• 更好的融合?自我標(biāo)識(shí)?，因?yàn)闊o(wú)論與何種色調(diào)配合，默認(rèn)的觸摸反饋都能很好的工作。

狀態(tài)

大多數(shù)的 Android UI 元素都有內(nèi)置的觸摸反饋效果，包括可以表明元素是否可以操作的視覺(jué)效果。

交流

當(dāng)控件需要對(duì)復(fù)雜的手勢(shì)做出響應(yīng)時(shí)，它應(yīng)當(dāng)能夠幫助用戶了解該操作的結(jié)果。

在“最近的應(yīng)用”中，當(dāng)用戶開(kāi)始左右滑動(dòng)縮略圖的時(shí)候，它會(huì)變得暗淡。這樣做使得用戶明白滑動(dòng)可以移除該應(yīng)用。

邊界

當(dāng)用戶試圖將可滑動(dòng)的區(qū)域滑動(dòng)出上下邊界時(shí)，應(yīng)當(dāng)在邊界提供視覺(jué)的反饋。許多 Android 的可滑動(dòng)控件 (例如列表 lists 和網(wǎng)格列表 grid lists) 都已經(jīng)內(nèi)置了邊界反饋。如果需要使用自定義控件，記住要提供邊界反饋哦。

當(dāng)用戶試圖從主屏幕的最后一屏向右滑動(dòng)時(shí)，屏幕就會(huì)向右傾斜表明不能再往這邊移動(dòng)了。

度量單位和網(wǎng)格?Original Version

設(shè)備之間除了屏幕尺寸不同，屏幕的像素密度 (DPI) 也不盡相同。為了簡(jiǎn)化為不同的屏幕設(shè)計(jì)應(yīng)用的復(fù)雜度，可以將不同的設(shè)備按照大小和像素密度分類。按設(shè)備大小的兩個(gè)類別分別是手持設(shè)備?(小于 600?dp) 和?平板?(大于等于 600 dp)。按像素密度分類的類別有?LDPI、MDPI、HDPI?和?XHDPI。為不同的設(shè)備優(yōu)化你的應(yīng)用界面，為不同的像素密度提供不同的位圖。

為了空間而考慮

不同的設(shè)備可顯示的 dp (density-independent pixels) 數(shù)量也不相同。

48 dp 的設(shè)計(jì)韻律

一般來(lái)說(shuō)，可觸摸控件以 48 dp 為基礎(chǔ)單位。

為什么是 48 dp？

一般情況下，48 dp 在設(shè)備上的物理大小是 9 mm (會(huì)有一些變化)。這剛好在觸摸控件推薦的大小范圍 (7-10 mm) 內(nèi)，而且這樣的大小，用戶用手指觸摸起來(lái)也比較準(zhǔn)確、容易。

如果你設(shè)計(jì)的元素都至少有 48 dp 的高度和寬度，那么可以保證:

• 你設(shè)計(jì)的元素在任何屏幕上顯示時(shí)，都不會(huì)小于最低推薦值 7 mm。
• 你可以在信息密度和界面元素的可操控性之間得到較好的平衡。

注意留白

界面元素之間的留白應(yīng)當(dāng)是 8 dp。

例子

原文地址：http://www.ui.cn/project.php?id=17906