談到應(yīng)用程序設(shè)計，對設(shè)計師來說，Android就像是房間里的大象。很多設(shè)計師會更希望這是iOS，在那里所有任何人都只需要關(guān)心iPhone手機，iPad和App Store。然后沒有人可以忽略Android，它目前已占據(jù)智能手機中最大的市場份額，且已經(jīng)被廣泛用于從平板電腦到電子閱讀器等各種產(chǎn)品?？傊?，谷歌的Android平臺正在迅速遍地開花，品牌廠商們很難不注意到。

讓我們一起面對吧。Android多型號的設(shè)備以及形狀的諸多因素，讓其設(shè)計感覺像是一場艱苦的戰(zhàn)斗。其神秘的文檔使得設(shè)計和生產(chǎn)在一開始就顯得很難。在網(wǎng)上找有關(guān)Android設(shè)計的網(wǎng)絡(luò)資源，你會發(fā)現(xiàn)很少有幫助的東西。

如果這一切讓你感到沮喪(而且如果這是你不為Android設(shè)計應(yīng)用程序的原因)，你并不孤單。幸運的是，Android現(xiàn)在已經(jīng)開始著手解決有關(guān)多種設(shè)備和屏幕尺寸的問題，而且設(shè)備制造商們也正慢慢達到標(biāo)準(zhǔn)，并最終降低其復(fù)雜性。

這篇文章將幫助設(shè)計師熟悉在開始使用Android開發(fā)所需的各種知識，并提供合適的資源給開放團隊。我們將討論的主題包括：

◆解密Android屏幕密度，

◆通過設(shè)計模式學(xué)習(xí)Android設(shè)計基礎(chǔ)，

◆設(shè)計開發(fā)人員需要的資產(chǎn)，

◆如何獲取屏幕截圖，

◆什么是Android 3?未來還有什么?#p#

Android智能手機及顯示屏尺寸

啟動任何數(shù)字設(shè)計項目之前，首先必須先了解硬件。對于iOS應(yīng)用程序來說，那是iPhone和iPod Touch。而Android，涉及到幾十種設(shè)備和制造商。從哪里開始呢?

Android智能手機所支持屏幕的基準(zhǔn)是T – Mobile G1——Android平臺的第一款面世設(shè)備，其配備了320 × 480像素的HVGA屏幕。

HVGA表示“半尺寸影像圖形數(shù)組”(或一半大小的VGA)，是目前智能手機的標(biāo)準(zhǔn)顯示大小。iPhone 3GS，3G和2G都使用這一相同的配置。

T-Mobile G1是面世的第一款A(yù)ndroid設(shè)備，也是第一款支持Android基準(zhǔn)屏幕的手機。

為簡單起見，Android將屏幕尺寸(屏幕從左上角到右下角的對角線長度)分為四個級別：小，正常，大和超大。

兩款普通的Android智能手機尺寸(圖片來源于 Google I/O 2010)

320 × 480被認(rèn)為是Android屏幕的“正常”尺寸。至于“超大”的，想象一下平板電腦。然而，當(dāng)今最流行的Android智能手機配備的是WVGA(即寬VGA)800+×480像素的高清顯示器。那么，是什么讓“正常”迅速發(fā)生變化。

從Android SDK中的仿真器樣機獲得的各種屏幕配置圖。 (圖片：Android開發(fā)者網(wǎng)站)

為了測試方便，我使用了摩托羅拉Droid X，其屏幕為WVGA。同樣，從Android的標(biāo)準(zhǔn)看來這屬于“大”。

顯示器尺寸不同對于那些想創(chuàng)建單個尺寸適合所有的布局的設(shè)計師來所真算是非常具有挑戰(zhàn)性的。我發(fā)現(xiàn)，最好的辦法是設(shè)計一套布局為320 × 480(基準(zhǔn))，另一套為320 ×533(可視為“大”尺寸屏幕)。

