淺析動(dòng)態(tài)圖形設(shè)計(jì)中的三條研究主線

呂 城 （北京理工大學(xué)珠海學(xué)院設(shè)計(jì)與藝術(shù)學(xué)院 519000）

動(dòng)態(tài)圖形設(shè)計(jì)的歷史并不久遠(yuǎn)，自20世紀(jì)初動(dòng)態(tài)圖形其實(shí)就被以一種新型的藝術(shù)探索模式悄然展開，到二十世紀(jì)70年代至今，這種年輕的視覺設(shè)計(jì)形態(tài)正隨著智能移動(dòng)客戶端和網(wǎng)絡(luò)的迅猛普及發(fā)展被逐漸獲得廣泛的認(rèn)知與歡迎。動(dòng)態(tài)圖形的應(yīng)用領(lǐng)域非常廣泛，從涉足傳統(tǒng)的電視節(jié)目頻道包裝、電視電影片頭、影視廣告、網(wǎng)頁(yè)設(shè)計(jì)、交互設(shè)計(jì)、新媒體設(shè)計(jì)等方方面面。

在百科詞條中，動(dòng)態(tài)圖形指的是“隨時(shí)間流動(dòng)而改變形態(tài)的圖形”。那么可以從字面語(yǔ)義中解讀出動(dòng)態(tài)圖形是與時(shí)間有關(guān)、會(huì)改變其形態(tài)的一種圖形。動(dòng)態(tài)圖形所對(duì)應(yīng)的英文是“MotionGraphic”，也恰恰釋義為“動(dòng)的圖形”的含義。因此從視覺傳達(dá)設(shè)計(jì)的角度來(lái)審視，動(dòng)態(tài)圖形是圖形（Graphic）在時(shí)間維度（Time）上的動(dòng)態(tài)（Motion）的一種表現(xiàn)形式。簡(jiǎn)而言之，動(dòng)態(tài)圖形設(shè)計(jì)是圖形設(shè)計(jì)的分支與延伸。

值得注意的是，人們往往無(wú)法將動(dòng)態(tài)圖形設(shè)計(jì)與動(dòng)畫設(shè)計(jì)區(qū)別開來(lái)，將兩者混為一談。其實(shí)只要從動(dòng)態(tài)圖形設(shè)計(jì)的本質(zhì)核心去分辨，兩者還是十分鮮明地具有各自不同的范疇特征。正如前文所談到的，動(dòng)態(tài)圖形設(shè)計(jì)是圖形設(shè)計(jì)的分支與延伸，那么也就注定了它相對(duì)地比動(dòng)畫設(shè)計(jì)更淡化動(dòng)態(tài)設(shè)計(jì)，簡(jiǎn)化時(shí)間設(shè)計(jì)，而更注重圖形設(shè)計(jì)的視覺化和信息化。兩者的區(qū)別可以用一句話概括類比來(lái)說(shuō)，動(dòng)態(tài)圖形設(shè)計(jì)更側(cè)重的是圖形設(shè)計(jì)，動(dòng)畫設(shè)計(jì)側(cè)重的動(dòng)態(tài)設(shè)計(jì)。

動(dòng)態(tài)圖形可看做是圖形設(shè)計(jì)動(dòng)態(tài)演繹的進(jìn)一步升華，是圖形設(shè)計(jì)、動(dòng)態(tài)設(shè)計(jì)、時(shí)間設(shè)計(jì)三者的公共設(shè)計(jì)活動(dòng)。但其本質(zhì)核心仍為圖形設(shè)計(jì)，必須遵循著視覺傳達(dá)設(shè)計(jì)的原理與法則，三條研究主線圖形設(shè)計(jì)、動(dòng)態(tài)設(shè)計(jì)、時(shí)間設(shè)計(jì)交織構(gòu)成了它的理論基礎(chǔ)。

一、圖形設(shè)計(jì)

圖形設(shè)計(jì)在動(dòng)態(tài)圖形設(shè)計(jì)中是占主導(dǎo)地位的。圖形設(shè)計(jì)是視覺傳達(dá)設(shè)計(jì)的核心要素，無(wú)論是主視覺圖形還是輔助圖形，每一件視覺設(shè)計(jì)可以說(shuō)都是圍繞圖形去發(fā)生、發(fā)展的。而動(dòng)態(tài)圖形作品中關(guān)鍵幀的圖形設(shè)計(jì)，其配色以及版式編排等方面也顯得尤為重要。圖形的形狀、顏色、質(zhì)感、大小、空間等視覺元素以及比例、均衡、對(duì)比、和諧、韻律等形式美法則構(gòu)成原理都是圖形設(shè)計(jì)所探討的關(guān)鍵。

