聶虹 黃果

關(guān)鍵詞：動態(tài)圖形設(shè)計(jì) 平面插畫 表現(xiàn)方法 設(shè)計(jì)實(shí)踐 視覺語言

引言

插畫是一種重要的視覺表達(dá)形式，通過其直觀的形象真實(shí)表達(dá)出插畫師的內(nèi)心狀態(tài)和情感。隨著社會審美的不斷提高，插畫在社會中的應(yīng)用范圍也越來越寬泛，其中包括商品包裝、招貼廣告、書籍裝幀和影視等。但在數(shù)字化、動態(tài)化的時(shí)代背景沖擊之下，單純的平面插畫作品已經(jīng)無法滿足新興媒介的發(fā)展需求，越來越多的插畫師選擇在插畫設(shè)計(jì)中運(yùn)用動態(tài)圖形表現(xiàn)形式，這不僅使插畫可以通過更多媒介進(jìn)行傳播，還讓插畫以更加生動性、趣味性的形式呈現(xiàn)在我們眼前?！翱谡帧毕盗袆討B(tài)插畫設(shè)計(jì)基于2020年新冠疫情大背景下，在傳統(tǒng)的插畫中運(yùn)用動態(tài)圖形的表現(xiàn)方法，將疫情爆發(fā)期間網(wǎng)絡(luò)上人們的行為和狀態(tài)進(jìn)行藝術(shù)的加工和再創(chuàng)造，通過對人物角色和場景的營造，用動態(tài)插畫的表現(xiàn)形式更為直觀地向人們傳達(dá)一種正確的思想觀念，以期在社會中產(chǎn)生共鳴與反思。

一、動態(tài)圖形

（一）動態(tài)圖形的概念。動態(tài)圖形是一種伴隨時(shí)間流逝而改變其形式動態(tài)的圖形，它融合了平面設(shè)計(jì)、動畫設(shè)計(jì)以及電影視覺語言，可以說是一種綜合性的藝術(shù)表現(xiàn)形式，動態(tài)圖形可以簡單地理解成是會運(yùn)動的圖形設(shè)計(jì)，在專業(yè)領(lǐng)域稱其為“Motion Graphic”，簡稱MG[1] 。動態(tài)圖形因?yàn)槠浔憩F(xiàn)形式豐富多樣因此具有極強(qiáng)的包容性，可以與各種表現(xiàn)形式和藝術(shù)風(fēng)格相互混合搭配，通過動態(tài)圖形設(shè)計(jì)可以讓整個設(shè)計(jì)作品更具有故事性、情節(jié)性和趣味性，在現(xiàn)代社會深受廣大設(shè)計(jì)者的喜愛。

（二）動態(tài)圖形的發(fā)展。1960年約翰·沃特尼創(chuàng)立了動態(tài)圖像有限公司為電影制作片頭，70年代他和別人合作，第一次把計(jì)算機(jī)技術(shù)引入到動態(tài)圖像設(shè)計(jì)中，影片《西部世界》中，他們運(yùn)用了計(jì)算機(jī)產(chǎn)生圖像的馬賽克效果[2] 。電腦和互聯(lián)網(wǎng)從上個世紀(jì)90年代中期被人們廣泛使用，許多平面設(shè)計(jì)從靜態(tài)向動態(tài)轉(zhuǎn)變，動態(tài)圖形在其中得到了新的發(fā)展和應(yīng)用。如今人們的生活早已經(jīng)被各種各樣數(shù)字化信息和電子屏幕所包圍著，可以承載動態(tài)圖形的媒介無處不在，動態(tài)圖形已經(jīng)滲透到我們生活的方方面面。

