你有沒有注意到瘟则，動效設(shè)計這幾年如雨后春筍般的流行起來？無論是大公司還是小公司都會專門聘請專門的動效設(shè)計師授药，而Google最近就I/O大會上概述了Google產(chǎn)品線上對于產(chǎn)品的標(biāo)準(zhǔn)化動效語言的規(guī)范。

動效就是講故事

那么在動效設(shè)計中什么才是重要的，以及為什么它可以帶來那么大的效果戳粒，首先要說明的是，動效是可以講故事的虫啥。在一個app中的每個組成部分串聯(lián)起就是一個個的序列號蔚约，而動效設(shè)計就可以很好的引導(dǎo)用戶。對于每個按鈕的點擊和屏幕的轉(zhuǎn)場涂籽，都是下一個故事的開始苹祟，例如，我們可以通過下面的案例看到评雌，動效是如何幫助創(chuàng)建和刪除項目的树枫。

當(dāng)刪除一個項目時，會引起一系列的連鎖反應(yīng)景东，以及錯誤的操作砂轻。因此就需要對此作出相應(yīng)的反應(yīng)，不要讓這個選項的消失那么僵硬斤吐，例如我們關(guān)閉屏幕或返回到主界面的時候搔涝，會變成一些碎片化的數(shù)字。

創(chuàng)建一個界面時和措，應(yīng)該盡量的生動一些庄呈，畢竟我們花了時間來做的。我們可以在屏幕上使用緩動或是反彈的效果派阱，但是注意不要太過了诬留，只有最為精巧細致的動效是最打動用戶的。

那么在動效設(shè)計中有些元件應(yīng)該做出多大程度的反彈效果是比較理想的呢贫母？在屏幕上的距離是多大呢故响？由此，動效就像在設(shè)計一個接口颁独，變的越來越重要了彩届，并且開始驅(qū)動整個UI。所以誓酒，我們可以想象到Facebook的設(shè)計師在做iOS版本的時候全部是靜態(tài)的界面布局樟蠕，那么看起來會是多么的蹩腳呀贮聂。而事實上，F(xiàn)acebook的每個動效都是一個接口寨辩，鏈接著所有的組件吓懈，形成一個有效運行的整體，所以動效就是UI靡狞。

加強空間之間的銜接關(guān)系

每個app的每個頁面就是一個家耻警，而家里面就有空間，可以使用戶在任何時間靈活的調(diào)用這些控件甸怕，如果從屏幕的飛出來一張幻燈片甘穿，然后它會從屏幕的底部返回嗎？或者是已經(jīng)刪除梢杭？就拿下面的例子而言温兼，在iOS的博客app中，左邊的展示了底部“正在播放”向上翻頁的效果武契，然后從屏幕的底部消失募判，要彈出時，會再次從底部飛出咒唆。

是不是感覺到相當(dāng)?shù)幕靵y届垫？現(xiàn)在比較在幾個星期前更新后的動效，保持了彈出和消失的一致性全释，很連貫装处。我們可以很明確的知道界面的生動性，以及表現(xiàn)出來的位置恨溜。使得用戶在需要使用時，可以很容易找到它找前。

動效的確認

動效可以加強用戶對于預(yù)操作的形成糟袁，當(dāng)需要刪除一個對象時，它會變的模糊躺盛，并變小形成“飛入到界面的底部”的假象项戴，這個效果就是表示app已經(jīng)被刪除了。就像發(fā)送email一樣槽惫，點擊發(fā)送按鈕之后周叮，會飛向屏幕的頂部逐漸消失。

對于密碼的輸入界斜，也可以結(jié)合動效提高效率仿耽，如果輸入的密碼是一個簡單的“點”，并逐漸向后出現(xiàn)各薇，而水平的震動可以表示密碼錯誤時的狀態(tài)项贺，這些動效手勢可以很清楚的辨認君躺，而且已經(jīng)成為主流反饋信息來確認操作，當(dāng)“密碼不正確”的時候可以有適當(dāng)?shù)膭有崾究小Ｒ虼俗亟校谟行┣闆r下，我們完全可以脫離文字注釋奕删，而是依靠簡單的動效來達到更好的效果俺泣，給予用戶反饋。

延遲動效：可感知的隱藏

當(dāng)需要加載一些資料時完残，用戶不會忽略這段等待的時間伏钠，而我們可以通過一些動效輕松掩蓋這種延遲，因此被稱為延遲動效坏怪，或是加載動效贝润。當(dāng)我們從網(wǎng)上下載一些音頻文件時，總是會有延遲卡頓铝宵。

取而代之的是打掘，我們可以在已經(jīng)選擇的播放icon上，體現(xiàn)出一些加載順序鹏秋，創(chuàng)造一個簡單的動效尊蚁，來過渡這種卡頓暫停的icon。如果這段時間文件出現(xiàn)卡頓侣夷，用戶也不會發(fā)現(xiàn)加載的延遲横朋。所以它可以短暫的分散用戶的注意力，而忽視后臺的一些工作百拓。所以琴锭，動效可以避免將真實的負荷卡頓呈現(xiàn)出來，使得用戶感覺到我們的app似乎運行的很快衙传。

創(chuàng)建一種動效語言

為app創(chuàng)建一種動效語音將會強化我們的品牌决帖，并且很有個性。它可以是有彈性的和充滿樂趣的蓖捶，也可以是安全穩(wěn)重地回，靈活和專業(yè)嚴肅，這些動效都會對我們的設(shè)計和品牌產(chǎn)生很好的聯(lián)動效應(yīng)俊鱼。并且可以使得app不至于看上去千篇一律的陷阱刻像，因為很多時候它們看起來就是一樣的。

值得肯定的是并闲，在我們下一次起草界面的時候细睡，請使用到動效。動效是很強大的設(shè)計工具帝火，能輕松自然的引導(dǎo)用戶纹冤，以及在看似單調(diào)的操作中產(chǎn)生一下驚喜洒宝，就像輸入密碼時或是列表的滾動時。我們在解鎖自己iPhone時萌京，或短信滾動讀取時是有什么樣的動效雁歌？可能自己都沒有感知到，但是它們是真實存在的知残。所以用戶能很流暢的通過觸摸與界面進行互動靠瞎，愉快的完成一些操作和事項。

作者：Craig Dehner

https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.6vi5wi1ba