以活動(dòng)動(dòng)態(tài)海報(bào)系列《ShanghaiType動(dòng)態(tài)字體秀》為例：這一系列的動(dòng)態(tài)海報(bào)用“SHANGHAI”“上海”為字體設(shè)計(jì)基本元素，用動(dòng)態(tài)視覺形式展示來(lái)自不同城市和國(guó)家的設(shè)計(jì)對(duì)上海的理解和感知。在這86幅動(dòng)態(tài)海報(bào)中，舉例來(lái)說(shuō)來(lái)自澳門的設(shè)計(jì)師歐俊軒與劉俊康的作品是以藍(lán)白直線條紋閃爍的字體圖形同構(gòu)，在圖形的視覺語(yǔ)義簡(jiǎn)練而現(xiàn)代，倘若拋開動(dòng)態(tài)的效果，海報(bào)每一個(gè)靜態(tài)幀的圖形設(shè)計(jì)本身也是一幅佳作；來(lái)自上海的設(shè)計(jì)師陳燾的作品中以曲線字體為主要圖形元素，圖形感摩登時(shí)髦，其動(dòng)態(tài)的變化更多體現(xiàn)在色相上靚麗的顏色替換，圖形本身比例優(yōu)美、富有形式美感。

二、動(dòng)態(tài)設(shè)計(jì)

動(dòng)態(tài)設(shè)計(jì)是指研究對(duì)象運(yùn)動(dòng)的方式，去設(shè)計(jì)編排動(dòng)態(tài)步驟，往往在動(dòng)態(tài)圖形里更強(qiáng)調(diào)的是基礎(chǔ)動(dòng)態(tài)，也就是把復(fù)雜的動(dòng)態(tài)效果進(jìn)行拆分、解構(gòu)、甚至再創(chuàng)造。在這條主線的研究學(xué)習(xí)時(shí)，學(xué)生會(huì)難以分辨動(dòng)態(tài)圖形和動(dòng)畫設(shè)計(jì)兩者的區(qū)別。前文所提到，動(dòng)態(tài)圖形設(shè)計(jì)與動(dòng)畫設(shè)計(jì)最本質(zhì)區(qū)別是前者更強(qiáng)調(diào)圖形設(shè)計(jì)是核心關(guān)鍵，而后者的更強(qiáng)調(diào)人物設(shè)計(jì)、整體的故事性、敘事邏輯性。并非可以將所有“動(dòng)”都混為一談。

毛利酒井是日本的自由插畫家、圖形藝術(shù)家，她擅長(zhǎng)創(chuàng)作無(wú)限循環(huán)的動(dòng)態(tài)插畫。最近她的系列動(dòng)態(tài)插圖在網(wǎng)絡(luò)上走紅廣為傳播。她的每一幅作品都富有生活情趣并且將生活中的某一片段轉(zhuǎn)換為無(wú)限循環(huán)的動(dòng)態(tài)插畫。作品中飄落的秋葉，飛舞的花朵，搖尾巴的貓等等這一類動(dòng)態(tài)的場(chǎng)景已經(jīng)跳出了單純的動(dòng)態(tài)記錄、模仿，而是用再創(chuàng)造的手法去表現(xiàn)“動(dòng)”，這種再創(chuàng)造、再解構(gòu)的“動(dòng)”與動(dòng)畫敘述性、寫實(shí)性的“動(dòng)”在設(shè)計(jì)語(yǔ)言以及表現(xiàn)手法上還是不同的。

三、時(shí)間設(shè)計(jì)

動(dòng)態(tài)圖形設(shè)計(jì)中的時(shí)間設(shè)計(jì)是指圖形主體的發(fā)生、發(fā)展、結(jié)束，以及編排控制運(yùn)動(dòng)的節(jié)奏順序。這里需要引入兩個(gè)有關(guān)剪輯藝術(shù)的關(guān)鍵詞：時(shí)間軸與關(guān)鍵幀。在動(dòng)態(tài)圖形中，時(shí)間軸是用線性來(lái)表示時(shí)間不可逆的流動(dòng)，并且關(guān)鍵幀與過(guò)渡幀分布在時(shí)間軸上重現(xiàn)圖形的運(yùn)動(dòng)。在動(dòng)態(tài)圖形設(shè)計(jì)中，關(guān)鍵幀主視覺的創(chuàng)作可以來(lái)規(guī)范作品的風(fēng)格，并且每一個(gè)靜態(tài)的關(guān)鍵幀可以一窺整個(gè)動(dòng)態(tài)圖形的視覺風(fēng)格。