2020年東京奧運(yùn)會的運(yùn)動圖標(biāo)設(shè)計(jì)中就運(yùn)用了動態(tài)圖形設(shè)計(jì)，它突破了往年奧運(yùn)圖標(biāo)的靜態(tài)形式，73個動態(tài)圖標(biāo)運(yùn)用動態(tài)化設(shè)計(jì)展示了一套完整的運(yùn)動項(xiàng)目模式，圖標(biāo)開始于白色背景，以碎片的形式出現(xiàn)，在展示一套完整的動作流程后停留幾秒，然后繼續(xù)完成運(yùn)動項(xiàng)目展示后以碎片化的形式消失，回到最初的空白背景[3] 。動態(tài)化的設(shè)計(jì)讓奧運(yùn)圖標(biāo)以生動、流暢和準(zhǔn)確的運(yùn)動造型表現(xiàn)奧運(yùn)會的各種體育項(xiàng)目，通過動態(tài)圖形超越文字的優(yōu)勢向全世界人們傳播奧運(yùn)文化，鼓勵人們關(guān)注體育運(yùn)動。

（三）動態(tài)圖形設(shè)計(jì)的應(yīng)用分類。動態(tài)圖形具有強(qiáng)大的包容性，承載其媒介更是數(shù)不勝數(shù)，當(dāng)今社會不同設(shè)計(jì)層面中都可以見到動態(tài)圖形設(shè)計(jì)的應(yīng)用，其主要可以分為以下幾類：①影視類：影片的片頭片尾和電視系統(tǒng)包括頻道ID、欄目包裝、形象推廣等，此類也是動態(tài)圖形設(shè)計(jì)最早的發(fā)源地;②交互類：電腦的網(wǎng)頁和手機(jī)移動媒體終端的界面和App等，通過使用動態(tài)圖形設(shè)計(jì)增強(qiáng)與用戶的互動性;③平面類：文字、標(biāo)志、海報(bào)以及插畫等，此類加入動態(tài)圖形設(shè)計(jì)打破了傳統(tǒng)平面的創(chuàng)作模式，賦予了平面更多的內(nèi)涵，同時(shí)也更易于傳播。

（四）動態(tài)圖形設(shè)計(jì)的優(yōu)勢。動態(tài)圖形設(shè)計(jì)作為一種設(shè)計(jì)形式衍生于傳統(tǒng)的靜態(tài)圖形設(shè)計(jì)，無論是在視覺、互動還是信息傳達(dá)等諸多方面都具備其獨(dú)特優(yōu)勢。在視覺上它使圖形的表現(xiàn)形式更加豐富，同時(shí)可以集合更多的觀感體驗(yàn)，抓住觀看者的視覺焦點(diǎn)，更具有視覺吸引力;在互動上它豐富了平面圖形的視覺語言，更加全面深層次的傳達(dá)平面圖形的內(nèi)涵，動態(tài)圖形帶給受眾者不僅僅是視覺感受，而是視覺、聽覺、觸覺等多重的綜合體驗(yàn)，感官上帶給觀看者更多的全新體驗(yàn)，無形中增加了與受眾的互動感受;在信息傳達(dá)上它利用圖形語言的獨(dú)特優(yōu)勢，運(yùn)用動態(tài)圖形對想要傳達(dá)的概念和信息進(jìn)行創(chuàng)造性的描繪，通過這種方式引導(dǎo)人們的視覺流程，自然而然地向觀看者傳遞信息[4] 。

二、“口罩”系列動態(tài)插畫設(shè)計(jì)實(shí)踐

2020年突如其來的疫情在網(wǎng)絡(luò)發(fā)展之下形成“信息疫情”，隨后在“信息疫情”下民眾所爆發(fā)的焦慮、抑郁等心理疾病也迅速成為了社會熱點(diǎn)。前期通過對“信息疫情”和網(wǎng)絡(luò)上民眾心理疾病進(jìn)行深入的了解和研究，在遵循現(xiàn)實(shí)基礎(chǔ)的原則上從“信息疫情”下人們的心理特點(diǎn)及狀態(tài)出發(fā)，從中提取出所需元素進(jìn)行創(chuàng)作設(shè)計(jì)，并根據(jù)設(shè)計(jì)的要素進(jìn)行元素融合。采用扁平的繪畫方式和運(yùn)用夸張的表現(xiàn)形式，將空間虛實(shí)結(jié)合，運(yùn)用動態(tài)圖形設(shè)計(jì)的表現(xiàn)方法，完成以“口罩”為主題的系列動態(tài)插畫設(shè)計(jì)。

