聶虹 黃果

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

引言

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

一、動態(tài)圖形

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

結(jié)語

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

1001500783384