淺析動態(tài)圖形的概念、發(fā)展與應(yīng)用

張斯然

摘要：在新媒體領(lǐng)域下，無論是從視覺、聽覺、互動體驗等幾個方面標(biāo)志的動態(tài)設(shè)計都讓圖形發(fā)揮了更大的傳播優(yōu)勢，讓其內(nèi)涵得到更加全面的體現(xiàn)。本文將從概念、發(fā)展、流行原因、應(yīng)用等角度概括、分析動態(tài)圖形這一藝術(shù)形式。

關(guān)鍵詞：動態(tài)圖形;概念;發(fā)展;應(yīng)用

一、動態(tài)圖形的概念

（一）名詞內(nèi)涵

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

（二）動態(tài)圖形與圖形的關(guān)系

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

（三）動態(tài)圖形與時間的關(guān)系

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

（四）動態(tài)圖形動畫與動畫片的關(guān)系

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

二、動態(tài)圖形的歷史與發(fā)展

（一）出現(xiàn)

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

（二）名詞誕生

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

（三）發(fā)展

隨著動態(tài)圖形藝術(shù)的風(fēng)靡，美國三大有線電視網(wǎng)絡(luò)ABC、CBS和NBC率先開始在節(jié)目應(yīng)用動態(tài)圖形，不過在當(dāng)時的動態(tài)圖形只是作為企業(yè)標(biāo)示出現(xiàn)，而不是創(chuàng)意與靈感的表達(dá)。80年代隨著彩色電視和有線電視技術(shù)的興起，越來越多的小型電視頻道開始出現(xiàn)，為了區(qū)分于三大有線電視網(wǎng)絡(luò)的固有形象，后起的電視頻道紛紛開始使用動態(tài)圖形作為樹立形象的宣傳手段。

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

隨著電腦技術(shù)的進(jìn)步和眾多軟件開發(fā)廠商在個人電腦系統(tǒng)平臺的軟件開發(fā)，到了90年代很多的CG工作任務(wù)從模擬工作站轉(zhuǎn)向了數(shù)字電腦，這期間出現(xiàn)了愈來愈多的獨(dú)立設(shè)計師，快速地推動了CG藝術(shù)的進(jìn)步。隨著數(shù)碼影像技術(shù)革命性地發(fā)展，將動態(tài)圖形推到了一個新的高點(diǎn)。

如今，動態(tài)圖形已經(jīng)可以在任何的播放媒體上隨處可見。

三、動態(tài)圖形流行的原因

（一）易于理解，信息傳達(dá)效率高

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

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

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

（三）制作簡單

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

（四）包容性、適應(yīng)性強(qiáng)

動態(tài)圖形的表現(xiàn)形式豐富多樣，題材、手法、風(fēng)格包容性強(qiáng)，總能和各種表現(xiàn)形式以及藝術(shù)風(fēng)格混搭。此外，它與各種電子媒介兼容，因此傳播面廣泛，適應(yīng)性強(qiáng)。

四、動態(tài)圖形的應(yīng)用

（一）動態(tài)圖形的主要應(yīng)用領(lǐng)域

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

（二）動態(tài)圖形的設(shè)計宗旨

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

（三）動態(tài)圖形的設(shè)計流程

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

（四）動態(tài)圖形的設(shè)計方法

為了做出相對完整、有理據(jù)、有創(chuàng)意的動態(tài)圖形設(shè)計，需要遵循以下五個步驟：

1.確定主題：前期選擇最優(yōu)信息點(diǎn)，動態(tài)圖形設(shè)計圍繞著1-3個最優(yōu)信息點(diǎn)進(jìn)行。

2.了解趨勢：收集和了解目前比較流行的動態(tài)圖形設(shè)計，學(xué)習(xí)最新的動態(tài)圖形設(shè)計的敘事、銜接、運(yùn)動形式，使設(shè)計更符合大眾審美。

3.競品分析：了解分析競品的動態(tài)圖形設(shè)計，找到市場的空白區(qū)進(jìn)行切入，做出差異化。

4.設(shè)計構(gòu)思：圍繞信息點(diǎn)、趨勢、市場空白區(qū)，進(jìn)行故事構(gòu)思和視覺定調(diào)，設(shè)計多個構(gòu)思，進(jìn)行對比、優(yōu)化。

5.執(zhí)行落地：前期調(diào)研、構(gòu)思等工作完成后，開始進(jìn)入執(zhí)行落地階段。

五、結(jié)語

動態(tài)的圖形能夠?qū)┈?、無趣的信息轉(zhuǎn)化為簡單的可視化語言，加以豐富的視覺形式包裝再傳達(dá)給受眾，這能夠幫助受眾過濾掉無用的信息，快速捕捉到有效的信息資源，符合當(dāng)今新媒體社會高速發(fā)展的實際需求，實現(xiàn)了信息傳遞“精、準(zhǔn)、快”的目標(biāo)。[2] 在數(shù)字媒體設(shè)計領(lǐng)域中動態(tài)圖形的發(fā)展運(yùn)用和設(shè)計師職業(yè)能力的前景開發(fā)，都需要我們先做好動態(tài)圖形的基礎(chǔ)研究。

參考文獻(xiàn)：

[1]李渝.動態(tài)圖形設(shè)計基礎(chǔ)[M].西南師范大學(xué)出版社，2011.

[2]姚偉杰.簡析新媒體時代下動態(tài)圖形視覺傳播優(yōu)勢[J].藝術(shù)與設(shè)計（理論），2018，2（10）：42-43.

[3]劉翠林.新媒體語境下標(biāo)志的動態(tài)設(shè)計研究[J].包裝工程，2020，41（08）：233-238.

[4]李翔，楊怡靜.動態(tài)圖形設(shè)計：數(shù)字時代的視覺傳播新范式[J].當(dāng)代動畫，2018（01）：100-103.