雖然這給設(shè)計師和開發(fā)人員的工作帶來額外負擔(dān)，如摩托羅拉Droid和HTC Evo等稍大一點手機所需的更大尺寸屏幕，可能需要在基準(zhǔn)布局上做一些修改已更好地利用多余的空間。

關(guān)于網(wǎng)點密度(Screen Densities)，你應(yīng)該知道的一些東西

屏幕尺寸只是問題的一部分!開發(fā)人員一般不考慮屏幕的分辨率，而是它的密度。以下是開發(fā)人員指南(Developers Guide)里提到的Android對這些內(nèi)容的定義：

◆分辨率(Resolution)

◆屏幕物理像素的總和。

◆網(wǎng)點密度

◆屏幕物理面積內(nèi)所包含的像素數(shù)，通過以DPI(每英寸點數(shù))來計量。

密度無關(guān)像素(Density-independent pixel , DP)

這是一個虛擬的像素單位，定義布局的UI，在為以密度無關(guān)(density-independent)的方式表達布局的維度和位置，而定義布局的時候，會使用到這個概念。密度無關(guān)像素就相當(dāng)于160 dpi屏幕上的一個物理像素，這對“中等”密度的屏幕系統(tǒng)來說算是基準(zhǔn)密度。在運行時，系統(tǒng)根據(jù)實際使用中的屏幕密度處理任何必要的DP單位的換算。DP單位和屏幕像素的轉(zhuǎn)化公式很簡單：像素= DP*(DPI/160)。例如，對于一個240 dpi的屏幕，1個DP等于1.5物理像素。在定義應(yīng)用程序的UI時，通常使用DP單位，以確保UI在不同密度的屏幕上得以正確顯示。

好像有點混亂，但在這里有些東西你必須知道的。在屏幕尺寸方面，Android將屏幕密度分成四個基本密度：lDPI(低)，mDPI(中等)，hDPI(高)以及xhDPI(特高)。這非常重要，因為你必須以lDPI，mDPI和hDPI密度形式輸出所有圖形內(nèi)容(如位圖)。現(xiàn)在，我們假設(shè)xhDPI只適用于平板電腦。

這意味著所有非繪制圖形(如在運行時不能由Android自動按比例轉(zhuǎn)變的圖形)，需要通過“中等”(即320× 480)的基準(zhǔn)屏幕布局來轉(zhuǎn)換。

位圖的要求和準(zhǔn)備網(wǎng)頁打印圖形差不多。如果您有打印經(jīng)驗，你就會知道，一個72PPI的圖像在放大打印時會顯得非常像素化和模糊。相反，你需要根據(jù)矢量圖來重做圖像或使用高解析度照片，然后將文件的分辨率設(shè)置成大約為300PPI，這樣就才能在不犧牲圖像質(zhì)量的條件下打印。Android的屏幕密度的工作原理也是如此，除非我們只想改變圖像的大小而不改變文件的分辨率(如標(biāo)準(zhǔn)72 PPI就可以)。

比方說，你從基準(zhǔn)線設(shè)計的屏幕(記住“基線”布局設(shè)置在320×480)上獲取了一個100×100像素的位圖圖標(biāo)。將相同的100 ×100圖標(biāo)配置在lDPI屏幕，該圖標(biāo)會顯得很大很模糊。同樣地，將其配置在hDPI屏幕上，它會顯得太小(由于設(shè)備的每英寸的點數(shù)比mDPI屏幕多)。

要調(diào)整不同的設(shè)備屏幕密度，我們需要在四個密度大小之間按照3:4:6:8縮放比例。 (對iPhone來說，它很容易：只需以2:1的比例在iPhone 4和3GS之間切換。)使用這些比率，通過簡單的計算，我們就可以創(chuàng)造四個不同的版本的位圖，以供開發(fā)生產(chǎn)：

◆75×75對應(yīng)低密度屏幕(如×0.75);

