萬盛學電腦網

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

移動交互設計淺析:Android 4.0 應用界面設計規範與最佳實踐指南

Android 4.0 設計概覽

對比 iOS,Android 系統界面存各種不協調,應用缺乏統一規範。開放性雖賦予自主發揮空間,但系統級標準範例能減少重複造輪子。Android 4.0 起一致性大幅改善,觀察 Google 近期應用設計,可提煉指導性要點,第三方應用亦在採用。

Android 應用不應成 iOS 翻版,那它該長什麼樣?androiduipatterns 網站提出規範性建議,值得參考。

主界面(起始界面)規範

主界面規範圖

採用此模式的三例:Aldiko、Evernote、Google+。
三例主界面

分界面設計

分界面規範

頂部操作欄三段式:最左應用圖標(含返回)→ 點擊回主界面;中部協調配色;最右當前情境可用操作。
分界面實例

列表界面

列表界面規範

大量數據規則化呈現,需清晰概覽。操作欄允許單項/多項操作。優秀案例:Aldiko、Google Mail。注意:選擇框通常在左,但 Aldiko 左側資料夾圖標突出,選擇框移右達平衡。
列表界面實例

載入列表:無限滾動的通用模式

載入列表規範

Twitter 時間線等近無限列表,通用處理:下滑至緩衝區邊界自動加載更多。案例:Android Market、Twitter。
載入列表實例

長按:節省空間的情境菜單

長按交互規範

單項操作交互方式,或非最明顯,但節省空間、符合「情境菜單」理念。案例:Aldiko、Astro 文件管理器、Google+。
長按實例

多選操作:選擇欄 + 底部操作欄

多選模式

列表項側邊加選擇欄,選定多項後屏幕底部出操作欄。
多選操作欄

標籤頁:頂部操作欄下的分類導航

標籤頁規範

Android 4.0 系統進一步突出分類標籤。頂部操作欄下通常有標籤欄,支持點擊或左右滑動切換。案例:Android Market、Google+。
標籤頁實例

結語:規範是基石,創新是昇華

Google 未在界面設太多限制,但隨平台發展,應用界面逐漸形成統一規則是趨勢。不意味著一切必須遵循:如 Path 界面不符任何平台慣例,但若有開創性界面且保證易用性,大膽創新;否則,遵循良好規範能少走彎路。

作者:積木
文章來源:ifanr.com

copyright © 萬盛學電腦網 all rights reserved