2015-4-3 用心設(shè)計
每一個扁平化界面設(shè)計，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計
來源：莫貝網(wǎng)
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
在我的理解里，交互就是通過界面設(shè)計引導(dǎo)用戶操作，并且作出反饋的過程，動畫是提供可感知的反饋。
蘋果和谷歌對開發(fā)者發(fā)布的 iOS 8 與 Android 5.0 設(shè)計規(guī)范為的就是幫助開發(fā)者所開發(fā)的應(yīng)用能夠盡量與系統(tǒng)應(yīng)用得到一致的體驗。因此，下面試圖通過兩者的設(shè)計規(guī)范粗淺地對比 iOS 平板（iOS 8）與 Android 平板（Android 5.0）的交互與動畫：
iOS 8 的設(shè)計原則在我的理解是：
而要講 Android 5.0 設(shè)計原則就必須說到谷歌推出的全新設(shè)計語言 Material Design 。Material Design 的設(shè)計原則在我的理解里是這樣的：
兩者的區(qū)別：
由于 iOS 的操作一般只有三種：點擊進入下一層、返回上一層、按 home 鍵返回桌面，操作相對簡單而統(tǒng)一，因此 iOS 8 的設(shè)計以突出內(nèi)容為主。
而 Android 的操作相對復(fù)雜一些，因此通過紙面質(zhì)感的設(shè)計效果以引導(dǎo)操作成為設(shè)計重點。
其次，iOS 8 通過透視下層內(nèi)容的方式（毛玻璃）表達空間層級關(guān)系，而 Android 5.0 通過光影效果表達。
iOS 的界面通常由頂部導(dǎo)航欄和底部 Tap 組成的 Bar、內(nèi)容、控制按鈕，以及及警告提示等消息提示組成，iOS 平板亦同。這里拿 iPhone 的界面描述 iOS 平板中的舉例說明。
iPhone 界面
這個界面中底部 Tap 和位于頂部導(dǎo)航欄中的分段控制按鈕均以鮮明的顏色表示被選中的狀態(tài)，而且分段控制按鈕以按鈕形式出現(xiàn)，暗示這是需要點擊切換而不是滑動切換
底部 Tap 和位于頂部導(dǎo)航欄中的分段控制按鈕
頂部導(dǎo)航欄中出現(xiàn)了標(biāo)題和兩個控制按鈕，他們則是以顏色不同暗示是否可以點擊
標(biāo)題與控制按鈕
而在內(nèi)容區(qū)域，則通過添加邊框或背景表示可以點擊
內(nèi)容區(qū)域
另一方面在界面布局上，最明顯的針對 iPad 的優(yōu)化有：
相比之下，Android 的界面較 iOS 更為復(fù)雜。對比 iOS，Android 較為突出的區(qū)別有兩個：一種是通過條形的顏色「滑塊」暗示可以左右滑動切換的頂部 Tap，另一種是左邊抽屜式導(dǎo)航面板。這兩種導(dǎo)航方式本身的主要區(qū)別在于，前者可承載的層級結(jié)構(gòu)更加扁平簡單而且 Tap 數(shù)量較少，后者可承載層級結(jié)構(gòu)較為復(fù)雜而且用戶需要從某一 Tap 較深的層級直接返回到首層。
左右滑動切換的頂部 Tap
左邊抽屜式導(dǎo)航面板
另一方面界面中使用出現(xiàn)較多的，帶有鮮明顏色的懸浮響應(yīng)按鈕能夠突顯當(dāng)前最核心的功能
懸浮響應(yīng)按鈕
專用于平板電腦的 Android 3.0 曾經(jīng)為平板針對優(yōu)化，但后期的 4.0 與5.0 均取消了這些優(yōu)化。另一方面，由于谷歌希望利用 Material Design 設(shè)計語言構(gòu)建一個跨平臺和超越設(shè)備尺寸的統(tǒng)一體驗，因此不同平臺與屏幕尺寸的設(shè)備上界面設(shè)計趨于一致，布局僅有結(jié)構(gòu)網(wǎng)格和行距的不同。
iOS 8 與 Android 兩者的輸入方式不外乎觸摸，語音，鍵盤等常見方式，其中最大的不同在于 iOS 平板的操作方式對手勢操作，特別是「多點觸控」操作的利用。iOS 平板能夠五指捏合返回桌面、四指并排向上滑動進入多任務(wù)管理、四指并排左右滑動切換最近使用過的應(yīng)用，而且 iOS 的右滑返回手勢在 iOS 平板中依然有效。橫屏顯示后 home 鍵仍然在用戶方便操作的范圍內(nèi)，使得用戶一般操作上顯得靈活方便。
而由于 Material Design 設(shè)計語言要求隱去不重要的按鈕，突出核心功能（懸浮響應(yīng)按鈕），因此在 Android 手機等屏幕無需多點觸控的設(shè)備上也能自然操作。也同樣由于這個原因，Android 平板的輸入方式與手機沒有太大變化，沒有針對平板作出處理，導(dǎo)致在更大的屏幕下需要頻繁移動延伸手指的覆蓋范圍去觸控操作。
Android 手機中突出的懸浮響應(yīng)按鈕
iOS 與 Android 的設(shè)計規(guī)范中均對動畫提出的要求可以說是一致的：1、表達可感知的、恰當(dāng)?shù)姆答仯?、節(jié)制動畫的添加，盡量與內(nèi)置動畫一致或相切合。
其中 iOS 8 的動畫依然符合 iOS 的設(shè)計規(guī)范的要點：以內(nèi)容為主，通過不同顏色（或臨時高亮）表達按鈕的不同狀態(tài)，或空間的大小縮放表達層級關(guān)系。
Android 5.0 則以觸控漣漪為核心表示觸控反饋，配合反饋真實的質(zhì)量、重量、Z 軸的高度變化、界面元素自身的變化等多個維度表示反饋。甚至講究動畫所連接的兩個界面之間是否有元素新增、消失、保留，并根據(jù)這些元素去留延展元素的動畫。
藍藍設(shè)計的小編 http://www.lzhte.cn