插畫配色為黑色和灰色，這種較為壓抑、沉悶的色彩更有益于插畫氛圍的營造，在插畫表達(dá)方式上采取了故事性和敘事性原則，設(shè)計(jì)不僅強(qiáng)化了插畫中的內(nèi)在聯(lián)系和邏輯思維，還可以很好地激發(fā)觀眾自身的心理狀態(tài)，讓插畫與觀眾產(chǎn)生情感的共鳴與互動，從動態(tài)插畫的表現(xiàn)方式深刻反映社會現(xiàn)象，呼吁社會關(guān)注重大社會事件的同時(shí)也需要關(guān)注人們心理健康。

（一）“口罩”系列平面插畫設(shè)計(jì)

1.“口罩”系列平面插畫人物角色設(shè)計(jì)。人物角色作為貫穿整個插畫設(shè)計(jì)中的主視覺元素，不僅要符合整個插畫的情境設(shè)定，同時(shí)也需要考慮到設(shè)定受眾人群為使用新媒體的最大用戶——年輕人，一些生活化和卡通化的人物形象更加符合現(xiàn)代插畫設(shè)計(jì)的流行趨勢，同時(shí)也深受年輕人的喜愛。人物角色所特定的配飾、服飾也需要細(xì)細(xì)考究，在具有裝飾性的同時(shí)也需要具有獨(dú)特的視覺語言[5] ，例如人物角色頭頂上的信號接收器則暗示這類人群過度依賴于網(wǎng)絡(luò)世界大腦缺乏理性思考，網(wǎng)絡(luò)和社交平臺等新媒體成為大腦汲取營養(yǎng)的重要手段;居家的條紋睡衣一方面體現(xiàn)著疫情長期居家隔離的生活狀態(tài)，另一方面條紋睡衣也和病號服有相似之處，暗示著一種不積極向上、不健康的病態(tài)生活方式等。通過這些不同元素來細(xì)化人物角色可以為觀看者呈現(xiàn)一個更加立體豐富的人物形象，如圖1。

2.“口罩”系列平面插畫場景設(shè)計(jì)。場景在插畫設(shè)計(jì)中有其獨(dú)特的藝術(shù)特色，對于氣氛的烘托有著重要的作用，“口罩”系列插畫設(shè)計(jì)作為一個故事性、敘事性的插畫表現(xiàn)形式，氛圍的營造尤為重要?！翱谡帧毕盗忻枥L的是受害者的內(nèi)心世界，所以更多采用虛擬、荒誕、非現(xiàn)實(shí)的場景構(gòu)造，用更具有意義的視覺元素來代替現(xiàn)實(shí)生活中的場景，賦予視覺元素更加豐富的內(nèi)涵，通過虛實(shí)結(jié)合使整個插畫更具有諷刺意味。

（1）室外環(huán)境場景設(shè)計(jì)。“鳥籠城市”中原本的一棟棟居民樓都變成了鳥籠，疫情期間的人們被隔離在家就像鳥被關(guān)在籠中失去了自由，加上烏云、小雨等氛圍營造帶給人抑郁和低落的感受，每個人的內(nèi)心世界都下起了雨?！八幒粲巍敝袑⑺幫枳鳛橐曈X素材，層層疊疊的藥丸是對于新冠病毒“特效藥”謠言四起的反思，隨著疫情事態(tài)的發(fā)展，一些所謂的“特效藥”也是投人所好，什么板藍(lán)根、抗生素、雙黃連可以預(yù)防新冠病毒的謠言層出不窮?！盁熿F森林”中搭建了一個煙霧彌漫的森林，對于新冠病毒的未知程度，網(wǎng)絡(luò)上不透明、不確定的信息就像雜草叢生的灌木叢一樣，讓人感到的迷茫和害怕從而喪失了主觀意識，如圖2。

