動態圖形設計在插畫中的表現方法研究

聶虹 黃果

關鍵詞：動態圖形設計 平面插畫 表現方法 設計實踐 視覺語言

引言

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

一、動態圖形

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

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

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

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

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

二、“口罩”系列動態插畫設計實踐

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

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

（一）“口罩”系列平面插畫設計

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

2.“口罩”系列平面插畫場景設計。場景在插畫設計中有其獨特的藝術特色，對于氣氛的烘托有著重要的作用，“口罩”系列插畫設計作為一個故事性、敘事性的插畫表現形式，氛圍的營造尤為重要。“口罩”系列描繪的是受害者的內心世界，所以更多采用虛擬、荒誕、非現實的場景構造，用更具有意義的視覺元素來代替現實生活中的場景，賦予視覺元素更加豐富的內涵，通過虛實結合使整個插畫更具有諷刺意味。

（1）室外環境場景設計。“鳥籠城市”中原本的一棟棟居民樓都變成了鳥籠，疫情期間的人們被隔離在家就像鳥被關在籠中失去了自由，加上烏云、小雨等氛圍營造帶給人抑郁和低落的感受，每個人的內心世界都下起了雨。“藥海夢游”中將藥丸作為視覺素材，層層疊疊的藥丸是對于新冠病毒“特效藥”謠言四起的反思，隨著疫情事態的發展，一些所謂的“特效藥”也是投人所好，什么板藍根、抗生素、雙黃連可以預防新冠病毒的謠言層出不窮。“煙霧森林”中搭建了一個煙霧彌漫的森林，對于新冠病毒的未知程度，網絡上不透明、不確定的信息就像雜草叢生的灌木叢一樣，讓人感到的迷茫和害怕從而喪失了主觀意識，如圖2。

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

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

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

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

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

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

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

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

結語

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

1001500783384