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