作為智能手機(jī)的最大的兩個陣營，iOS 和 Android 系統(tǒng)差異一向都是大家津津樂道的話題。但在移動端趨勢有如春草那樣蔓延開來的今天，大多數(shù)的公司都選擇把iOS 的界面直接運(yùn)用于 Android 系統(tǒng)。我們自然可以理解這樣做是為了節(jié)省成本和更快的迭代，但抹殺了系統(tǒng)特性的運(yùn)用卻犧牲了許多Android 用戶的用戶體驗。今天這篇文章著重介紹一下兩者最新設(shè)計語言的異同。
整體風(fēng)格對比
IOS：iOS7的Flat Design——是 Mobile 設(shè)計里程碑。原本栩栩如生的擬物化設(shè)計被拍扁，去除了冗余、厚重和繁雜的裝飾效果，變成了“扁平化設(shè)計”，其核心思想就是讓“信息”本身凸顯出來，在設(shè)計元素上則強(qiáng)調(diào)了抽象、極簡和符號化。自此扁平風(fēng)格開始在移動端設(shè)計中廣為盛行。
Android：自從2014年11月3日，Android5.0 Lollipop 正式面向用戶推出，Material Design 煥然一新的設(shè)計驚艷了全場，不僅僅是視覺效果，全新的“數(shù)字紙墨”的空間概念也賦予了界面全新的UI理念。
那么 Flat Design 與 Material Design，兩個同樣趨于簡約的設(shè)計理念，他們具體的區(qū)別又在哪呢？ 以下將會就這個話題具體分析兩者在設(shè)計思路、動效和其他細(xì)節(jié)上的不同。
設(shè)計思路的不同——開發(fā)與封閉
如果只能用一對詞來概括 Android 和 iOS 系統(tǒng)的不同，那應(yīng)該是開放與封閉，也正是這兩個截然不同的系統(tǒng)特性帶來了設(shè)計思路的不同。
Android 的開放帶來了多樣化設(shè)計的同時（使用自定義控件幾乎沒有不能實現(xiàn)的設(shè)計效果），同時也帶來了“雜亂無章”之感和眾多因為不統(tǒng)一而造成的用戶在使用時無從下手的情況。
iOS的 HIG（《Human Interface Guideline》人機(jī)交互規(guī)范）則更多“迫使”設(shè)計師去更多的使用系統(tǒng)原生的控件，設(shè)計師對于控件的修改非常局限，但這樣做的好處就是每個 App
的基本操作都是在規(guī)范之內(nèi)，具有一定的統(tǒng)一性，用戶使用起來非常的方便，學(xué)習(xí)成本也相應(yīng)降低了不少。這兩者很難去評判孰優(yōu)孰劣，可以說“iOS 的下限比 Android 高，但 Android 的上限比 iOS 高”，伴隨著大屏?xí)r代的腳步，可以看到雙方都在努力靠近彼此的一個趨勢，相信在不久的將來，就可以達(dá)到一種“和而不同”的平衡。
動效展現(xiàn)原理不同——換個角度理解世界
現(xiàn)在動效的運(yùn)用已經(jīng)成為了許多 APP的標(biāo)配，合理的動效不僅僅是為了視覺效果上的“酷炫”，更是幫助用戶更好的理解層級、轉(zhuǎn)場關(guān)系和關(guān)注到重點(diǎn)信息的利器。然而細(xì)心的設(shè)計師會發(fā)現(xiàn)，Android
和 iOS 的動效思路是截然不同的。用一句話概括兩邊設(shè)計語言的物理模型就是：Material Design 運(yùn)用的是機(jī)械物理和電磁物理，而iOS 的動效更多建立在鏡頭運(yùn)動和景深變化上。究其設(shè)計語言的本質(zhì)就是讓用戶可以把客觀經(jīng)驗移植到界面的一種思路。
Material Design 的隱喻是紙張，用戶的手指就像磁鐵一樣把電子紙墨吸引過來，點(diǎn)擊后就會泛起“漣漪”作為一個交互響應(yīng)。而其他物體的排列則按照一種“深淺”的層級來排布，離手指越近的元素越亮，陰影越深，而離開遠(yuǎn)的元素則越暗，直至淹沒在黑暗之中。
細(xì)觀 iOS 的系統(tǒng)動效可以發(fā)現(xiàn)，iOS 的桌面就好像一片星空，每個 App 都是其中的一個小星星（點(diǎn)），每當(dāng)用戶去點(diǎn)擊，鏡頭就會切近，而背景則是隱入了一片高斯模糊的景深之中，這應(yīng)該是每個 iOS 用戶最深刻的動效體驗之一了。高斯模糊也成為了 iOS 特有的一個表達(dá)層級關(guān)系的利器（其中不僅是模糊，還存在著鏡頭晃動時的位移）。
同樣類型的動效還體現(xiàn)在打開 APP 的時候由一個點(diǎn)放大成一個面，包括“日歷”App 和“相冊”App（皆為系統(tǒng)應(yīng)用）中年-日-月切換的操作，均是鏡頭思路的表現(xiàn)形式。
無論是哪種動效，本質(zhì)上都是幫助用戶更好的理解界面信息在時間和空間上的關(guān)系。
其他設(shè)計形式——和而不同
（1）Tab bar的設(shè)計
iOS的Tab放在頁面底部，通常通過點(diǎn)擊來切換。Android一般放在頁面頂端，可以通過滑動頁面來切換Tab，當(dāng)然Tab可以點(diǎn)擊切換。Tab多的話，Tab本身也可以滑動。
單條item的操作
iOS單條item的操作有兩種，點(diǎn)擊和滑動，點(diǎn)擊一般進(jìn)入新的頁面，滑動會出現(xiàn)對這條item的一些常用編輯操作，如微信里滑動一條訂閱號，會出現(xiàn)取消關(guān)注和刪除。
Android中，單條item的操作也有兩種，點(diǎn)擊和長按，點(diǎn)擊一般進(jìn)入新的頁面。長按進(jìn)入一個編輯模式，可以在里面進(jìn)行批量和其他一個操作，比如刪除，頂置等等。
字體
iPhone上的字體英文為：HelveticaNeue 。iOS9之后變?yōu)?b>蘋方字體，該字體提供了6種字重。分別為：常規(guī)體、極細(xì)體、細(xì)體、纖細(xì)體、中黑體、中粗體。使用不同字重，更加界面上不同層級信息的表達(dá)。
Android 上的字體為：Droid sans fallback，是谷歌自己的字體，與微軟雅黑很像。
規(guī)范與用戶習(xí)慣的平衡
最后談一談微信，這個用戶量級重達(dá)10億的APP，他們是如何在Android和iOS的設(shè)計版本中平衡規(guī)范與用戶習(xí)慣的。
微信的tab導(dǎo)航，iOS和Android端依然是保持一致，都放在底部的。其實在Android4.0時期，微信出過一個嚴(yán)格按照android規(guī)范的版本，把導(dǎo)航放在里側(cè)滑里，但是隨著用戶使用習(xí)慣的逐漸被固化，發(fā)現(xiàn)很多常用的功能是不適合放在側(cè)滑里的。所以后來的微信android版，還是把主導(dǎo)航放在了底部。只是在單條item的操作、輸入框的樣式等細(xì)節(jié)上按照android的規(guī)范來做。
總結(jié)
做設(shè)計，既要借鑒官方、行業(yè)主流的設(shè)計形式，更要分析和總結(jié)別人設(shè)計形式背后的邏輯。官方、主流設(shè)計已經(jīng)將用戶的認(rèn)知和使用習(xí)慣培養(yǎng)起來了。
正如交互之父Alan? Cooper所說：如果你找不到更好的設(shè)計方案，就按照目前的標(biāo)準(zhǔn)來做，強(qiáng)打差異化有違用戶習(xí)慣的，可能這對用戶價值是有傷害的。這就是最后要用微信為載體對比iOS和Android兩大系統(tǒng)的差異。設(shè)計的目的在于提供適當(dāng)場景的解決方案，當(dāng)目前市場的解決方案都滿足不了現(xiàn)有的業(yè)務(wù)需求，我們就要學(xué)會創(chuàng)造，但是在創(chuàng)造過程中最好依據(jù)現(xiàn)有標(biāo)準(zhǔn)設(shè)計來改變與創(chuàng)造。
