表情包作為當代互聯網人溝通中不可或缺的工具之一，將其有效融入生活場景，能夠擴大人們溝通的情緒表達閾值。本文以網易郵箱易喵動態表情包設計為例，淺談迪士尼動畫十二原則，一起來看看。

前言

易喵作為網易郵箱團隊的一員，想要讓用戶記住，需要我們盡可能多得豐富其應用場景。表情包作為人們網絡溝通中不可或缺的工具，將其與之結合，可以有效地融入到用戶的生活場景中。借此我們設計了一套以易喵形象為基礎的微信表情包，并根據其情緒表現增加了相關動效表達。

易喵動態表情一覽

一、提升動效表現力的關鍵動畫12律

1978年，迪士尼動畫藝術家弗蘭克·托馬斯和奧利·約翰斯頓退休后，開始寫一本叫做《The Illusion of Life》（生命的幻象-迪斯尼動畫造型設計）的書。這本書中就總結出了動畫的12條原則。

1. 善用擠壓和變形

借用擠壓來強調動作的物理變化，強化物體的拉伸或者壓扁的效果，其目的是給予對象以重量和彈性的感覺。當一個物體落在地上會產生拉伸和壓扁的變化，這樣才會有Q彈的效果。

雙手擠壓臉部，為了讓臉部有被擠壓的感覺需要產生一定程度的縮放變化。

2. 緩入緩出

現實世界中的大多數物體都遵循緩和的運動，極少會有勻速運行的狀態，所以在動效的表現上也應該遵循次原則。

一般來講，所有動作開始是緩慢的方式-逐漸加速-緩慢完成，沒有這個過程是接近于機械運動的方式。

3. 預備動作

物體開始正式動作前展示其準備動作，讓用戶能預知下個動作，使得整個流程更加生動合理。

在正式運動開始前，先完成一段相反方向的蓄力動作，正式動作結束后因為慣性會產生輕微回彈。

4. 次要動作

利用次要動作突出主要動作，來幫助主要動作傳達其意義，豐富細節，使其不那么生硬呆板。

主要動作是通過臉上的紅暈從無到有表現出害羞情緒，在此之前增加手的揉搓，使紅暈的出現變得合理。

手完成摸魚動作后，通過位置控點工具固定魚身，給魚尾增加輕微的彎曲擺動，完成整個摸魚的動作。

5. 跟隨動作、重疊動作

物體的運動是一個部分接著一個部分的。如人身體的動作，會帶動身體其他部位跟著運動，這里其他部分的運動即為跟隨動作。另外物體與物體的運動也會有重疊的部分，這些跟隨和重疊動作可以增加動作的真實性和趣味性。

手甩動熒光棒的同時讓五官跟隨臉部向上移動：

眼睛跟隨腦袋搖晃的同時也在做360度旋轉：

鼻孔的大小和位置會跟隨旁邊鼻孔的變化發生相應的變化：

通過提升表情細節，來強化表情對情緒的表達能力，讓情感傳遞更加生動。

6. 弧線運動

生活中的大多數動作軌跡并不是直來直去的，而是呈現出弧形軌跡，很多運動軌跡肉眼看不到，但也的確存在，所以制作弧形軌跡動作時會顯得更加靈活真實。

幽靈以弧形軌跡飛入與飛出：

7. 構圖布局

在畫面中，要突出呈現我們需要呈現的對象，通過位置、大小、光影等手段來引導視覺中心，吸引用戶的注意力，這也是12項原則中最定義最廣泛的原則。好的構圖布局就是能清楚明確地傳達畫面里的信息。

8. 關鍵動作與連續動作

即逐幀動畫與關鍵幀動畫。詳細來說，逐幀動畫就是從頭開始一張接著一張畫下去，而關鍵幀動畫則是先繪出表演中的關鍵動作，再用中割的方式把關鍵動作串聯起來。兩種方式各有其優缺點，最理想的是兩種方式的綜合。

9. 夸張感

所有動作效果并非一定要接近現實，這樣反而會無趣死板，適當添加一些夸張成分，可以獲得用戶更多的注意。

10. 時間節奏

動作的節奏就是速度的快慢，不同的速度會表現不同的情緒，過快或者過慢都會讓該動作看起來不自然，好的節奏控制就會看起來生動自然。

此外，所有的物體都是有質量的，節奏可以表現出物體的質量。

11. 立體造型

對于二維動畫來說，要用平面來展現一個3D的空間或物體，需要畫出物體的體積、重量、陰影等，3D會比扁平的物體更加生動有趣。

12. 吸引力

吸引力原則是最難界定的，它沒有固定的模式，而是前面一系列原則的綜合體，任何畫面，任何動作，你都需要問“這個對用戶有吸引力嗎？”這個原則對于動畫來說是非常高，甚至高到難以企及的境界。

我們的動畫是否會讓用戶留下深刻的印象，取決于在設計上是否有獨特之處，表現上是否富于變化，是否有活力以及一切可以抓住用戶目光的元素。

二、結語

易喵表情最初以靜態的形式上線后，情緒表現不足，無法滿足大家的使用需求，使用頻率低。

而動效能夠呈現變化的過程，通過賦予表情動態，可以增加情緒的表現力，強化表達，提升趣味性，使得表情包更加生動形象，以此來提高大家的使用熱情。

但如今用戶表情使用場景和情緒表達方式均發生了很大變化，目前的這套表情總體上還是略顯保守，動效表現也不夠生動有趣。往后除了正確表達出微妙的情緒外，我們也應該思考如何緊跟潮流，創作出更符合當代用戶使用場景的表情內容。

*注：文章部分圖片素材來源網絡