[設(shè)計(jì)規(guī)范] [用戶體驗(yàn)]
封面用研原創(chuàng)文章：王蔣艷
作為智能手機(jī)的最大的兩個陣營楷怒，iOS 和 Android 系統(tǒng)差異一向都是大家津津樂道的話題。在一個設(shè)計(jì)師眼里樟结，這兩個系統(tǒng)的差異性之多可遠(yuǎn)遠(yuǎn)不止表面上看起來的那么簡單粗暴紊服。但在移動端趨勢有如春草那樣蔓延開來的今天牢硅，大多數(shù)的公司都選擇把iOS 的界面直接運(yùn)用于 Android 系統(tǒng)。我們自然可以理解這樣做是為了節(jié)省成本和更快的迭代剥啤，但抹殺了系統(tǒng)特性的運(yùn)用卻犧牲了許多Android 用戶的用戶體驗(yàn)锦溪。本文著重介紹一下兩者最新設(shè)計(jì)語言的異同。
整體風(fēng)格對比
iOS：iOS7的Flat Design——是 Mobile 設(shè)計(jì)里程碑府怯。原本栩栩如生的擬物化設(shè)計(jì)被拍扁刻诊，去除了冗余、厚重和繁雜的裝飾效果牺丙，變成了“扁平化設(shè)計(jì)”则涯，其核心思想就是讓“信息”本身凸顯出來，在設(shè)計(jì)元素上則強(qiáng)調(diào)了抽象冲簿、極簡和符號化是整。自此扁平風(fēng)格開始在移動端設(shè)計(jì)中廣為盛行。
Android：自從2014年11月3日民假，Android5.0 Lollipop 正式面向用戶推出浮入，Material Design 煥然一新的設(shè)計(jì)驚艷了全場，不僅僅是視覺效果羊异，全新的“數(shù)字紙墨”的空間概念也賦予了界面全新的UI理念事秀。
那么 Flat Design 與 Material Design彤断，兩個同樣趨于簡約的設(shè)計(jì)理念，他們具體的區(qū)別又在哪呢易迹？ 以下將會就這個話題具體分析兩者在設(shè)計(jì)思路宰衙、動效和其他細(xì)節(jié)上的不同。
1.設(shè)計(jì)思路的不同——開發(fā)與封閉
如果只能用一對詞來概括 Android 和 iOS 系統(tǒng)的不同睹欲，那應(yīng)該是開放與封閉供炼，也正是這兩個截然不同的系統(tǒng)特性帶來了設(shè)計(jì)思路的不同。
Android 的開放帶來了多樣化設(shè)計(jì)的同時（使用自定義控件幾乎沒有不能實(shí)現(xiàn)的設(shè)計(jì)效果）窘疮，同時也帶來了“雜亂無章”之感和眾多因?yàn)椴唤y(tǒng)一而造成的用戶在使用時無從下手的情況袋哼。
iOS的 HIG（《Human Interface Guideline》人機(jī)交互規(guī)范）則更多“迫使”設(shè)計(jì)師去更多的使用系統(tǒng)原生的控件，設(shè)計(jì)師對于控件的修改非常局限闸衫，但這樣做的好處就是每個 App的基本操作都是在規(guī)范之內(nèi)涛贯，具有一定的統(tǒng)一性，用戶使用起來非常的方便蔚出，學(xué)習(xí)成本也相應(yīng)降低了不少弟翘。這兩者很難去評判孰優(yōu)孰劣，可以說“iOS 的下限比 Android 高骄酗，但 Android 的上限比 iOS 高”稀余，伴隨著大屏?xí)r代的腳步，可以看到雙方都在努力靠近彼此的一個趨勢趋翻，相信在不久的將來滚躯，就可以達(dá)到一種“和而不同”的平衡。
2.動效展現(xiàn)原理不同——換個角度理解世界
現(xiàn)在動效的運(yùn)用已經(jīng)成為了許多 APP的標(biāo)配嘿歌，合理的動效不僅僅是為了視覺效果上的“酷炫”，更是幫助用戶更好的理解層級茁影、轉(zhuǎn)場關(guān)系和關(guān)注到重點(diǎn)信息的利器宙帝。然而細(xì)心的設(shè)計(jì)師會發(fā)現(xiàn)，Android和 iOS 的動效思路是截然不同的募闲。用一句話概括兩邊設(shè)計(jì)語言的物理模型就是：Material Design 運(yùn)用的是機(jī)械物理和電磁物理步脓，而iOS 的動效更多建立在鏡頭運(yùn)動和景深變化上。究其設(shè)計(jì)語言的本質(zhì)就是讓用戶可以把客觀經(jīng)驗(yàn)移植到界面的一種思路浩螺。
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 用戶最深刻的動效體驗(yàn)之一了。高斯模糊也成為了 iOS 特有的一個表達(dá)層級關(guān)系的利器（其中不僅是模糊通熄，還存在著鏡頭晃動時的位移）唆涝。
同樣類型的動效還體現(xiàn)在打開 APP 的時候由一個點(diǎn)放大成一個面，包括“日歷”App 和“相冊”App（皆為系統(tǒng)應(yīng)用）中年-日-月切換的操作助泽，均是鏡頭思路的表現(xiàn)形式啰扛。
無論是哪種動效，本質(zhì)上都是幫助用戶更好的理解界面信息在時間和空間上的關(guān)系嗡贺。
3.其他設(shè)計(jì)形式——和而不同
Tab bar的設(shè)計(jì)
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)樘O方字體技掏，該字體提供了6種字重。分別為：常規(guī)體项鬼、極細(xì)體哑梳、細(xì)體、纖細(xì)體绘盟、中黑體鸠真、中粗體。使用不同字重龄毡，更加界面上不同層級信息的表達(dá)吠卷。
Android 上的字體為：Droid sans fallback，是谷歌自己的字體沦零，與微軟雅黑很像祭隔。
4. 規(guī)范與用戶習(xí)慣的平衡
最后談一談微信，這個用戶量級重達(dá)10億的APP路操，他們是如何在Android和IOS的設(shè)計(jì)版本中平衡規(guī)范與用戶習(xí)慣的疾渴。
微信的tab導(dǎo)航，IOS和Android端依然是保持一致屯仗，都放在底部的搞坝。其實(shí)在Android4.0時期，微信出過一個嚴(yán)格按照android規(guī)范的版本魁袜，把導(dǎo)航放在里側(cè)滑里桩撮，但是隨著用戶使用習(xí)慣的逐漸被固化，發(fā)現(xiàn)很多常用的功能是不適合放在側(cè)滑里的峰弹。所以后來的微信android版店量，還是把主導(dǎo)航放在了底部。只是在單條item的操作鞠呈、輸入框的樣式等細(xì)節(jié)上按照android的規(guī)范來做融师。
總結(jié)
做設(shè)計(jì)，既要借鑒官方粟按、行業(yè)主流的設(shè)計(jì)形式，更要分析和總結(jié)別人設(shè)計(jì)形式背后的邏輯霹粥。官方灭将、主流設(shè)計(jì)已經(jīng)將用戶的認(rèn)知和使用習(xí)慣培養(yǎng)起來了。
正如交互之父Alan? Cooper所說：如果你找不到更好的設(shè)計(jì)方案后控，就按照目前的標(biāo)準(zhǔn)來做庙曙，強(qiáng)打差異化有違用戶習(xí)慣的，可能這對用戶價(jià)值是有傷害的浩淘。這就是最后要用微信為載體對比iOS和Android兩大系統(tǒng)的差異首启。設(shè)計(jì)的目的在于提供適當(dāng)場景的解決方案旨指，當(dāng)目前市場的解決方案都滿足不了現(xiàn)有的業(yè)務(wù)需求破讨，我們就要學(xué)會創(chuàng)造，但是在創(chuàng)造過程中最好依據(jù)現(xiàn)有標(biāo)準(zhǔn)設(shè)計(jì)來改變與創(chuàng)造洼怔。
