淺析動態圖形的概念、發展與應用

張斯然

摘要：在新媒體領域下，無論是從視覺、聽覺、互動體驗等幾個方面標志的動態設計都讓圖形發揮了更大的傳播優勢，讓其內涵得到更加全面的體現。本文將從概念、發展、流行原因、應用等角度概括、分析動態圖形這一藝術形式。

關鍵詞：動態圖形;概念;發展;應用

一、動態圖形的概念

（一）名詞內涵

動態圖形（Motion Graphics）通常指的是視頻設計、多媒體CG設計、電視包裝等等。[1]用“動態圖形”作為“Motion Graphics”的譯名， 這里的“圖形”不僅僅是狹義的幾何圖形與圖表， 它還包含動畫， 影像等眾多元素。在表現上，它可以是二維， 三維， 四維、甚至虛擬現實。動態圖形設計出來是用來傳達，并非只是觀看欣賞。一個動態圖形影片的作用是在傳達某個意思，例如一個節目片頭，或闡釋一個機器的運作原理。所以我們就得到對動態圖形的解釋： “舞動起來的圖形元素，隨著時間去傳達一定的信息”。英國倫敦大學的教授皮特·馬克·羅戈特在他的研究報告中首次提出視覺暫留的現象理論，大家又稱作“余暉效應”。視覺暫留原理作為一種理論建立起來，為動畫、數字媒體、電影等視覺媒體的形成和傳播提供了依據。[2]

（二）動態圖形與圖形的關系

把動態圖形看作是逐幀變換的靜態圖形序列， 可能會有助于我們理解動態圖形與圖形之間的關系。可以說任何動態圖形都是在靜態圖形的基礎上得來， 靜態圖形按照某種規律或者預設的動態形式組合而成的系列圖形、圖片， 通過非線性編輯器、flash軟件的編輯或者其他使用代碼可以控制圖形、圖片變化的軟件都可以設計制作出動態圖形。將原本靜態的平面圖像經過動態的設定，呈現出動感，賦予其生命力。

（三）動態圖形與時間的關系

近年來，隨著技術的進步以及大眾審美需求的提高，越來越多的設計作品開始引入"時間"這一維度。從靜態向動態躍遷，于是，被稱作"動態圖形設計"的新興視覺生產形態迅速成為數字藝術行業中引人注目的焦點。[4]廣義上來講，動態圖形是一種融合了電影與圖形設計的語言，基于時間流動而設計的視覺表現形式。傳統的平面設計主要是針對平面媒介的靜態視覺表現;而動態圖形則是站在平面設計的基礎之上去制作一段以動態影像為基礎的視覺符號。

（四）動態圖形動畫與動畫片的關系

動態圖形動畫是平面設計與動畫片之間的一種產物，動態圖形動畫在視覺表現上使用的是基于平面設計的規則，在技術上使用的是動畫制作手段。動畫片和動態圖形動畫同樣是在平面媒介上來表現，它們的不同之處就像平面設計與漫畫書：一個是設計視覺的表現形式，產生縮放、旋轉、變形等動態視覺效果，通常結合錄音在多媒體項目中使用;而另一個則是敘事性的運用圖像來為內容服務。隨著藝術家的探索，動畫片和動態圖形動畫領域在不斷拓寬，兩者的界限越來越模糊。

二、動態圖形的歷史與發展

（一）出現

據稱，早在19世紀，就出現了可以被歸類為動態圖形的作品。Michael Betancourt寫了此領域第一個深入的實地調查，主張20世紀20年代由Walther Ruttmann、Hans Richter、Viking Eggeling 和 Oskar Fischinger制作的可視音樂和歷史抽象電影是動態圖形的基礎。

（二）名詞誕生

最初使用“動態圖形”一詞的是動畫師約翰·惠特尼，他在1960年創建了一個名叫“Motion Graphics”的公司，并使用機械模擬計算機技術制作電影電視片頭及廣告。他最著名的作品之一是在1958年和著名設計師索爾·巴斯（Saul Bass）一起合作為希區柯克電影《迷魂記》（Vertigo）制作的片頭。

（三）發展

隨著動態圖形藝術的風靡，美國三大有線電視網絡ABC、CBS和NBC率先開始在節目應用動態圖形，不過在當時的動態圖形只是作為企業標示出現，而不是創意與靈感的表達。80年代隨著彩色電視和有線電視技術的興起，越來越多的小型電視頻道開始出現，為了區分于三大有線電視網絡的固有形象，后起的電視頻道紛紛開始使用動態圖形作為樹立形象的宣傳手段。

在90年代之后，影響力最為廣泛的動態圖形師是基利·庫柏（Kyle Cooper），他將印刷設計中的手法應用在動態圖形設計當中，從而把傳統設計與新的數字技術結合在了一起。他參與設計過的電影、電視劇片頭多達150部以上。其中以他在1995年為大衛·芬奇（David Fincher）導演的電影《七宗罪》（Seven）所設計的片頭最具代表性。

隨著電腦技術的進步和眾多軟件開發廠商在個人電腦系統平臺的軟件開發，到了90年代很多的CG工作任務從模擬工作站轉向了數字電腦，這期間出現了愈來愈多的獨立設計師，快速地推動了CG藝術的進步。隨著數碼影像技術革命性地發展，將動態圖形推到了一個新的高點。

