iOS，Android，WindowsPhone交互設(shè)計的差異
來源: 百度空間-可風(fēng)
iOS，Android，WindowsPhone是現(xiàn)在移動互聯(lián)網(wǎng)上面主流的三個平臺了，我也都分別參與過這三個平臺的設(shè)計。在設(shè)計的過程中，因為這三個平臺的不同特性，往往要角色切換，不斷的換位思維?？赡苄率趾屯庑腥擞X得iOS和Android沒什么區(qū)別，有的甚至拿Android直接照抄iOS設(shè)計就可以了。還有一些人可能對WindowsPhone平臺一直覺得魔幻無比，但就是找不到應(yīng)該如何下手。今天我總結(jié)了一下這三個平臺之間交互設(shè)計上的差異性，在開展交互設(shè)計的過程中，必須要注意的問題：
一、布局形式的差異
iOS經(jīng)典的“tab bar”
在iOS應(yīng)用內(nèi)如果要切換不同的模塊，或者頁面內(nèi)要切換不同的欄目，往往都會用到“tab bar”這一形式的控件。這個經(jīng)典設(shè)計從iOS早期沿用至今，大部分iOS應(yīng)用都是這樣設(shè)計的。當(dāng)然，ios本身是很包容的，最近也很流行抽屜式導(dǎo)航。但是tab bar一直是最受歡迎也最好被用戶認知的方式：
Android提供了2種視圖控制方式
在Android4.0規(guī)范出來之后，Android提出了2種視圖控制方式，一種是直接在導(dǎo)航欄的標(biāo)題下加入一個觸控按鈕，點擊后會彈出切換欄目的菜單
（圖中2標(biāo)注的位置）
（比如日歷應(yīng)用點擊后可以切換不同的視圖）
另外一種是直接在導(dǎo)航欄的下面加入了一個視圖控制欄，和iOS的tab bar很像，不過是僅放在了上面，而且提倡支持手勢滑動切換：
（圖中2標(biāo)注位置）
WindowsPhone的創(chuàng)新
WindowsPhone與上面兩個平臺就差距很大了，因為WindowsPhone獨特的MetroUI提倡回歸傳統(tǒng)的閱讀體驗，像瀏覽報紙和雜志一樣瀏覽手機上的內(nèi)容，更關(guān)注與內(nèi)容而不是修飾。所以WindowsPhone整體都給人一種像在看雜志的感覺。
WindowsPhone的視圖控制通過一種叫做“全景視圖”的方式展開
實際上，4個視圖的內(nèi)容是在一個頁面上的，而且是一個頁面同時加載的。用戶的手機默認只顯示第一屏的內(nèi)容，通過滑動把后面的內(nèi)容拉出來~
這種視圖方式很創(chuàng)新，而且方便閱讀，不得不說瀏覽的體驗好了很多。但是需要注意的是：
2）對交互設(shè)計過程中的排版和視覺提出了很高的要求；（你得提前想好怎么布局好看了）
另外，WindowsPhone還提供了一種叫做樞軸的方式，樞軸和iOS的tab bar相差不是很大，只不過完全是通過滑動來切換欄目的：
（樞軸布局）
二、導(dǎo)航邏輯的差異
大家都知道iOS是沒有實體返回按鍵的，所有返回都是通過導(dǎo)航欄的back按鈕來完成。
在iOS的導(dǎo)航邏輯中，我們可以明顯的看出來，整個程序是一頁一頁的切換，就像一個幻燈片。而返回按鈕也就是切換到上一頁。所以，iOS的返回控制的是頁面。
但是Android和WindowsPhone就不是這樣了，Android和WindowsPhone是有物理返回按鈕的，點擊物理返回按鈕，控制的不光是一個頁面，而且包括了上一步的操作，比如說：
進入頁面A，點擊文本框彈出鍵盤。那么點擊返回按鍵就是 - 收起鍵盤
需要特意提一下的是：WindowsPhone的返回邏輯不單限于應(yīng)用內(nèi)，還影響到應(yīng)用之間。也就是說你當(dāng)前正在桌面，再點擊一次back，就會進入你上一次打開的應(yīng)用。
另外在Android4.0中，提出了一個向上的概念，就是導(dǎo)航欄標(biāo)題前面的一個小箭頭，點擊這個箭頭，是回到該頁面的上一個層級：
三、應(yīng)用之間聯(lián)系的差異
眾所周知，iOS是一個封閉的系統(tǒng)，而Android是一個開放的系統(tǒng)。我們可以比喻iOS每一個應(yīng)用都是一個小房間，每個應(yīng)用都在自己的房間里做自己的事情，互相之間不進行任何來往。而Android則是一個大大的辦公區(qū)，每個應(yīng)用雖然也有自己的工位，但是可以互相串門或者借用東西，而WindowsPhone則遵循著和iOS差不多的方式。到了iOS6的時候可以支持應(yīng)用直接互相跳轉(zhuǎn)了，但那也僅限于你跳出去了，就不再回來了，也就是說到了那個房間你就是那個房間的人了，與之前的房間沒有關(guān)聯(lián)了。
這樣的差異意味著，iOS和WindowsPhone應(yīng)用的權(quán)限變得很低，身為應(yīng)用的你既不能修改系統(tǒng)的一些屬性（除非越獄了），也不能修改其他應(yīng)用的內(nèi)容。而Android的一款應(yīng)用不但可以控制系統(tǒng)的一些操作，還可以控制其他應(yīng)用執(zhí)行某些特定的操作。
這種差異會讓安卓上的應(yīng)用設(shè)計有了更多的可能，身為設(shè)計師的你可以根據(jù)這一特性設(shè)計很多不錯的功能，比如系統(tǒng)美化或者系統(tǒng)優(yōu)化，殺毒，攔截電話等功能，而iOS和WindowsPhone就不能。
四、多任務(wù)的差異
多任務(wù)的差異用一句話來形容就是：iOS和WindowsPhone都是假的多任務(wù)，而Android是真的多任務(wù)。
五，分辨率的差異
適配一直是Android很頭痛的問題，身為前端往往要為不同的分辨率調(diào)效果而保證界面不會變形和模糊。而分辨率問題不僅僅影響視覺這一塊，對交互設(shè)計也有很大的影響。因為這些手機往往屏幕比例也是不同的，你需要考慮不同的長寬比下，你的界面布局應(yīng)該是怎樣的。
iOS和WindowsPhone就會好很多。iOS分辨率分為320x480，640x960，640x1136，WindowsPhone分辨率分為480x800，720x1280,768x1280，雖然看起來也蠻多的，但是界面的比例基本上沒有什么變化。所以對于交互上的布局影響并不是很大，視覺設(shè)計師也可以通過腳本縮小裁圖簡單的解決問題。
六，設(shè)計風(fēng)格的差異
設(shè)計風(fēng)格是這3個客戶端自己獨特的個性，設(shè)計風(fēng)格不單影響的是視覺設(shè)計的層面，對交互設(shè)計也非常的重要。尤其是在考慮動效，擬物化交互的時候需要重視。
iOS的設(shè)計風(fēng)格偏向擬物化風(fēng)格，這個擬物化不光是視覺上做出很多擬物的小按鈕小控件的，為了配合視覺，你往往在交互上也可以加一些生動有趣的內(nèi)容。
比如說像最新的path，進入商店時遮陽板會有一個收起的效果，小卡片也會根據(jù)重力感應(yīng)而搖擺。如果交互上就能體現(xiàn)出平臺的設(shè)計風(fēng)格的話，無疑會非常討好用戶，增加產(chǎn)品細節(jié)上的亮點。
Android平臺就簡單一些了，在整體的布局和交互形式和iOS差不多的情況下，盡量的簡潔，呈現(xiàn)一種科幻的風(fēng)格即可以了。Android平臺盡量少用擬物化的動效，因為Android系統(tǒng)對于動畫效果的渲染比較差，如果太復(fù)雜的話可能會讓界面非常的卡。
WindowsPhone平臺則有著很大的不同，MetroUI的理念要求設(shè)計者更多的考慮如何展現(xiàn)內(nèi)容，使用平滑的過渡動畫。而且還對設(shè)計者的排版和平面設(shè)計提出了一些考驗。所以建議交互設(shè)計的人好好讀讀WindowsPhone界面設(shè)計準(zhǔn)則，并且平時就積累一些WindowsPhone界面的視覺界面感覺，不然視覺設(shè)計師很可能會埋怨你哦！~
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
全部評論（1條）