◆100 ×100對應(yīng)中等密度的屏幕(基準(zhǔn));

◆150×150對應(yīng)高密度屏幕(× 1.5);

◆200×200對應(yīng)超高密度顯示屏(× 2.0)。 (我們只考慮Android智能手機的應(yīng)用程序上的lDPI、mDPI以及hDPI。)

使用四種不同網(wǎng)點密度，最終圖片會如上所示

做完了所有圖像后，你可以按照以下方法歸類圖片：

推薦的文件夾及文件的歸類和命名方法。在準(zhǔn)備星型圖片時，可以將所有未完成的圖片命名為ic_star，不需要對應(yīng)密度來換名稱。

你可能會對怎么設(shè)置PPI(每英寸像素)感到困惑。只要將其保留于標(biāo)準(zhǔn)的72PPI，并對應(yīng)地調(diào)整圖像即可。#p#

采用Android的設(shè)計模板

客戶經(jīng)常問，是不是可以將其iPhone應(yīng)用程序設(shè)計模板應(yīng)用到Android上。如果你想尋找捷徑，使用類似WebKit和HTML5來創(chuàng)建移動網(wǎng)頁瀏覽器的應(yīng)用程序可能會是一個更好的選擇。而要開發(fā)原生的Android應(yīng)用程序，答案是否定的。為什么呢?由于Android的界面與iPhone非常不同。

最大的區(qū)別是用于翻到前幾頁的“返回”鍵。Android設(shè)備上的返回鍵是固定的，無論什么應(yīng)用程序都會用到。這既可能是物理部件，也可能是屏幕下方的獨立于任何應(yīng)用程序的虛擬固定按鍵，如最近發(fā)布的Android3.0平板電腦那樣。

Android 2.0 智能手機上的物理“返回”鍵

獨立于應(yīng)用程序本身的“返回”鍵可以給其他如logo，標(biāo)題或菜單等元素在屏幕的上方留下更多空間。這種瀏覽設(shè)置與iOS大不相同，而且還有很多其他與眾不同之處，Android稱之為“設(shè)計樣板”。根據(jù)Android所說，設(shè)計樣板是“反復(fù)出現(xiàn)的問題的一般解決辦法。”下面是Android 2.0的主要設(shè)計樣板。

控制面板(Dashboard)

這種樣板解決了應(yīng)用程序中多層次瀏覽的問題。它給諸如Facebook，LinkedIn和Evernote等多種應(yīng)用程序提供了平板解決方案。

Facebook和LikedIn所采用的控制面板設(shè)計樣板

活動框(Action Bar)

活動框是Android最重要的設(shè)計模板和與眾不同之處。它的工作原理非常類似于傳統(tǒng)網(wǎng)站的banner，左邊有標(biāo)志或標(biāo)題，導(dǎo)航項在右邊?；顒涌虻脑O(shè)計非常靈活，允許在菜單懸停和放大搜索框。它一般用作一個全局功能，而非單個程序。

Twitter所采用的活動框設(shè)計樣板

搜索框(Search Bar)

這為用戶提供了一個簡單的按類別搜索的方法，并提供搜索建議。

Google Seach程序所采用的活動框設(shè)計樣板

快速活動欄(Quick Actions)

這種設(shè)計樣式和iOS的彈出動作有點相似，為用戶提供了額外的文本行動。例如，點擊應(yīng)用程序的照片，可能會觸發(fā)快速活動欄，讓用戶共享該照片。

Twitter所采用的快速活動欄設(shè)計樣板

隨同構(gòu)件(Companion Widget)

小構(gòu)件允許應(yīng)用程序在用戶主屏幕上顯示通知。與iOS上以臨時模態(tài)對話框形式推送通知不同，隨同構(gòu)件始終保留在主屏幕上。(提示：想你的Android設(shè)備選擇構(gòu)件，只需點擊并按住屏幕上的任意空白區(qū)域就可以。)

