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