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

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

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

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

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

一、圖形設(shè)計

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

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

二、動態(tài)設(shè)計

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

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

三、時間設(shè)計

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

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

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

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

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

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

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

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

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