萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

Android 4.0 設計規範十大變革:從導航欄到純粹 Android 風格

對比 Android 2.3,4.0 設計指導的十大核心變化

1. 導航欄:物理鍵→虛擬鍵,菜單/搜索移出,最近任務直達

早期 4 物理鍵(返回、菜單、搜索、主頁)→ 3 虛擬鍵(返回、主頁、最近任務)。菜單項與搜索移出導航欄,長按主頁才現的最近任務直接展示。菜單收攏至操作欄「更多操作」(Action Overflow,黃點圖標)。

2. 操作欄:結構重組,支援拆分與合併

從 App 圖標+操作 → 向上+Spinner+重要操作+更多操作。
向上:返回上一層級(非頂層顯示);Spinner:視圖切換/完整信息下拉;更多操作:收納非重要操作。
可拆分為主操作欄、頂部欄(承載 Tab)、底部欄(主要操作+更多操作)。橫屏寬屏下靈活合併。

3. 多面板佈局:平板專屬,扁平化層級

手機端目錄+詳情兩層級,平板端復合展示同一界面,有效利用大屏空間,扁平化導航。iPad 已成熟應用。

4. 選擇模式:長按觸發情境操作欄,支援批量處理

2.3 長按彈出情境菜單浮層;4.0 長按覆蓋操作欄顯示臨時情境操作欄,內容項支援單個/批量處理。

5. 返回 vs 向上:兩條導航邏輯並行

返回:全局虛擬導航欄,基於時間倒序歷史記錄;向上:操作欄左側,基於層級結構回父級。頂層無向上按鈕。圖示清晰區分兩者路徑差異。

6. 主題樣式:三套 Holo 默認主題

Holo Light、Holo Dark、Holo Light with Dark Action Bar。建議基於此三套設計加速開發,非強制。視覺設計師重點關注 STYLE 與 BUILDING BLOCKS 章節。

7. Widgets:從隱晦到 Tab 顯式入口

Apps 頁新增 Widgets Tab,改變隱晦添加與桌面零散呈現方式,提升 Widget 設計重視度。

8. 兼容性:雙向兼容策略

物理鍵手機裝 4.0 → 點擊物理鍵彈出 Action Overflow;虛擬鍵手機裝 2.3 App → 虛擬導航右側出現 Action Overflow 按鈕;虛擬鍵手機裝 4.0 → 點擊 Action Overflow 正常展開。

9. 強調純粹 Android 設計:五大禁忌

  1. 視覺元素風格須符合 Android 系統
  2. 禁用其他平台專有圖標
  3. 界面底部禁用 Tab
  4. 區分向上/返回,操作欄禁用返回風格按鈕
  5. 內容列表禁用向右箭頭

10. ……(內容截斷,第十項通常涉及觸控反饋、動畫規範或無障礙設計等)

copyright © 萬盛學電腦網 all rights reserved