Android 4.0設計規范 優先導讀 十大改變 (附全文翻譯pdf)
在拜讀和翻譯了 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
快速查閱,Android Design 全文翻譯 下載地址:http://cdc.tencent.com/?download=Android-Design-4.0
Android Design 全文翻譯由 CDC D3 多媒體小組(江寧、張云)出品。