iOS 和 Android 設(shè)計(jì)規(guī)范對比
作為移動端兩大主流系統(tǒng)，iOS和Android在設(shè)計(jì)原則上有很多相近的地方，比如自適應(yīng)設(shè)計(jì)、顏色，措辭、啟動畫面方面的設(shè)計(jì)原則，但是由于Android本身開源的特性，它的設(shè)計(jì)和底部硬件關(guān)聯(lián)相對較少，設(shè)計(jì)的風(fēng)格更加擬物化，而iOS系統(tǒng)的設(shè)計(jì)更加注重內(nèi)容的凸顯，在設(shè)計(jì)上推崇突出關(guān)鍵，弱化不必要的元素。
一、規(guī)范概述
iOS的設(shè)計(jì)原則有三點(diǎn)：清晰（Clarity）、遵從（Deference）、深度（Depth）。clarity和depth都比較好理解，簡而言之就是要直觀且有重點(diǎn)，符合當(dāng)下設(shè)計(jì)的主流，那么對于deference就比較難以理解，從語義上來講是尊重、順從、敬重、依從，個(gè)人理解在這里指的是遵從主要內(nèi)容，所有的設(shè)計(jì)都是為內(nèi)容服務(wù)，那么設(shè)計(jì)本身就不應(yīng)該過于搶眼，所以iOS設(shè)計(jì)一直強(qiáng)調(diào)的是一種輕量化的設(shè)計(jì)風(fēng)格，所有的設(shè)計(jì)都是為了幫助用戶理解內(nèi)容、依據(jù)內(nèi)容進(jìn)行交互，在這一點(diǎn)上Android就很不一樣，Android強(qiáng)調(diào)一種實(shí)體隱喻，即利用基于真實(shí)效果的視覺體驗(yàn)幫助用戶進(jìn)行快速的理解和認(rèn)知，對于這種設(shè)計(jì)，material design給出的解釋是：實(shí)體的多樣性可以讓我們呈現(xiàn)出更多反映真實(shí)世界的設(shè)計(jì)效果，但同時(shí)又絕不會脫離客觀的物理規(guī)律。
Android還有一個(gè)很有趣的地方在于他的設(shè)計(jì)維度是三維的，盡管這是設(shè)計(jì)里大家心照不宣的原則，但是Android做出了一個(gè)規(guī)范是在這個(gè)維度空間里每個(gè)元素（材料）都有1dp的厚度，不同的元素（材料）之間在高度上是不同。要在二維的顯示屏上展現(xiàn)三維的空間效果，這種設(shè)計(jì)理念注定他的每一個(gè)元素（材料）都需要借助光照和陰影來展現(xiàn)出物理空間上的層次，不難看出這種設(shè)計(jì)模式的產(chǎn)品在實(shí)現(xiàn)過程中的工作量比扁平化的設(shè)計(jì)要大很多，而且在實(shí)際使用過程中，需要謹(jǐn)慎添加元素，一個(gè)不慎就容易造成頁面過于復(fù)雜。
在這里可以引出一個(gè)探討：Android提倡實(shí)體隱喻，因此所有的材料僅可沿著它的水平面增長和收縮，決不能彎曲或折疊；iOS也提倡隱喻，但是iOS所指的隱喻是體驗(yàn)層面上的，即應(yīng)用的虛擬對象和行為與用戶熟悉的體驗(yàn)相似，這樣可以有效降低用戶的學(xué)習(xí)成本。
以iReader為例，iReader在iOS和安卓的版本都使用了仿真的書本翻頁，但是這和兩者提倡的隱喻又都不同，安卓的材料不可彎曲折疊，iReader的頁面明顯彎曲折疊了，而iOS提倡的只是在翻頁上采用用戶習(xí)慣的手勢，這里除了手勢還增加了不必要的擬真三維圖像，吸引了用戶的注意力，可是這種設(shè)計(jì)模式真的不好嗎？在這一點(diǎn)個(gè)人覺得iReader走在了兩者的前面，首先這種設(shè)計(jì)對于閱讀的影響并不大，但是卻能給用戶一種興奮性的體驗(yàn)。所謂設(shè)計(jì)規(guī)范最終也只是一種參考，最終我們還是要拋開規(guī)范用自己的思考做出決定。
二、細(xì)節(jié)設(shè)計(jì)
1.底部tab bar導(dǎo)航 VS 抽屜式、頂部導(dǎo)航
iOS的設(shè)計(jì)認(rèn)為導(dǎo)航應(yīng)該讓人覺得自然和熟悉，并且不應(yīng)該主導(dǎo)界面或者搶走內(nèi)容的風(fēng)頭，所以iOS的默認(rèn)控件tab bars默認(rèn)放在屏幕底部供用戶進(jìn)行操作，相對處于用戶瀏覽時(shí)視線最后觸達(dá)的區(qū)域，并且導(dǎo)航切換操作只能通過點(diǎn)擊進(jìn)行，而Android則不同，Android的導(dǎo)航采用抽屜式導(dǎo)航或者是頂部標(biāo)簽導(dǎo)航，將導(dǎo)航放置在了相對更加顯眼的部分，并且由于Android的底部放有系統(tǒng)的操作按鈕，將導(dǎo)航放在頂部和側(cè)邊可以有效防止誤觸。
這里以網(wǎng)易云音樂為例，很典型的系統(tǒng)適用設(shè)計(jì)風(fēng)格，網(wǎng)易云音樂為了適應(yīng)不同設(shè)備下用戶的使用習(xí)慣，在iOS和安卓上的設(shè)計(jì)有很大的不同，可以明顯看出在導(dǎo)航上iOS版本采用了底部導(dǎo)航，Android版本采用頂部導(dǎo)航，iOS滑動可切換的只有頂部標(biāo)簽，而Android滑動可在主導(dǎo)航和次級標(biāo)簽導(dǎo)航中來回切換，而從整體上來看，網(wǎng)易云音樂的設(shè)計(jì)風(fēng)格還是偏向iOS的，因?yàn)榫W(wǎng)易云音樂的核心功能是提供音樂資源并讓用戶欣賞音樂，重點(diǎn)在于音樂本身，因此更加注重內(nèi)容的iOS設(shè)計(jì)風(fēng)格也相對更加適合這款A(yù)PP。
2.扁平化按鈕 VS 浮動按鈕
Android的material design在按鈕設(shè)計(jì)上有一個(gè)特色的浮動操作按鈕，它是漂浮在 UI 上的一個(gè)圓形圖標(biāo)，主要用來代表最常見的操作，這個(gè)設(shè)計(jì)是只有三維的Android才具有的設(shè)計(jì)，顯然比較適用于需要用戶操作行為比較多的APP，用這種方式凸顯出了經(jīng)常使用的操作，縮短用戶操作路徑，突出核心功能，這里有一個(gè)比較典型的APP就是印象筆記，印象筆記很好地將浮動操作按鈕應(yīng)用在了安卓版本中，將記筆記這一核心功能利用按鈕突出，顯然這是一個(gè)十分適合使用material design的APP，與之相比，iOS版本的APP只能通過導(dǎo)航內(nèi)突出，相對來說略顯不足。
3.系統(tǒng)控件限制 VS 開放式系統(tǒng)
之前聽到過這么一個(gè)說法：蘋果是做硬件出身，做系統(tǒng)的目的是銷售硬件的電腦和手機(jī)，谷歌是做軟件出身，做系統(tǒng)的時(shí)候更加重視發(fā)覺系統(tǒng)本身的可能性。不知道有沒有這方面的原因，iOS系統(tǒng)的確在硬件交互和使用場景上考慮的更多，比如如今蘋果在iOS9推出的3D Touch，iOS系統(tǒng)中的創(chuàng)新很多是基于系統(tǒng)控件的更新來展開的，iOS的人機(jī)指南中有很大一部分都是關(guān)于系統(tǒng)自帶控件的介紹，比如Siri、3D Touch、手勢.
這些功能在給了設(shè)計(jì)者新的可能的同時(shí)卻也在一定程度上限制了發(fā)揮空間——所有設(shè)計(jì)者只能基于蘋果系統(tǒng)來進(jìn)行iOS應(yīng)用開發(fā)，也因?yàn)樘O果系統(tǒng)和硬件的封閉化，iOS設(shè)計(jì)規(guī)范格外注重使用場景，鼓勵(lì)開發(fā)者和設(shè)計(jì)師們在不同的使用場景下去使用自己的產(chǎn)品，比如在晴天、陰天去看自己產(chǎn)品的顏色搭配，是否和預(yù)想的一樣，是否還需要做出進(jìn)一步調(diào)整。反觀谷歌的material design，相對來說對應(yīng)用本身的設(shè)計(jì)比較重視，文檔中花費(fèi)了大量的筆墨來對最佳設(shè)計(jì)做出規(guī)范，提供大量的設(shè)計(jì)數(shù)據(jù)作為參考，而對于場景基本沒有要求。
4.共通設(shè)計(jì)點(diǎn)
在這么一些不同之外，iOS和Android作為兩款優(yōu)秀的系統(tǒng)在設(shè)計(jì)規(guī)范上還是有很多共同點(diǎn)的，比如在自適應(yīng)方面，iOS和Android都對自適應(yīng)做出了要求，只有做到了自適應(yīng)才能帶給用戶最佳的體驗(yàn)，但其實(shí)這里還有個(gè)矛盾就是目前系統(tǒng)的問題，只要系統(tǒng)還有不同就很難做到真正意義上的自適應(yīng)和一致性；另外在啟動頁面上，兩者也都提倡利用占位UI來做到最佳的啟動過渡，弱化應(yīng)用打開等待的過程，為用戶提供一種流暢的體驗(yàn)；還有措辭方面，站在用戶的角度思考問題是措辭的一大要點(diǎn)，過于高傲或疏離的口氣會造成用戶不適……總體看下來，牽扯到用戶體驗(yàn)的地方，兩個(gè)系統(tǒng)的設(shè)計(jì)規(guī)范有很大一部分相似的地方。
三、總結(jié)
雖然iOS和Android采用了不一樣的設(shè)計(jì)理念，但是并沒有什么高低優(yōu)劣之分，過猶不及的道理大家都懂，很多時(shí)候在擬物化和扁平化之間的取舍還是要根據(jù)產(chǎn)品的定位和實(shí)際使用場景來看的，舉個(gè)栗子，前段時(shí)間剛開始使用的walkup，其本質(zhì)是一款簡單的計(jì)步軟件，不過由于其擬物的設(shè)計(jì)（地圖）增加了很多趣味性，讓它擁有了一批比較忠實(shí)的用戶。閱讀設(shè)計(jì)規(guī)范可以讓我們快速了解一個(gè)系統(tǒng)下的使用人群的交互習(xí)慣，如何利用這些習(xí)慣設(shè)計(jì)出好的產(chǎn)品才是我們應(yīng)該思考的地方。