Android 應(yīng)用界面設(shè)計(jì)
![](http://image.woshipm.com/wp-files/img/84.jpg)
與 iOS 相比,Android 系統(tǒng)界面存在各種不協(xié)調(diào),應(yīng)用界面本身缺乏統(tǒng)一的規(guī)范。雖然 Android 的開放性為應(yīng)用的自主發(fā)揮帶來(lái)了最大的可能性,但如果系統(tǒng)本身能夠提供標(biāo)準(zhǔn)的范例,也未必是一件壞事,畢竟許多應(yīng)用并不一定需要獨(dú)創(chuàng)的界面。從 Android 4.0 開始,系統(tǒng)界面在一致性上有了許多改善,那么 Android 應(yīng)用的界面應(yīng)該如何設(shè)計(jì)?如果你仔細(xì)觀察 Google 近期的一系列應(yīng)用上的設(shè)計(jì),應(yīng)該能發(fā)現(xiàn)在一些指導(dǎo)性的要點(diǎn),而這些設(shè)計(jì)也正在被第三方應(yīng)用采用。
Android 應(yīng)用不應(yīng)該成為 iOS 應(yīng)用的翻版,那么它應(yīng)該是什么樣子?androiduipatterns 網(wǎng)站針對(duì) Android 應(yīng)用的界面設(shè)計(jì)提出了一些規(guī)范性的建議,值得參考。
主界面
應(yīng)用的主界面(起始界面)應(yīng)該是什么樣子?看下面這個(gè)規(guī)范圖。
什么應(yīng)用使用這樣的起始界面呢?看這三個(gè)例子: Aldiko,Evernote 和 Google+。
分界面
進(jìn)入應(yīng)用的分界面之后如何設(shè)計(jì),看下面這個(gè)范例。
上面一行是操作欄:最左邊是應(yīng)用圖標(biāo)(或許包括后退鍵),點(diǎn)擊回到起始界面;中間部分主要考慮于應(yīng)用協(xié)調(diào)的配色;最右邊是當(dāng)前情景下可進(jìn)行的操作。
看下面的例子
列表界面
應(yīng)用可能需要處理大量的數(shù)據(jù),而列表則是將數(shù)據(jù)規(guī)則化呈現(xiàn)的一種方式。列表界面應(yīng)該足夠清晰,為用戶提供一個(gè)好的概覽,同時(shí),列表界面的操作欄應(yīng)該允許用戶對(duì)列表進(jìn)行單項(xiàng)或多項(xiàng)操作。
兩個(gè)比較好的范例是 Aldiko 和 Google Mail。需要注意的是,列表的選擇框通常是在左邊,但是在 Aldiko 中,文件夾圖標(biāo)在左邊非常突出,于是 Aldiko 選擇框放在了右邊,達(dá)到界面上的一種平衡。
載入列表
應(yīng)用可能需要處理大量的信息,比如 Twitter 的時(shí)間線。對(duì)于用戶來(lái)說(shuō),這意味著列表長(zhǎng)度幾乎是無(wú)盡的。目前,許多應(yīng)用已經(jīng)采用了比較通用的處理方法,當(dāng)下滑到列表已緩沖條目下部的邊界時(shí),自動(dòng)加載更多的信息。
下面是兩個(gè)例子: Android Market 和 Twitter。
長(zhǎng)按
對(duì)某個(gè)單項(xiàng)信息進(jìn)行操作,一種交互方式是長(zhǎng)按。這也許不是最明顯的操作,但是節(jié)省屏幕空間,也很符合“情景菜單”的理念。
下面的三個(gè)例子:Aldiko,Astro 文件管理器和 Google+。
多選操作
對(duì)列表進(jìn)行多選操作,最好在列表上的項(xiàng)目一側(cè)增加選擇欄,如下圖:
當(dāng)你選定了多個(gè)項(xiàng)目后,屏幕下方給出操作欄。
標(biāo)簽
從 Android 4.0 開始,系統(tǒng)進(jìn)一步突出了分類標(biāo)簽。在頂部操作欄的下面,通常會(huì)有一個(gè)標(biāo)簽欄,你可以點(diǎn)擊或者左右滑動(dòng),如下圖
Android Market 和 Google+ 是兩個(gè)例子
雖然 Google 并沒(méi)有在界面上給出太多限制,但是隨著 Android 平臺(tái)的發(fā)展,應(yīng)用界面逐漸形成一套統(tǒng)一的規(guī)則和界面應(yīng)該是一個(gè)趨勢(shì)。這是否意味著一切應(yīng)用必須遵循規(guī)范呢?那倒也未必。比如 Path 的界面,就未必符合任何平臺(tái)的既成規(guī)范。如果你有開創(chuàng)性的界面,而且能夠保證易用性,不妨去大膽創(chuàng)新,否則,遵循現(xiàn)有的良好規(guī)范可能會(huì)讓你少走些許彎路。
來(lái)源:http://www.ifanr.com/65085
- 目前還沒(méi)評(píng)論,等你發(fā)揮!