Engadget, New York Times以及Pandora所采用的隨同構(gòu)件

使用既定的設(shè)計樣板對于保持用戶直觀和熟悉的體驗是非常重要的。沒有用戶希望在Android設(shè)備上的體驗iPhone的感覺，也沒有Mac用戶希望在自己的Mac OS環(huán)境里體驗微軟。了解了設(shè)計樣板，是學(xué)習(xí)Android語言以及給用戶設(shè)計最優(yōu)體驗的第一步。你的開發(fā)人員也會感謝你!#p#

Android設(shè)計必備材料

OK，既然你已經(jīng)著手設(shè)計Android應(yīng)用程序和并準(zhǔn)備使之成為現(xiàn)實。那還有什么可以提供給開發(fā)人員的嗎?這里有一個快速交付清單：

◆基于基準(zhǔn)320× 480 dpi 的“中等”尺寸的有附注的用戶體驗說明表格。包括額外的屏幕，比如當(dāng)“大”尺寸屏幕需要修改布局，或者需要圖景版式時。

◆對應(yīng)中型HVGA320×480屏幕和大尺寸的320×533屏幕(基于WVGA800 ×480 hDPI物理像素屏幕)的兩套視覺設(shè)計模擬器材。

◆有關(guān)間距，字體大小和顏色，以及任何位圖的指示等規(guī)格文件。

◆保存為透明PNG文件的一個包含lDPI，mDPI和hDPI版本所有的位圖圖形庫。如果你還想為小型設(shè)備裝置及或者其他大型設(shè)備開發(fā)其他版本的應(yīng)用程序，你需要為“中等”基準(zhǔn)的設(shè)計準(zhǔn)備一個lDPI 和mDPI圖集，同時還需給“大”尺寸版本的準(zhǔn)備hDPI圖集。

◆保存為透明PNG文件的特定密度的應(yīng)用程序圖標(biāo)，包括應(yīng)用程序的啟動圖標(biāo)。Android已經(jīng)在這個問題上給開發(fā)人員提供了很多精美圖片，還可可以另外下載，包括圖形的PSD模板。#p#

如何截屏

假如你的產(chǎn)品經(jīng)理想要開發(fā)人員的架構(gòu)截圖。而開發(fā)人員正忙，明天之前都不能給你。你怎么辦?直到現(xiàn)在，Android都還沒有提供一種內(nèi)置采取截圖(無賴吧?)方式。唯一的辦法就是去處理它，這意味著需要假裝一段時間的開發(fā)人員和下載一些可怕的軟件。讓我們開始吧!

以下軟件必須在Windows環(huán)境下下載(我是通過Mac上的Parallels Desktop使用Windows的)。

◆所有的Android設(shè)備USB驅(qū)動程序;

◆Android軟件開發(fā)套件(SDK);

◆Java SE SDK

然后在電腦上：

◆將USB驅(qū)動程序解壓縮到桌面上的一個文件夾;

◆將Android SDK解壓縮到桌面上的一個文件夾;

◆安裝Java SE SDK

在Android設(shè)備上：

◆打開“設(shè)置”(程序菜單里)

◆點擊“應(yīng)用程序”;

◆點擊“開發(fā)”;

◆查看“USB 調(diào)試”

好了，有趣的來了：

◆將Android設(shè)備通過USB接口連接到計算機，并允許Windows安裝的所有驅(qū)動程序。其中一個驅(qū)動程序可能無法找到，你可能需要去到“控制面板”的“Windows設(shè)備管理器”。在那里，找到這個設(shè)備(旁邊有黃色警告圖標(biāo))，并右鍵單擊。

◆選擇給設(shè)備“更新/安裝”驅(qū)動程序。

◆轉(zhuǎn)回到桌面。打開Android SDK文件夾并選擇SDK中的Setup.exe。

◆允許其自動刷新SDK操作系統(tǒng)的列表，并選擇安裝所有軟件包。