如今，動態圖形已經可以在任何的播放媒體上隨處可見。

三、動態圖形流行的原因

（一）易于理解，信息傳達效率高

圖形天然有著比文字、聲音更高的傳達效率，因為人類的大腦視覺信息處理相關腦區占統治地位，所以對于圖形更敏感，印象更深刻。而人對靜止不動的事物，一般不做出反應，而這些事物一旦動起來，我們的注意力就會被吸引到動的事物上面。所以動態圖形比靜態圖形更有吸引力，能傳達更深層次的信息，觸發情緒。在互聯網蓬勃發展的時代，越來越多設計師利用動態圖形設計來提高傳達效率，調動用戶情緒，在UI設計、運營設計、交互設計上都能廣泛的應用。

（二）短小精悍，觀看成本低

動畫和電影都需要講故事，具有敘事性。而Motion Graphic 通常更為短小精悍，題材、手法、風格包容性強。它的表現形式豐富多樣，具有極強的包容性，總能和各種表現形式以及藝術風格混搭。既可以用來講故事，也可以傳達觀點，表達情緒，甚至可以沒有意義，只是為了有趣。

（三）制作簡單

動態圖形設計的門檻更低，成本更低，上手制作也較為容易。通過“確定主題、了解趨勢、競品分析、設計構思、執行落地”這五個步驟，設計師可以做出相對完整、有理據、有創意的動態圖形設計。體量小、作用大的動態圖形，無論是在藝術創作還是商業空間中都有廣泛的應用。

（四）包容性、適應性強

動態圖形的表現形式豐富多樣，題材、手法、風格包容性強，總能和各種表現形式以及藝術風格混搭。此外，它與各種電子媒介兼容，因此傳播面廣泛，適應性強。

四、動態圖形的應用

（一）動態圖形的主要應用領域

動態圖形的主要市場需求集中于節目頻道包裝、電影電視片頭、商業廣告、MV、現場舞臺屏幕、互動裝置、APP、移動游戲等等。此外，動態圖形在視覺設計領域也得到應用。新媒體時代，各種新媒體終端不斷發展。這些新媒體的變化，促使原有的設計表現形式必須不斷推陳出新，以適應全新的傳播媒介和審美標準。[3]

（二）動態圖形的設計宗旨

在設計動態圖形時，并非簡單的讓靜態圖形動起來就可以了，進行設計時有一個很重要的核心——故事，所有的圖形的運動、銜接、消失都應該圍繞著故事來進行，故事是動態圖形設計的骨，運動形式是肉。有骨有肉，才是一個完整的動態圖形設計。

（三）動態圖形的設計流程

動態圖形設計師的主要職責是制作創意腳本和動態設計。創意腳本是指在項目實施之前向客戶方提供的視覺方案，其中需要確定整個片子的表現風格、氣氛、動作流程以及畫面元素等等主要信息，并配合上文字的描述，使客戶通過創意腳本能夠想象到最終成品的結果，創意腳本也是團隊合作中不可或缺的一環，在與其他設計師一起合作的時候需要通過創意腳本來溝通，以確保最終的成片保持一致的風格;動態設計則是創意腳本在客戶方通過以后開始執行，設計師需要為創意腳本制作技術測試、動畫、渲染與合成。

（四）動態圖形的設計方法

為了做出相對完整、有理據、有創意的動態圖形設計，需要遵循以下五個步驟：

1.確定主題：前期選擇最優信息點，動態圖形設計圍繞著1-3個最優信息點進行。

2.了解趨勢：收集和了解目前比較流行的動態圖形設計，學習最新的動態圖形設計的敘事、銜接、運動形式，使設計更符合大眾審美。

3.競品分析：了解分析競品的動態圖形設計，找到市場的空白區進行切入，做出差異化。

4.設計構思：圍繞信息點、趨勢、市場空白區，進行故事構思和視覺定調，設計多個構思，進行對比、優化。

5.執行落地：前期調研、構思等工作完成后，開始進入執行落地階段。

五、結語

動態的圖形能夠將煩瑣、無趣的信息轉化為簡單的可視化語言，加以豐富的視覺形式包裝再傳達給受眾，這能夠幫助受眾過濾掉無用的信息，快速捕捉到有效的信息資源，符合當今新媒體社會高速發展的實際需求，實現了信息傳遞“精、準、快”的目標。[2] 在數字媒體設計領域中動態圖形的發展運用和設計師職業能力的前景開發，都需要我們先做好動態圖形的基礎研究。

參考文獻：

[1]李渝.動態圖形設計基礎[M].西南師范大學出版社，2011.

[2]姚偉杰.簡析新媒體時代下動態圖形視覺傳播優勢[J].藝術與設計（理論），2018，2（10）：42-43.

[3]劉翠林.新媒體語境下標志的動態設計研究[J].包裝工程，2020，41（08）：233-238.

[4]李翔，楊怡靜.動態圖形設計：數字時代的視覺傳播新范式[J].當代動畫，2018（01）：100-103.