（2）室內(nèi)環(huán)境場景設(shè)計(jì)?！笆謾C(jī)遨游”中以手機(jī)為主要設(shè)計(jì)元素，疫情期間的人們隔離在家通過一味地機(jī)械轉(zhuǎn)發(fā)信息來博取點(diǎn)贊和關(guān)注，重復(fù)連續(xù)的“點(diǎn)贊”圖形是人們在疫情期間實(shí)現(xiàn)自我存在價(jià)值的體現(xiàn)，彰顯對于疫情的“表面重視”。“假面商店”中構(gòu)建了一個內(nèi)心世界的購物商店，面具則是商店主要的售賣物，疫情期間的人會因?yàn)榫W(wǎng)絡(luò)上一條“好消息”戴上假笑面具歡呼雀躍，也會因?yàn)橐粭l“壞消息”戴上痛苦面具悲傷流淚，內(nèi)心世界已經(jīng)完全被“社交媒體”所控制，人們失去了自己真實(shí)的感受?！吧雉[鐘”中將指針和數(shù)字作為視覺元素，沒有按照時(shí)間順序擺放的數(shù)字暗示著生物鬧鐘的混亂，人們正常的生活已經(jīng)被徹底打亂，焦慮、恐慌、過度緊張和無力感等負(fù)面情緒在人物上展露無遺，無法梳理的心理壓力讓人們最終失去了自我，如圖3。

（二）“口罩”系列動態(tài)圖形插畫設(shè)計(jì)。在動態(tài)插畫設(shè)計(jì)中圖形的運(yùn)動是最重要的特性，其中圖形的動態(tài)設(shè)計(jì)有形變、位移和性質(zhì)變化等多種表現(xiàn)方法，其中在插畫中運(yùn)用最多的則是圖形位移表現(xiàn)方法，它不會讓設(shè)計(jì)元素發(fā)生形體變化，只是在空間中發(fā)生位置變化，這就很好地保留了平面插畫的視覺完整性?！翱谡帧毕盗袆討B(tài)設(shè)計(jì)通過圖形位移表現(xiàn)方法中的圖形平移動態(tài)法、圖形旋轉(zhuǎn)動態(tài)法和圖形軌道動態(tài)法等來進(jìn)行動態(tài)設(shè)計(jì)，通過將靜態(tài)畫面語言中所無法表達(dá)的隱藏含義運(yùn)用動態(tài)化的視覺表現(xiàn)手法闡釋給觀看者，如圖4。

1.“口罩”系列動態(tài)插畫角色的動態(tài)化。插畫中角色的動態(tài)化在整個插畫動態(tài)中處于重要的地位，插畫中人物角色的動態(tài)設(shè)計(jì)可以很好地把握畫面語言的中心，在“口罩”系列中主視覺人物的動態(tài)化所產(chǎn)生的視覺語言即是受害者心理活動的外在視覺體現(xiàn)。

（1）圖形平移動態(tài)法的設(shè)計(jì)。圖形通過在空間X、Y、Z軸向上發(fā)生數(shù)值增減的變化而進(jìn)行的運(yùn)動稱為圖形平移動態(tài)法。在“藥海夢游”中運(yùn)用的是圖形位移動態(tài)法的設(shè)計(jì)，在PS時(shí)間軸上針對人物角色這個圖層按照一定的時(shí)間間隔設(shè)定關(guān)鍵幀，通過移動平面插畫中的人物位置設(shè)定位置的關(guān)鍵幀，隨著時(shí)間軸的移動讓人物處于不同的位置，實(shí)現(xiàn)角色在Y軸勻速的上下位移，如圖5。靜態(tài)插畫中主視覺人物只是處于一個被藥丸包圍的場景之中，中心點(diǎn)式構(gòu)圖具有一定的視覺吸引力，可以向觀看者傳遞一定的畫面信息，但并沒有完整具體地表達(dá)出人物角色的內(nèi)心活動，而圖形動態(tài)化設(shè)計(jì)通過上下的來回移動，在賦予角色更多的活動空間的同時(shí)也將人物角色痛苦和掙扎心理通過動態(tài)的形式更好地表達(dá)出來，這種“信息疫情”下人們對于網(wǎng)絡(luò)信息半信半疑，開心與失望相互糾纏的痛苦心理可以很好地與觀看者產(chǎn)生一定的情感互動。

面元素保持了插畫視覺語言的相對完整性，構(gòu)建插畫的視覺敘事的場景，“口罩”系列的場景動態(tài)設(shè)計(jì)是選取平面插畫中已有的視覺元素進(jìn)行動態(tài)設(shè)計(jì)，在設(shè)計(jì)過程中始終保持動態(tài)插畫中的靜態(tài)場景造型設(shè)計(jì)與插畫的造型設(shè)計(jì)一致原則。

（2）圖形旋轉(zhuǎn)動態(tài)法的設(shè)計(jì)。圖形圍繞著自身某一軸向上的自轉(zhuǎn)進(jìn)行的運(yùn)動稱為圖形旋轉(zhuǎn)動態(tài)法。在“生物鬧鐘”中運(yùn)用的是圖形旋轉(zhuǎn)動態(tài)法的設(shè)計(jì)，讓場景元素時(shí)鐘的時(shí)針、分針和秒針分別圍繞著中心點(diǎn)做繞轉(zhuǎn)運(yùn)動，同時(shí)在PS時(shí)間軸上對三個指針?biāo)幍牟煌恢迷O(shè)定關(guān)鍵幀，這樣就可以讓指針做不同速率的轉(zhuǎn)動達(dá)到動態(tài)設(shè)計(jì)，如圖6。靜態(tài)插畫中指針只是充當(dāng)時(shí)間的視覺表達(dá)元素，但是在動態(tài)化設(shè)計(jì)中通過讓指針不同速率地轉(zhuǎn)動，很好地暗示著白天與黑夜的飛速交替，打破了靜態(tài)插畫的時(shí)間限制，讓觀看者在觀看時(shí)感受到時(shí)間的流逝，同時(shí)這種飛速轉(zhuǎn)動的時(shí)鐘也會給觀看者帶來無形的壓迫和緊張感，提升插畫的整體氛圍。