時(shí)間設(shè)計(jì)作為動(dòng)態(tài)圖形三條主線之一，重點(diǎn)所研究關(guān)注的是時(shí)間的循環(huán)。相對(duì)于其他時(shí)間敘事模式，循環(huán)是最易實(shí)現(xiàn)的一種動(dòng)態(tài)化方式，也是靜態(tài)的圖形轉(zhuǎn)變?yōu)閯?dòng)態(tài)的圖形最基本的形式。

2000年的德國(guó)漢諾威世博會(huì)的動(dòng)態(tài)標(biāo)志可以說(shuō)是一個(gè)采用動(dòng)態(tài)圖形應(yīng)用的知名標(biāo)志設(shè)計(jì)案例。由于漢諾威世博會(huì)的主題關(guān)注“人類、自然、技術(shù)”三者之間的聯(lián)系，因此最后采納了奎恩工作的動(dòng)態(tài)圖形方案。該標(biāo)志的主視覺圖形由抽象的波紋狀圖形為主題，表現(xiàn)不斷發(fā)展與變化特征，在時(shí)間設(shè)計(jì)上才用了循環(huán)的基本形式，既恰如其分地表現(xiàn)了主題又使設(shè)計(jì)制作手法成本提高了性價(jià)比。

另一個(gè)案例來(lái)自歐洲最北端挪威的諾爾辰（Nordkyn）角。這個(gè)歐洲的最北角處于諾爾辰半島上，政府希望推廣該島的旅游資源。于是挪威奧斯陸的NeueDesignStudio設(shè)計(jì)公司利用動(dòng)態(tài)圖形的理念設(shè)計(jì)了這個(gè)新標(biāo)志。標(biāo)志由不同時(shí)段、不同地理位置的坐標(biāo)為基本圖形，在時(shí)間設(shè)計(jì)上也同樣才用了循環(huán)的模式，但卻絲毫沒有單調(diào)之感。反而此類正式標(biāo)志借由動(dòng)態(tài)圖形表現(xiàn)的標(biāo)志設(shè)計(jì)方案是最近十年內(nèi)出現(xiàn)的標(biāo)志設(shè)計(jì)新趨勢(shì)，動(dòng)態(tài)圖形標(biāo)志的構(gòu)思，不能說(shuō)是最有創(chuàng)意的，卻可以說(shuō)是諾爾辰角最合理的方案。

總而言之，動(dòng)態(tài)圖形設(shè)計(jì)的出現(xiàn)并非偶然。隨著網(wǎng)絡(luò)與智能移動(dòng)客戶段的迅猛普及，動(dòng)態(tài)圖形將會(huì)擁有更多更廣的使用平臺(tái)。在讀圖時(shí)代的當(dāng)下，圖形的動(dòng)態(tài)化是不可避免的趨勢(shì)，當(dāng)人們不滿足于靜態(tài)圖形所帶來(lái)的視覺趣味時(shí)，動(dòng)態(tài)圖形的視覺沖擊力和新鮮感必然會(huì)促使它在視覺傳達(dá)設(shè)計(jì)的各個(gè)門類中廣泛運(yùn)用。然而無(wú)論是動(dòng)態(tài)海報(bào)、動(dòng)態(tài)插畫、動(dòng)態(tài)標(biāo)志、動(dòng)態(tài)信息圖表的設(shè)計(jì)，都必須圍繞著圖形設(shè)計(jì)、動(dòng)態(tài)設(shè)計(jì)、時(shí)間設(shè)計(jì)這三條研究主線去創(chuàng)意、去探索。

[1] 林家陽(yáng)（作者，編者）.《圖形創(chuàng)意》.黑龍江美術(shù)出版社，1999.

[2] 黃慧敏（DonaM.Wong）（作者），白顏鵬（譯者）.《最簡(jiǎn)單的圖形與最復(fù)雜的信息：如何有效建立你的視覺思維》.浙江人民出版社，2013.

[3] 許一兵（作者），許肖瀟（作者），何潔（叢書主編），葉蘋（叢書主編）.《新世紀(jì)全國(guó)高等院校藝術(shù)設(shè)計(jì)專業(yè)“十二五”重點(diǎn)規(guī)劃教材：動(dòng)態(tài)圖形設(shè)計(jì)》.上海人民美術(shù)出版社，2013.

[4] Klet（作者）.《Cinema4D+AfterEffects動(dòng)態(tài)圖形設(shè)計(jì)案例解析》.人民郵電出版社，2015.