◆一旦完成后，退出應(yīng)用程序。

◆返回到桌面上的已打開的Android SDK文件夾，打開“工具”文件夾。

◆點擊“ddms”文件，打開Dalvik Debug Monitor。

◆從“Name”對話框中選擇設(shè)備。

◆在應(yīng)用程序的頂部菜單中，打開“設(shè)備”菜單，選擇“屏幕捕捉… …”，一個設(shè)備屏幕捕獲窗口將打開，你應(yīng)該就可以看到Android設(shè)備的啟動屏幕了。

The Dalvik Debut Monitor.

瀏覽：

◆打開Android設(shè)備，瀏覽任何頁面?；氐接嬎銠C上，并在“設(shè)備屏幕捕捉”點擊“刷新”。Android設(shè)備當(dāng)前的畫面應(yīng)該就會出現(xiàn)。

◆如果你使用的是Mac，你可以按照Shift + Command+4的老招來截圖。在Windows中，你可以復(fù)制并粘貼到Windows媒體應(yīng)用中去。#p#

關(guān)于Android平板電腦

Android平板電腦無論在大小尺寸還是屏幕密度方面都和智能手機有很大的不同。而在屏幕密度方面，我們通常假設(shè)所有的平板電腦都是高清晰和在位圖圖形方面都采用特大型的“xDPI”尺寸。

在2011 CES大會上，廠商們紛紛推出Android平板電腦，屏幕尺寸也各不相同。然而，快速研究過幾款最流行的型號后，我們可以了解到屏幕主要還是集中在物理像素1280×800和800×480的兩個重要尺寸上。

隨著Android 3.0 Honeycomb的發(fā)布，谷歌給設(shè)備制造商提供了的平板電腦Android UI。過往的物理“返回”按鈕，這回被位于屏幕底部的由軟件生成的固定導(dǎo)航按鍵和系統(tǒng)狀態(tài)欄取代。

Android 3.0里固定的導(dǎo)航按鈕及系統(tǒng)狀態(tài)欄

在集成了2.0版中所有的設(shè)計樣板的同時，Android 3.0在視覺上給人帶來很多新鮮感。唯一的區(qū)別是，活動欄已更新到包括標(biāo)簽，下拉菜單已經(jīng)其他小東西。當(dāng)用戶選擇在屏幕上顯示單個或多個元素時，活動欄還可以改變它的外觀。

Android 3.0 里包含各種菜單的活動欄

另一項添加到Android 3.0框架的新功能是一個“片段”(fragments)的機制。片段是一種可以根據(jù)屏幕的方向和尺寸來調(diào)整布局大小和位置的自包含組件。這可以在屏幕大小的局限下，通過給設(shè)計師和開發(fā)人員以調(diào)整布局的彈性，借以解決多種外形的設(shè)計難題。屏幕組件可以被拉長，疊壓，展開和折疊，顯示和隱藏。

圖例顯示“片段”的用途

這個被吞口水地稱為冰淇淋三明治的未來Android版本，承諾把這個功能放入Android智能手機里，讓設(shè)計人員和開發(fā)人員使用“一體適用”的策略來開開發(fā)程序。這對設(shè)計師和開發(fā)者來說可能是模式的轉(zhuǎn)變，他們要學(xué)習(xí)思索利用可以拉長，堆放，擴大或隱藏的拼圖來設(shè)計應(yīng)用程序?？傊?，這將允許Android操作系統(tǒng)在任何地方運行(無限的可能性!)。

一語箴言

多玩一玩Android手機和平板電腦，花一些時間下載應(yīng)用程序和瀏覽它們的界面。想要基于Android設(shè)計，必須將自己沉浸在這個環(huán)境里和深入地了解它。這聽起來很廢話，但當(dāng)聽說甚至產(chǎn)品經(jīng)理都沒有Android設(shè)備的時候，你就明白我的意思了。