（3）圖形軌道動態(tài)法的設(shè)計(jì)。圖形沿著一條特定軌道進(jìn)行的運(yùn)動稱為圖形軌道動態(tài)法。在“假面商店”中運(yùn)用的是圖形軌道動態(tài)法的設(shè)計(jì)，首先在靜態(tài)插畫需要預(yù)先的設(shè)定一條路徑，然后在PS時(shí)間軸上根據(jù)移動的路徑在不同的時(shí)間節(jié)點(diǎn)設(shè)定關(guān)鍵幀，讓設(shè)計(jì)元素氣球沿著這條預(yù)先設(shè)定的軌道進(jìn)行位移而達(dá)到動態(tài)運(yùn)動，如圖7。在靜態(tài)插畫中氣球僅僅只是充當(dāng)場景視覺元素，希望與方向在氣球上的并不具有很強(qiáng)的象征指代意義，通過動態(tài)化的設(shè)計(jì)，飄走的氣球則被賦予了更強(qiáng)的含義，它暗喻著“信息疫情”下人們方向的迷失和希望的破滅，同時(shí)動態(tài)插畫中氣球打破了靜態(tài)插畫的畫面邊界限定，擁有了更大的設(shè)計(jì)空間，畫面外的圖形運(yùn)動給了觀看者無限遐想的空間，加強(qiáng)了插畫與觀看者的互動性。

