Android平板電腦設計：螢幕流建立與設計布

　　UI元素

　　如同大家所想的那樣，Android系統竭盡全力把一切做的與它的競爭者相反(這叫做差異化!)。Honeycomb有其自己的UI規範，並且它現在有一種新的“全息UI”視覺語言，用於諸如選擇時間日期、選擇一個選項，設定音量等日常操作中。瞭解這種UI語言對建立螢幕流和設計布局至關重要。

　　UI元素的採樣，來自Google I/O 2011簡報的一頁投影片

　　字型

　　iPad4.3可以使用多少種字型?答案是57種。

　　Android多少種?只有3種。

　　是的，它們是 Droid Sans， Droid Serif and Droid Sans Mono.然而有積極的一方面。雖然平台只有這三種字型，但開發人員可以自由地將其他字型綁定他們的應用程式。

　　什麼相同?

　　對iPad已經熟悉的設計師是幸運的，這兩個平台有一些相似之處。

　　觸控手勢

　　點擊、雙擊、滑動、拖動、收縮、旋轉和任意滾動。

　　分割檢視和多窗格使用者介面

　　分割檢視是平板電腦中最常見的布局之一。它由兩個並排的窗格組成。當然，你可以為更加複雜的布局增加窗格。

　　Ustream的分割檢視，類別選項在左，內容在右。

　　嵌入式多媒體

　　兩個平台都允許嵌入音頻、視頻和地圖。

　　Youtube 應用程式，具有嵌入式視頻播放器。

　　剪貼簿

　　支援應用程式內外的資訊複製和粘貼。

　　拖放

　　兩個平台都有拖放功能。

　　Gmail應用程式中的拖放特性

　　設計模式

　　Honeycomb沿用了很多在Android 2.0中引入的設計模式，並擴充了它們。如果你對設計模式不熟悉，正如Android中定義的，它們是一種“應對反覆出現的問題的一般性解決方案”。設計模式是Android維護者設計的關鍵的使用者介面規範，意圖是助於使用者體驗的一致性、給予設計師和開發人員一個工作模板。它們是可以定製的，所以沒有必要擔憂。

　　如前所述，操作欄是Android 使用者介面中最為突出的組成部分，也是這裡的重點所在。

　　日曆應用程式中被高亮顯示的操作欄

　　表徵圖或標誌

　　表徵圖或標誌在操作欄的最左邊。它是可操作的;點擊後使用者被帶到應用程式的首頁螢幕。

　　日曆應用程式的表徵圖

　　導航

　　下面，我們找了幾種典型的導航形式，下拉式功能表形式或標籤菜單形式。Honeycomb使用一個三角圖形指示下拉式功能表，並為標籤提供了一系列的底線;底線通常佔據大多數操作欄的自身空間。

　　左箭頭也可能出現在表徵圖或標誌抑或標籤的左側，用作返回導航或者取消主要操作。

　　三種不同形式的操作欄導航

　　常用操作

　　常用操作，顧名思義，就是給使用者類似搜尋、分享和溢出菜單的東西。它們總是被放置在操作欄的右側，遠離任何標籤。

　　日曆應用程式中的常用操作

　　溢出菜單

　　溢出菜單是常見操作組的一部分，有時候會被一根垂直的線分隔開。這個位置放置多種功能表項目，比如設定、協助和反饋。

　　一個溢出菜單

　　搜尋

　　搜尋也是常見操作組的一部分。搜尋的獨特性在於它的展開和收縮動作。點擊搜尋表徵圖後搜尋方塊展開讓你輸入查詢關鍵詞。點擊“×”取消搜尋，此時搜尋方塊收縮，又變成單個按鈕的狀態。這是在有很多操作鍵或表徵圖需要展示的情況下節約顯示空間的一種方法。

　　搜尋功能收縮狀態(上方的圖)和展開狀態(下方的圖)。點擊放大鏡展開搜尋方塊，點擊“×”關閉搜尋方塊。

　　語境操作

　　當某個項目被選中的時候，語境操作會改變操作欄的格式，展示出的選項不同於其他項目。例如，照片應用程式正在展示縮圖，一旦一張圖片被選中，操作欄就可能發生變化，為編輯這張圖片提供語境操作。

　　使用者可以點擊“取消”或操作欄中的“完成”來退出語境操作欄。

　　Gmail 應用程式中，點擊和選中郵件的時候就會觸發語境操作欄

　　[譯者註：本人英語水平實在有限，而文章專業詞彙又過多，翻譯失實之處請指正。謝謝!]

　　本文編譯自一葉苦雨，原文地址。

        系列文章：

        Android平板電腦設計：做得像iPad就行嗎？

　　譯文出處：thinkingrain.lofter.com