• <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>
  • Android 應用界面設計方法

    發表于:2012-01-29來源:未知作者:admin點擊數: 標簽:
    Android 應用界面設計方法與 iOS 相比,Android 系統界面存在各種不協調,應用界面本身缺乏統一的規范。雖然 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 的界面,就未必符合任何平臺的既成規范。如果你有開創性的界面,而且能夠保證易用性,不妨去大膽創新,否則,遵循現有的良好規范可能會讓你少走些許彎路。

    原文轉自:http://www.kjueaiud.com

    老湿亚洲永久精品ww47香蕉图片_日韩欧美中文字幕北美法律_国产AV永久无码天堂影院_久久婷婷综合色丁香五月

  • <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>