動效如何表達情感-1

作為動效三大基礎作用之一，情感相對較為抽象。

在具體的設計中，影響動效情感表達的因素被分散融入在幾個部分中。

這些部分包括但不限於：視覺設計、曲線設計與節奏設計等。

視覺設計指的是靜態設計稿中本來就明顯傳達出的情感。比如暖色的光線與彩條等元素傳達出的愉悅感、冷色的光線與破碎的圖形傳達出的比較負面的情緒等。

曲線設計指的是我們常會提到的動作曲線設計。同種運動中，如果用不同的動畫曲線，不僅能表現出不同的風格取向，還會表達出不同的情緒。

節奏設計可以看作是組成動畫的不同部分，在一定的次序組合下表現出的一種特定秩序。不同的節奏也會傳達不同的情緒。從而引導使用者產生不同的情緒。

先看曲線設計如何影響動效的情感表達。

比如說一個簡單的彈窗出現效果，如果用比較通用的方式，那就是這個樣子：


此時它的運動曲線是這樣的：


但如果稍微對曲線進行微調，動作就變成了這樣：


曲線是這樣：


這還只是對曲線的方向進行了反向修改。此時我們並沒有感到明顯的感覺差異，兩個運動都比較輕柔。

如果在曲線里加入更多細節，就會變成這樣：


曲線是這樣：


這時候的物體運動就會更加活潑一些。因為我們為這個運動增加了很多彈動動作。

如果想讓這個動作更加“勁道”，也就是更顯得精力充沛，只需要在曲線的細節上進行調整：


這時候這個動畫看起來就是這個樣子：


而這是單一屬性上的曲線變化，如果我們加上另外的屬性影響，比如透明度：


這是個閃切透明度變化曲線。將它直接套用在上一個效果上，會得到下邊的效果：


發現了什麼？對，它突然就有點科技感的意思了。

這說明不同屬性上的曲線控制，都會透露出特定的情緒。

通常來說，表示越緩慢變化的曲線會讓人感覺越放鬆，反之會越緊張一些。變化越劇烈的，會透露出物件本身的精力充沛，反之越慵懶。

比如說同樣是一個用旋轉屬性製作的提示動畫，就會用不同頻次動作來表達不同的情緒。

如下圖所示，我們用紫色方塊表示一個可領取的寶箱，如果用緩慢的迴圈動畫的話，它看起來是這個樣子：


這時，它的曲線是這樣的：


一個橫跨一秒鐘的迴圈動畫。雖然也是晃動，但並沒有特別激動，讓人感覺不到“急促感”。可以用在不那麼強烈引導玩家去點選的提示動畫上。

但如果有一個視覺級別很高。遊戲設計師恨不得玩家一進入遊戲時就被吸引注意力，而馬上去點選的寶箱，就應該設計更激烈的提示動作。

比如像這樣：


它的動作顯然多了很多細節，這僅僅因為我在剛才那一動作上對曲線進行了更加細緻的修飾：


這些修改包括為抖動動作設計預備動作，劇烈的數值反覆以及緩慢停到初始狀態的過程。

這些修改的主要目的是增強原本運動的劇烈程度。

除此之外，還要為原本的迴圈設計一個靜止區間：對於更劇烈的運動來說，應該給玩家更多呼吸的空間，否則會有過渡干擾的效果。在這裡就是為物件每兩次運動之間設計足夠的靜止時長。

關於曲線對物體運動的影響，以及因為曲線而表現出的運動所表達的不同情緒，還有非常多豐富的變化，這裡就不再贅述，歡迎你的建議和補充。

本系列下篇我們將繼續討論節奏設計對動效情緒表達的影響，敬請期待！

以上。


來源：COTA五號
原文：https://mp.weixin.qq.com/s/TWaMM4Y-_UPRGpMiH-zRdg