一個優秀的動態設計應該具備什麼？我想其中一個重要的點就是細節上的處理。
都說細節決定成敗，那麼應該如何去入手，讓動畫更有細節、更有層次感？
於是，我將自己的一些經驗、技巧進行歸納總結，給大家整理出了這篇「變」字訣。
一、什麼是「變」？
宏觀上來說，動畫的本質就是變化，從一個狀態變到另一個狀態，從一個關鍵幀到另一個關鍵幀，就形成了動畫。
如果一個動畫看起來沒有層次，沒有細節，缺乏吸引力，那可能原因就在於缺少變化。
什麼是變呢？顧名思義，變就是對比、反差、不同。
在大小、角度、形狀、速度、明暗虛實等等不同的方面，都可以去做變化。
二、「變」在動態設計中的體現
我們先看看動態設計中是如何利用「變」來豐富畫面層次的。
形態的變
比如在下面的作品中，有大量相似的點、線等元素，但是它們大小不一，顏色不一，在形態上有豐富的變化。
通過在大小、角度、顏色、粗細、長短等各個方面製造變化，塑造了層次豐富的畫面效果。
動態的變
而在動態上，我們可以在動畫出現的時間先後、動畫的速度等方面來豐富層次
這一技巧我們在動畫技法上也可以叫做錯幀，就是讓動畫有先有後的出現，有快有慢的運動。而不是同時出現同時消失。
也就是不要讓動畫太「同步」。
這一原則在動態設計上非常常見。
比如做一個雲彩的動態，我們就應該讓不同的雲層有快有慢的運動，而不是整體一起運動；再比如視頻網站的彈幕效果，你會發現它們也是有快有慢的錯落開的，這樣才比較有趣。
當然，沒有必要所有動畫都這樣處理，比如想要的就是一個整齊的效果，還是要根據實際情況使用。
三、「變」的運用技巧
那麼在實際製作時，如何去入手？如何去把控層次呢？這也是有章法可循的。
用「大、中、小」三級豐富層次
為了讓層次更豐富，可以讓畫面至少包含三種層次的變化，比如大、中、小三種級別，這一手法適用性非常廣：
在做一些粒子類效果，也就是有大量相似元素的效果時，這種增加層次的方法很常見。
當然，除了大小上的變化，在明暗、虛實、長短、速度快慢等不同方向，都可以去做變化、做反差。這裡可以回頭看一下前面的一些圖，找找裡面做了哪些層次的變化。
拉開層次的原則
要注意的是，在做層次時，層次之間應該有較明顯的區別：
否則可能你明明做了很多層，卻並沒有讓畫面呈現出豐富的層次感。因為，做層次，本質上就是做對比、反差。對比拉不開的話自然體現不出層次來。
運用演示
接下來我們簡單的運用下前面所講的原理，快速來對效果進行細化：
首先我們做一個簡單的基本動態。
接下來根據前面所講的大、中、小三級層次的原理，增加更大的層次和更小的層次，並注意我們前面講過的原則：層次之間要有較明顯的區別：
我們還可以往不同的方向去做層次。
比如在速度上做變化，現在整體的速度太一致了，可以增加更快的層次和更慢的層次：
層次越豐富，效果也就越細膩，如果要做一個偏質感的效果，就要疊相當多的層次變化了，可能得疊個十幾層才能達到令人滿意的效果。
當然層次越多，時間成本也會越大。也並不是層次越多就越好，如果畫面風格偏簡約清爽，就不適合加過多的層次了。這個就要根據具體的項目需求來斟酌增加多少層次了。
四、用「變」打破單調
一成不變的動態是缺乏吸引力的。
如果畫面顯得單調，可以做一些變化打破現有的節奏。
打個比方，就像是一段音樂一直平穩的律動，你聽著旋律都快昏昏欲睡時，這時候突然崩出來個重音，你就清醒了。
下面看一下示例：
比如這段人物跑步的動畫，為了豐富單調的跑步動態，杯子裡會突然潑出咖啡、路上會突然出現幾個小石子。這些動態小細節都能夠為整體的動畫增色不少。
這段鏡頭畫面構圖、內容上比較單調，沒什麼變化，時間也比較長，是容易丟失吸引力的鏡頭。
所以動畫中有很多豐富的小動態，飛出幾個蝙蝠，划過幾根線條等等，人物的動作也不是一直簡單的奔跑，這些細節的變化處理讓這個鏡頭充滿趣味性。
當鏡頭需要較長時間停留在某個畫面時，都可以想一些辦法在動態上做出變化，打破單調的節奏。
結語
當然，動態的設計是千變萬化，豐富多彩的，這些技巧並不是任何情況都適用，還是得根據具體的情況靈活的去設計動畫~
- 粉絲福利 -
回復「公益課」領取墨染哥錄製的TABBAR動效課程友情提示：如資料連結無效，請添加微信好友反饋處理。- 往期精選好文 -
完美解決AE不支持AI漸變&不透明度的問題
超全面！圖標動效設計思路梳理
教你K最少的幀，做最靚的仔
2019 年 動效設計文章精選合集
動效小技巧 | AE簡單三步做出漸變流體背景
如果對你有幫助， 請一鍵四連