Android 4.0設計規範10大改變

在拜讀和翻譯了Android design設計指導後，對比Android 4.0與Android2.3及之前版本的app設計指導，總結了Android 4.0設計的10大改變：

1. 導覽列 (詳見模式PATTERNS>導航Navigation)

由之前的物理按鍵導航（返回、菜單、搜尋、首頁）變成了嵌入螢幕的虛擬按鍵（返回、首頁、最近任務）。

 

左側為早期有4個物理按鍵的手機，右側為新版只有3個虛擬按鈕的手機

把功能表項目和搜尋項從導覽列去掉，把之前通過長按首頁鍵才出現的最近任務直接展示在導覽列中。

最近任務的介面

把菜單收合的同時，在軟體介面的操作欄上增加了“更多操作”（action overflow），如中的黃色圓點所示。

黃色圈部分為“更多操作”（action overflow）的位置和點擊後內容的展示方式

2. 操作欄 (詳見模式PATTERNS>操作欄Action bar)

操作欄從之前的app表徵圖＋操作，變成如所示：

1向上＋2 Spinner＋3 重要操作＋4 更多操作。

其中，向上按鈕，點擊後是去到當前介面的上一個層級，非第一層級介面有此按鈕，第一層級介面則無向上按鈕；Spinner 是用於展示內容的下拉式功能表，其內容包括視圖的快速切換和顯示相關內容的完整資訊；更多操作（action overflow）是集合操作欄中不常用的和非重要操作的地方。

操作欄可以拆分成中的1主操作欄、2頂部欄和3底部欄。如果需要，頂部欄可以承載選項卡tabs，底部欄可以承載主要操作和被收合的更多操作（action overflow）。

在空間足夠的橫向螢幕展示介面時，被拆分的操作欄，可以靈活合并在一起。如中的手機端橫豎屏操作欄所示。

3. 多面板布局 (詳見模式PATTERNS>多面板布局Multi-pane layouts)

多面板布局更多的是針對平板電腦，把手機端的目錄檢視和詳情視圖兩個層級的介面，甚至更多的頁面，複合展示在同一個介面中，有效地利用平板電腦的螢幕空間，扁平化層級結構，簡化導航。這點在iPad上已經運用得相當嫻熟了。

 

4. 選擇 (詳見模式PATTERNS>選擇Selection)

Android4.0中的長按與Android2.3及更早期的版本有很大的不同。早期版本長按操作後，是出現情境菜單的浮出層。在Android4.0中，長按後在操作欄的位置會覆蓋一個臨時的情境操作欄，不再彈出情境菜單浮出層。在臨時情境操作欄的環境下，當前介面的內容項允許被單個處理，也允許被批量處理。

 

長按Android2.3及更早期系統版本的內容項時，出現情境菜單的浮出層。

長按Android4.0系統版本的內容項時，情境功能表列覆蓋在操作欄上。

在情境菜單環境下，支援大量操作。

5. 返回和向上 (詳見模式PATTERNS>返回和向上Navigation with Back and Up)

返回按鍵用在手機全域的虛擬導覽列中，基於使用者最近查看的介面曆史，採用時間倒序的方式，串連介面間的關係。向上按鈕用在操作欄的左側，基於層級結構，點擊後是去到當前介面的上一個層級，若當前介面已經是最高一級，則沒有向上按鈕。

黃色部分為點擊向上按鈕後的頁面路徑，紅色部分為點擊返回按鈕後的頁面路徑

6. 主題樣式 (詳見風格STYLE>主題樣式Themes)

推出三套預設主題：Holo淺色主題、Holo深色主題、Holo淺色底+深色操作欄主題。主推app在這三套預設主題的基礎上做設計，以加快app研發效率，但只是建議使用，並沒有完全強制。視覺設計師們可以重點看下STYLE和BUILDING BLOCKS這兩章。

 

7. Widgets (詳見開始吧GET STARTED>UI概覽UI Overview)

在原apps頁裡，用選項卡tabs的方式增加了widgets內容。一改用隱晦方式添加widget的操作和把widgets零散放在案頭呈現的方式。在app設計中，應該提高對widget設計的重視程度。

 

8. 相容性 (詳見模式PATTERNS>相容性Compatibility)

向後相容，考慮到物理導航按鍵手機如何相容Android 4.0系統和虛擬導航手機如何相容Android2.3和更早期版本的apps。

在物理導航按鍵手機上安裝android4.0系統，點擊物理按鍵，在螢幕下方出現action overflow的內容。

在新的虛擬導航手機上安裝為android2.3及更早版本系統設計的app，會在螢幕下方的虛擬導航的右側出現action overflow按鈕（如的黃色部分）。

在新的虛擬導航手機上安裝android4.0，點擊action overflow後的展示狀態如。

9. 強調純粹的Android應用設計 (詳見模式PATTERNS>純粹的Android)

在Android4.0 app設計準則中，特彆強調為Android設計純粹的Android app，切勿使用其他平台特定元素的注意事項，有以下5個方面：

（1）強調視覺元素的樣式要符合android系統；

（2）不用其它平台特有的表徵圖；

（3）不在介面的下方使用選項卡tabs；

（4）區分向上和返回，不在操作欄上使用返回樣式的按鈕；

（5）不在內容列表裡使用向右箭頭。

 

Android系統裡，選項卡（tabs）會固定放在螢幕上方，不會放在下方。這點與ios系統不同。

10. 其它細節

增加許多新的互動細節、資訊展示和視覺樣式等規範，詳細見翻譯。其中，有幾點在此強調下：

（1）新增了橫滑移除內容的互動手勢。在部分模組中，支援向左或向右橫滑移除內容的操作，如最近任務和訊息通知抽屜。

（2）視覺的平面化，柵格風正在4.0中上演。

（3）在writing style中明確指出寫wording時，要直接使用第二人稱“你”。

原文見http://developer.android.com/design/index.html