據(jù)美國科技媒體最新報道,谷歌將推出一個新的設(shè)計語言,統(tǒng)一安卓應(yīng)用的用戶界面設(shè)計,屆時將會出現(xiàn)新的按鈕等界面要素。安卓生態(tài)的用戶界面,將實現(xiàn)類似微軟Metro和iOS的統(tǒng)一。這個消息一出,瞬間傳遍移動互聯(lián)網(wǎng)行業(yè)?梢哉f是震驚APP設(shè)計界的一個重磅新聞。
起碼對于搞安卓界面設(shè)計和安卓開發(fā)的小伙伴們來說,是一個無比的好消息。起碼以后不用為了適配安卓的分辨率而煩惱,只需要做好一套標(biāo)準(zhǔn)的界面設(shè)計就行。前提是按照ios 微軟metro一樣的設(shè)計規(guī)范。
下面我們主要從安卓和iphone的狀態(tài)欄、標(biāo)題欄、導(dǎo)航欄來分析對比
我們先來看看對比圖吧
區(qū)別一:Android和iPhone的狀態(tài)欄
Android和iPhone的狀態(tài)欄均在屏幕頂端的位置,原因無外乎是人的視覺流程是從上到下的。 Android的狀態(tài)欄,具有notification的功用,當(dāng)應(yīng)用程序有新的通知,在狀態(tài)欄左側(cè)顯示通知圖標(biāo),向下滑動即可打開查看通知詳情。 iPhone的狀態(tài)欄,包含了活動狀態(tài)的顯示,比如某進程正在運行,會有個轉(zhuǎn)動的動畫在這里,但是你不能對這個動畫有任何操作。另外,當(dāng)你在瀏覽時,輕擊iPhone狀態(tài)欄,也能起到快速至頂?shù)淖饔谩?個人認為,Android通知系統(tǒng)做得很不錯,貌似后來的Windows Phone7也效仿了此設(shè)計。
區(qū)別二:Android和iPhone標(biāo)題欄
Android是純粹的界面標(biāo)題欄,這里一般無操作響應(yīng)。 而iPhone的標(biāo)題欄,承擔(dān)更多的作用是導(dǎo)航,你能在這里快速后退(Android使用實體按鍵來后退),或是針對此界面進行一些操作。另外,當(dāng)你使用iPhone向下瀏覽界面內(nèi)容時,雙擊標(biāo)題,還起到快速至頂?shù)淖饔谩?/p>
區(qū)別三:Android和iPhone導(dǎo)航欄
Android的標(biāo)簽欄位于界面標(biāo)題之下,一般最多5項,在原生的平臺界面,視覺效果也較丑。 而iPhone的標(biāo)簽欄是明確在屏幕下方的,也是最多5頂。相比于Android,iPhone對狀態(tài)欄的處理顯得很智能。所有顯示圖標(biāo)和文字的標(biāo)簽都是相同的寬度并且顯示黑色背景。當(dāng)標(biāo)簽被選中后,它的背景淡化并且標(biāo)簽中的圖片變亮。 如果應(yīng)用程序的標(biāo)簽欄包含5個以上的標(biāo)簽,iPhone OS會顯示其中的4個并在第5個自動顯示為“更多標(biāo)簽”等等。
區(qū)別四:主界面的按鍵設(shè)計
1)上拉AppDrawer打開程序列表;
2)點擊Menu找一些比較常用的功能;
3)長按桌面來彈出菜單進行更換背景以及添加Widget/Icon到桌面的操作;
4)拉下Notification來查看系統(tǒng)的新消息;
5)左滑和右滑來切換到其他桌面;
6)長按圖標(biāo)進行拖拽;
7)在AppDrawer打開的情況下,長按里面的程序圖標(biāo)來將圖標(biāo)放置在桌面上;
8)點擊圖標(biāo)來打開這個應(yīng)用程序。
仔細考慮下,其實這個桌面應(yīng)用已經(jīng)是一個變形金剛級別的怪獸了(上滑,下滑,左滑,右滑,各個界面的短按,長按,拖拽)。對比下iPhone的桌面設(shè)計,就能看出其中的差距。
所以,筆者認為無論是哪一個平臺的APP應(yīng)用程序設(shè)計,始終需要堅持的觀點是:遵循iOS的設(shè)計規(guī)范,熟知每一個平臺特性,最好與平臺自帶的應(yīng)用程序保持一致的使用體驗。或是更棒的交互體驗效果。加上我們的自己的獨特的創(chuàng)新意識。
總之:在以用戶為中心的基礎(chǔ)上,遵循os設(shè)計規(guī)范等等好的建議。