天天看點

Android 應用程式界面設計建議[轉載]

與 iOS 相比,Android 系統界面存在各種不協調,應用界面本身缺乏統一的規範。雖然 Android 的開放性為應用的自主發揮帶來了最大的可能性,但如果系統本身能夠提供标準的範例,也未必是一件壞事,畢竟許多應用并不一定需要獨創的界面。從 Android 4.0 開始,系統界面在一緻性上有了許多改善,那麼 Android 應用的界面應該如何設計?如果你仔細觀察 Google 近期的一系列應用上的設計,應該能發現在一些指導性的要點,而這些設計也正在被第三方應用采用。

Android 應用不應該成為 iOS 應用的翻版,那麼它應該是什麼樣子?androiduipatterns 網站針對 Android 應用的界面設計提出了一些規範性的建議,值得參考。

主界面

應用的主界面(起始界面)應該是什麼樣子?看下面這個規範圖。

什麼應用使用這樣的起始界面呢?看這三個例子: Aldiko、Evernote 和 Google+。

分界面

進入應用的分界面之後如何設計?看下面這個範例。

上面一行是操作欄:最左邊是應用圖示(或許包括後退鍵),點選回到起始界面;中間部分主要考慮與應用協調的配色;最右邊是目前情景下可進行的操作。看下面的例子。

清單界面

應用可能需要處理大量的資料,而清單則是将資料規則化呈現的一種方式。清單界面應該足夠清晰,為使用者提供一個好的概覽,同時,清單界面的操作欄應該允許使用者對清單進行單項或多項操作。

兩個比較好的範例是 Aldiko 和 Google Mail。需要注意的是,清單的選擇框通常是在左邊,但是在 Aldiko 中,檔案夾圖示在左邊非常突出,于是 Aldiko 選擇框放在了右邊,達到界面上的一種平衡。

載入清單

應用可能需要處理大量的資訊,比如 Twitter 的時間線。對于使用者來說,這意味着清單長度幾乎是無盡的。目前,許多應用已經采用了比較通用的處理方法,當下滑到清單已緩沖條目下部的邊界時,自動加載更多的資訊。

下面是兩個例子:Android Market 和 Twitter。

長按

對某個單項資訊進行操作,一種互動方式是長按。這也許不是最明顯的操作,但是節省螢幕空間,也很符合“情景菜單”的理念。

下面的三個例子:Aldiko、Astro 檔案管理器和 Google+。

多選操作

對清單進行多選操作,最好在清單上的項目一側增加選擇欄,如下圖。

當你標明了多個項目後,螢幕下方給出操作欄。

标簽

從 Android 4.0 開始,系統進一步突出了分類标簽。在頂部操作欄的下面,通常會有一個标簽欄,你可以點選或者左右滑動,如下圖。

兩個例子:Android Market 和 Google+。

雖然 Google 并沒有在界面上給出太多限制,但是随着 Android 平台的發展,應用逐漸形成一套統一的規則和界面應該是一個趨勢。這是否意味着一切應用必須遵循規範呢?那倒也未必。比如 Path 的界面,就未必符合任何平台的既成規範。如果你有開創性的界面,而且能夠保證易用性,不妨去大膽創新,否則,遵循現有的良好規範可能會讓你少走些許彎路。