（二）動態(tài)圖形在“口罩”系列動態(tài)插畫中的價(jià)值體現(xiàn)。動態(tài)圖形是一種新的數(shù)字技術(shù)、新的媒介，它將文字、圖形和圖像進(jìn)行新的編排和組合，突破了傳統(tǒng)圖形設(shè)計(jì)的局限性，給平面設(shè)計(jì)帶來新形態(tài)和新趨勢。①豐富插畫視覺語言，增強(qiáng)插畫的故事性。“口罩”系列插畫中運(yùn)用了平移、繞轉(zhuǎn)和軌道動態(tài)等表現(xiàn)方法，這些空間上的動態(tài)設(shè)計(jì)賦予了平面插畫設(shè)計(jì)中無法表達(dá)的視覺語言和深層含義，補(bǔ)充了平面插畫不足以表達(dá)的內(nèi)容。通過元素的動態(tài)化將插畫的故事情節(jié)描繪更加完整和豐富，在氛圍的營造和情感的表達(dá)中更加精準(zhǔn)到位，給插畫中的角色提供了更為廣闊的活動空間，能夠較為清晰明了地傳達(dá)插畫信息使觀者更容易理解，豐富畫面的層次感，增加了整個作品畫面的敘事性[6] 。②增強(qiáng)視覺沖擊力，提高受眾的互動感。物體在運(yùn)動的狀態(tài)下更加能夠?qū)θ藗兊囊曈X產(chǎn)生沖擊，更容易給人留下深刻的印象，快節(jié)奏的社會下靜態(tài)的插畫設(shè)計(jì)已經(jīng)不能滿足受眾的心理需求，有視覺沖擊力、擁有一定趣味性的畫面感才能更加吸引觀者的眼球[7] 。往往靜態(tài)插畫只是單純在向人們傳達(dá)一種信息，并沒有與受眾進(jìn)行互動產(chǎn)生關(guān)聯(lián)，而“口罩”系列動態(tài)插畫運(yùn)用動態(tài)圖形設(shè)計(jì)手法，增強(qiáng)了插畫的視覺沖擊力，主動的傳遞插畫需表達(dá)的信息和內(nèi)容，觀看者也被動態(tài)化的設(shè)計(jì)所引導(dǎo)選擇主動接受插畫表達(dá)的內(nèi)涵，迅速加強(qiáng)了插畫與觀看者之間的情感互動，引發(fā)思考。③突破紙媒局限性，擴(kuò)大再傳播的力度。以傳播信息為首要目的視覺作品來說，靜態(tài)的插畫只限于在普通的立體空間中展示，并不具備很強(qiáng)的再傳播能力，很難進(jìn)入廣大網(wǎng)絡(luò)用戶的視野中，這也是當(dāng)下很多紙媒傳播的局限所在?！翱谡帧毕盗袆討B(tài)插畫中運(yùn)用動態(tài)圖形，讓插畫的應(yīng)用媒介不再局限于傳統(tǒng)的紙媒，傳播的媒介更加靈活多變，觀看的環(huán)境也不再只是限于單一、特定的環(huán)境之中，可以通過公共空間中的電子屏和互聯(lián)網(wǎng)等一些新媒介來達(dá)到宣傳目的，擴(kuò)大再傳播力度。

結(jié)語

以“口罩”作為設(shè)計(jì)創(chuàng)作選題，探究動態(tài)圖形設(shè)計(jì)在平面插畫中的應(yīng)用與實(shí)踐，運(yùn)用圖形平移態(tài)法、圖形旋轉(zhuǎn)動態(tài)法和圖形軌道動態(tài)法等表現(xiàn)方法，從平面插畫的角色和場景兩個方面分別介紹了平面插畫的動態(tài)設(shè)計(jì)以及應(yīng)用，以一種藝術(shù)化的手法將需要傳達(dá)的信息視覺化，通過這種精細(xì)準(zhǔn)確的信息傳達(dá)引發(fā)受眾更深層次的思考和探索。信息時(shí)代背景下，插畫的動態(tài)化發(fā)展勢必會成為趨勢，將動態(tài)圖形應(yīng)用于插畫中為社會受眾構(gòu)建了一種新的插畫語言，同時(shí)也拓寬了插畫的視覺傳達(dá)維度。一方面在數(shù)字化和5G下平面設(shè)計(jì)作品需要動態(tài)化，動態(tài)圖形在插畫應(yīng)用中迎合了市場的需求和時(shí)代的發(fā)展;另一方面，插畫的動態(tài)化設(shè)計(jì)對于插畫師的動態(tài)語言和數(shù)字技術(shù)提出了更高的要求，所以動態(tài)圖形在插畫中的應(yīng)用對于整個插畫行業(yè)來說既是機(jī)遇也是挑戰(zhàn)。

1001500783384