新媒體時(shí)代下動(dòng)態(tài)插畫(huà)的傳播優(yōu)勢(shì)與案例分析

蔡琦　張杉

摘 要：隨著科技的日益發(fā)展，新媒體技術(shù)與數(shù)字化設(shè)備的應(yīng)用越來(lái)越廣泛。一些信息的傳播逐漸從單一的靜態(tài)化往多維化的方向探索。本文從新媒體時(shí)代下插圖動(dòng)態(tài)化設(shè)計(jì)趨勢(shì)的角度出發(fā)，論述動(dòng)態(tài)插畫(huà)在新媒體傳播中的應(yīng)用，通過(guò)分析動(dòng)態(tài)插畫(huà)的趣味性、故事性和互動(dòng)性淺析動(dòng)態(tài)插圖在商業(yè)傳播中的重要優(yōu)勢(shì)，以及動(dòng)態(tài)信息在傳達(dá)中發(fā)揮的重要作用。根據(jù)實(shí)踐案例來(lái)探析動(dòng)態(tài)插畫(huà)在新媒體傳播中的應(yīng)用與價(jià)值，為動(dòng)態(tài)化插畫(huà)設(shè)計(jì)的創(chuàng)新提供相應(yīng)的見(jiàn)解。

關(guān)鍵詞：動(dòng)態(tài)插畫(huà)設(shè)計(jì)；新媒體設(shè)計(jì)；優(yōu)勢(shì)分析

中圖分類(lèi)號(hào)：J51文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：2096-0905（2023）13-0-03

一、新媒體時(shí)代下動(dòng)態(tài)插畫(huà)設(shè)計(jì)概況

新媒體是相對(duì)于傳統(tǒng)媒體而言新興技術(shù)的產(chǎn)物，新媒體具有個(gè)性化突出、受眾選擇性多、表現(xiàn)形式多樣、信息傳播高效等特征。

插畫(huà)動(dòng)態(tài)化或稱(chēng)動(dòng)態(tài)插畫(huà)是近些年新媒體時(shí)代下商業(yè)宣傳方式中的新興領(lǐng)域，在一開(kāi)始21世紀(jì)數(shù)字信息化時(shí)代的到來(lái)，電腦繪制成了商業(yè)插畫(huà)的制作主流，這些利用電腦為媒介被插畫(huà)師們創(chuàng)作出來(lái)的作品被業(yè)內(nèi)人士稱(chēng)為數(shù)字插畫(huà)。這類(lèi)創(chuàng)作方式把插畫(huà)家從傳統(tǒng)的紙和筆中解放出來(lái)，高效的修改方式，便捷的存儲(chǔ)設(shè)置，以及快速的傳播方式，使得數(shù)字插畫(huà)行業(yè)急劇發(fā)展，新技術(shù)的注入給插畫(huà)領(lǐng)域帶來(lái)了史無(wú)前例的革新。尤其近些年來(lái)，軟件技術(shù)的更新迭代，不斷推動(dòng)著插畫(huà)領(lǐng)域向外探索。為插畫(huà)領(lǐng)域注入了新的表現(xiàn)范式，動(dòng)態(tài)化的插畫(huà)設(shè)計(jì)就這樣開(kāi)始出現(xiàn)在大眾的視野。動(dòng)態(tài)插畫(huà)結(jié)合了動(dòng)畫(huà)、電影等多種藝術(shù)形式的特點(diǎn)，通過(guò)一定的技術(shù)手段轉(zhuǎn)化而成具有動(dòng)態(tài)屬性的商業(yè)作品，更像是平面與動(dòng)畫(huà)結(jié)合的產(chǎn)物。結(jié)合了聲音、圖形、空間等元素。這一類(lèi)型作品結(jié)合了多種藝術(shù)形式，呈現(xiàn)出與那些傳統(tǒng)學(xué)科有聯(lián)系卻又有不同的特殊風(fēng)貌。

同時(shí)，動(dòng)態(tài)插畫(huà)在近些年蓬勃發(fā)展的原因也與新媒體的發(fā)展息息相關(guān)，隨著新媒體時(shí)代的到來(lái)，人們對(duì)于信息的接收量加大，人人都可以利用現(xiàn)有的公共網(wǎng)絡(luò)資源做自媒體宣傳，信息傳播的途徑也發(fā)生了很大的改變。線上傳播成了一些品牌信息傳播的主要途徑，互聯(lián)網(wǎng)的傳播途徑與以往傳統(tǒng)以紙媒傳播的途徑相比更為方便快捷，以電子類(lèi)產(chǎn)品為媒介進(jìn)行的商業(yè)傳播產(chǎn)生的宣傳成本也比傳統(tǒng)紙媒更加符合品牌方的商業(yè)預(yù)期。在新媒體時(shí)代的影響下，新一代的年輕人收集信息的途徑大多依靠手機(jī)網(wǎng)絡(luò)，在信息化的網(wǎng)絡(luò)傳播中，動(dòng)態(tài)化的插畫(huà)商業(yè)傳播更能吸引人們的注意力，雖然動(dòng)態(tài)化插畫(huà)設(shè)計(jì)深受電子載體的限制，因?yàn)槠湫问降奶厥庑灾挥性谝欢ǖ臄?shù)字媒體環(huán)境下才能真正實(shí)現(xiàn)它的商業(yè)價(jià)值，在互聯(lián)網(wǎng)蓬勃發(fā)展的背景下，線上的信息傳播途徑占據(jù)了人類(lèi)信息傳遞方式的一大部分，動(dòng)態(tài)插畫(huà)得到了能夠與傳統(tǒng)的宣傳方式進(jìn)行競(jìng)爭(zhēng)的支持。新媒體時(shí)代的發(fā)展也為動(dòng)態(tài)插畫(huà)行業(yè)今后的發(fā)展打下了基石[1]。

二、動(dòng)態(tài)插畫(huà)在信息傳播中的應(yīng)用

（一）在商業(yè)傳播中的應(yīng)用

動(dòng)態(tài)插畫(huà)領(lǐng)域在近些年處于蓬勃發(fā)展的狀態(tài)，在商業(yè)傳播中尤為動(dòng)態(tài)海報(bào)的出現(xiàn)頻率最高。相對(duì)于傳統(tǒng)的靜態(tài)海報(bào)，動(dòng)態(tài)化的設(shè)計(jì)具有更強(qiáng)的視覺(jué)沖擊力，憑借著動(dòng)態(tài)的插畫(huà)設(shè)計(jì)和品牌產(chǎn)品結(jié)合來(lái)營(yíng)造更多的趣味性，吸引顧客的注意力。同時(shí)，動(dòng)態(tài)插畫(huà)的動(dòng)作屬性能夠承載更多的信息，相對(duì)于二維的靜態(tài)插畫(huà)，多維化的動(dòng)態(tài)插畫(huà)在商業(yè)傳播中更具優(yōu)勢(shì)。

（二）在軟件交互界面的應(yīng)用

隨著互聯(lián)網(wǎng)的發(fā)展，新媒體時(shí)代動(dòng)態(tài)插畫(huà)也可以應(yīng)用在軟件的交互界面中，豐富的畫(huà)面細(xì)節(jié)、有趣的圖畫(huà)動(dòng)態(tài)能使界面的視覺(jué)沖擊力更強(qiáng)，在眾多同類(lèi)的軟件中更加突出，避免受眾審美疲勞，整個(gè)畫(huà)面呈現(xiàn)出輕松活潑、不枯燥的視覺(jué)效果，相較于靜態(tài)的界面設(shè)計(jì)，動(dòng)態(tài)插畫(huà)傳達(dá)的信息能附帶更多的情感化設(shè)計(jì)空間。如閑魚(yú)APP的下拉加載頁(yè)是一只擬人化的小魚(yú)在水里上下起伏的，向屏幕外眨眼微笑的動(dòng)態(tài)形象，增添了畫(huà)面的趣味性，豐富了用戶(hù)的使用體驗(yàn)，增加了用戶(hù)對(duì)軟件使用的好感度。在信息傳達(dá)的過(guò)程中，比起單純的文字呈現(xiàn)，圖形化的互動(dòng)方式往往能讓人印象更加深刻，擁有更大的溝通空間。

（三）在個(gè)性化設(shè)計(jì)中的應(yīng)用

在新媒體時(shí)代下，溝通方式有了巨大的轉(zhuǎn)變，從以往書(shū)信、面對(duì)面交談的溝通方式轉(zhuǎn)變?yōu)檫\(yùn)用社交網(wǎng)絡(luò)工具交流，各種交流應(yīng)用大量出現(xiàn)如微信、QQ等。利用移動(dòng)工具上的應(yīng)用來(lái)傳播信息的方式成為新媒體時(shí)代下傳播信息的主要方式。傳遞信息的載體除了文字外，圖片也是主要傳播的方式之一，如信息溝通上使用頻繁的表情包，使得動(dòng)態(tài)圖形設(shè)計(jì)的應(yīng)用也可以展現(xiàn)在微信的表情包設(shè)計(jì)上。人們更多的是用動(dòng)態(tài)的圖像來(lái)表達(dá)現(xiàn)在的心情，表情包的形象多樣，風(fēng)格豐富，數(shù)量眾多，用戶(hù)可以根據(jù)自己的需求來(lái)選用不同的表情包來(lái)表達(dá)自己的情緒，這使信息傳達(dá)的方式具有個(gè)性化設(shè)計(jì)的特點(diǎn)。

三、動(dòng)態(tài)插畫(huà)在信息傳播中的優(yōu)勢(shì)

（一）提高趣味性，引導(dǎo)受眾情緒

動(dòng)態(tài)插畫(huà)設(shè)計(jì)與以往的靜態(tài)插畫(huà)不同，它更加注重畫(huà)面的變化，并且可以通過(guò)畫(huà)面中的主體事物的相關(guān)變化來(lái)提升畫(huà)面的整體趣味性引導(dǎo)受眾者的情緒。如對(duì)于我們經(jīng)常遇到的網(wǎng)頁(yè)崩潰的界面來(lái)說(shuō)，使用者打開(kāi)網(wǎng)址時(shí)面對(duì)的是單調(diào)的文字或者圖片提示，很容易加劇使用者焦慮等負(fù)面情緒。目前，大多數(shù)靜態(tài)網(wǎng)址頁(yè)面僅僅以文字或簡(jiǎn)單的圖案來(lái)顯示網(wǎng)站或網(wǎng)址面臨的問(wèn)題，缺少了對(duì)信息的修飾，導(dǎo)致用戶(hù)直面生硬的頁(yè)面信息，從而影響用戶(hù)的使用體驗(yàn)感。但如果運(yùn)用動(dòng)態(tài)插畫(huà)設(shè)計(jì)，把單調(diào)的文字或圖標(biāo)擬人動(dòng)態(tài)化處理，并賦予人物相應(yīng)的變化，通過(guò)人物動(dòng)作的動(dòng)態(tài)效果，使得畫(huà)面活躍起來(lái)[2]。

（二）塑造故事感，充分完整地傳達(dá)信息內(nèi)容

動(dòng)態(tài)插畫(huà)相較于靜態(tài)的插畫(huà)來(lái)說(shuō)，可以通過(guò)指定元素的動(dòng)作形成故事情節(jié)，使觀眾通過(guò)不同的動(dòng)作情節(jié)來(lái)感受和思考插畫(huà)所要傳遞的內(nèi)容，這種思考的過(guò)程與平面作品所賦予的不同，它能夠更大程度地延長(zhǎng)觀者的注意時(shí)間，讓信息在觀者的腦海里留下相對(duì)較深的印象。同時(shí)，觀者在接收信息之后能夠通過(guò)聯(lián)想去對(duì)信息進(jìn)行自我延展，從而達(dá)到更好的傳播信息的效果。通過(guò)對(duì)動(dòng)態(tài)插畫(huà)故事感的塑造，對(duì)不同的元素設(shè)定不同的情節(jié)來(lái)完善對(duì)于信息的表達(dá)，能夠在一定程度上加大設(shè)計(jì)者的設(shè)計(jì)空間，提升平面插畫(huà)的敘事層次。

以“博洛尼亞之夜”動(dòng)態(tài)戲劇插畫(huà)海報(bào)設(shè)計(jì)之一《灰姑娘》動(dòng)態(tài)海報(bào)設(shè)計(jì)（見(jiàn)圖1）為例，海報(bào)與動(dòng)態(tài)插畫(huà)的融合增強(qiáng)了信息傳達(dá)的趣味性，讓觀眾在接收信息的同時(shí)體會(huì)到故事感。該動(dòng)態(tài)設(shè)計(jì)結(jié)合了故事的內(nèi)容，把主角的身份用插畫(huà)的方式呈現(xiàn)出來(lái)，圖片中人物的位置變化為畫(huà)面增添了空間感，利用動(dòng)態(tài)的方式形成了畫(huà)面中交替的動(dòng)作，引起觀者的好奇，使得畫(huà)面在變化的同時(shí)也能與劇中的故事結(jié)合起來(lái)，為戲劇的宣傳增添了一絲色彩。在獲得平面的信息的同時(shí)體會(huì)到額外的故事內(nèi)容。這種故事感的塑造，使得信息的傳遞更加豐滿(mǎn)與完善。

（三）增加交互性，以多維的角度去傳遞信息

動(dòng)態(tài)插畫(huà)傳播的信息量大，它融合了聲音、空間、運(yùn)動(dòng)、時(shí)間等多維化的信息要素，是一種綜合性設(shè)計(jì)藝術(shù)形式，相對(duì)于傳統(tǒng)靜態(tài)插畫(huà)設(shè)計(jì)通過(guò)新媒體的支持，使信息獲得廣泛傳播外，動(dòng)態(tài)插畫(huà)的互動(dòng)性在信息傳播中有最為明顯的優(yōu)勢(shì)，如現(xiàn)階段的H5廣告，在傳播信息的同時(shí)通過(guò)用戶(hù)的點(diǎn)擊操作等交互動(dòng)作來(lái)獲取更多的信息，使用戶(hù)成為動(dòng)態(tài)插畫(huà)設(shè)計(jì)過(guò)程的一環(huán)，通過(guò)用戶(hù)的動(dòng)作來(lái)進(jìn)行相應(yīng)的改變，這與靜態(tài)插畫(huà)相比，信息傳遞的方式由單向傳播變?yōu)橄嗷鞑ィ由钣脩?hù)的體驗(yàn)感受。

四、案例分析實(shí)踐探析

（一）《清明上河圖》明代摹本繪畫(huà)作品動(dòng)態(tài)化設(shè)計(jì)簡(jiǎn)介

本次案例由吉林大學(xué)設(shè)計(jì)學(xué)專(zhuān)業(yè)學(xué)生張杉、王競(jìng)軒共同創(chuàng)作完成，旨在利用動(dòng)態(tài)化的傳播優(yōu)勢(shì)為博物館宣傳《清明上河圖》明代摹本相關(guān)知識(shí)，更好地對(duì)古代人們的日常生活、民間習(xí)俗進(jìn)行相關(guān)知識(shí)普及與宣傳，讓觀者能夠更加直接地感受到古代人文知識(shí)，身臨其境地體會(huì)古代人們的日常生活。通過(guò)研究了解畫(huà)面中人物的姿勢(shì)、配飾、場(chǎng)景來(lái)推測(cè)出人物的身份職業(yè)以及相應(yīng)的動(dòng)作，再利用動(dòng)態(tài)化使整個(gè)畫(huà)面生動(dòng)形象，充滿(mǎn)生機(jī)，使得畫(huà)面中所要傳達(dá)的信息得到更好的呈現(xiàn)[3]。

（二）《清明上河圖》摹本動(dòng)態(tài)化設(shè)計(jì)實(shí)例

1．設(shè)計(jì)前期，歸納與整理

在設(shè)計(jì)前期，我們首先對(duì)整體的作品做了初步的了解，包括畫(huà)面的整體分布與布局，其次為了更好地進(jìn)行動(dòng)態(tài)化制作我們根據(jù)畫(huà)面整體的布局進(jìn)行四個(gè)區(qū)域的劃分。進(jìn)行劃分后每個(gè)區(qū)域按照視覺(jué)舒適度，各自挑選出需要進(jìn)行動(dòng)態(tài)化的人物與場(chǎng)景，并進(jìn)行編組處理。根據(jù)以圖2所示，根據(jù)編好的組別依次進(jìn)行內(nèi)容拆解與動(dòng)作分析，包括單個(gè)群組的動(dòng)作描述以及群組中所包含的單體內(nèi)容并統(tǒng)計(jì)好單體數(shù)量，記錄匯總數(shù)據(jù)到工作表格，以便后期動(dòng)態(tài)制作。

2．單體元素的摳取與拆分（案例制作軟件：Adobe Photoshop cc2019）

在完成前期工作表格和數(shù)據(jù)的匯總與規(guī)劃后，開(kāi)始進(jìn)行人物元素在原畫(huà)上的摳取與拆分的工作，首先在photoshop里打開(kāi)電子版的《清明上河圖》明代摹本原件，找到需要摳取的群組，按照210mm*150mm豎版創(chuàng)建畫(huà)布尺寸，在原畫(huà)上截取方便后期合成。以a區(qū)群組3中的人物5（見(jiàn)圖3）為例。截取好后根據(jù)群組所含單元個(gè)數(shù)進(jìn)行拆分骨骼，為后期動(dòng)態(tài)化制作，所有拆分人物原則上按照頭、左臂、右臂、軀干、右腿、左腿、道具七部分拆分，在拆分人物骨骼時(shí)為防止穿幫需要在關(guān)節(jié)處利用仿制圖章工具進(jìn)行擴(kuò)充填補(bǔ)[4]。

3．制作動(dòng)態(tài)（案例軟件：Adobe After Effects cc2019）

打開(kāi)制作動(dòng)態(tài)軟件，新建一個(gè)合成，把已經(jīng)拆分完成的單體元素拖入合成中，找到群組3人物5的文件，根據(jù)前期規(guī)定的動(dòng)作描述進(jìn)行動(dòng)態(tài)化設(shè)計(jì)，為構(gòu)建古時(shí)候人們?nèi)粘Ｉ畹膱?chǎng)景，整體動(dòng)作頻率較低，動(dòng)作幅度較小，動(dòng)作時(shí)常為6秒。根據(jù)動(dòng)作描述把人物具體分成了軀干，首先對(duì)人物5中的軀干圖層進(jìn)行動(dòng)態(tài)化設(shè)計(jì)，在軀干圖層的兩秒處加入關(guān)鍵幀，旋轉(zhuǎn)7度左右，在6秒處再加關(guān)鍵幀，復(fù)原旋轉(zhuǎn)度數(shù)為0度。胳膊與下肢分別圖層根據(jù)軀干旋轉(zhuǎn)角度在第2秒與第6秒處加入關(guān)鍵幀，旋轉(zhuǎn)合適角度并復(fù)原。之后選中頭部圖層，選擇向后平移錨點(diǎn)工具，在“頭部”圖層的中心秒點(diǎn)移動(dòng)到在“頭部”圖層的第2秒插入關(guān)鍵幀，選擇變換里的旋轉(zhuǎn)工具，旋轉(zhuǎn)13度左右，在第4秒處插入關(guān)鍵幀，旋轉(zhuǎn)-5度，在第6秒添入關(guān)鍵幀并復(fù)原旋轉(zhuǎn)角度，用來(lái)制作上下點(diǎn)頭觀望的生動(dòng)動(dòng)態(tài)。最后鏈接頭部、胳膊的圖層到軀干的父子集，使頭部與胳膊在自身運(yùn)動(dòng)中也保證與軀干的鏈接。

4．設(shè)置循環(huán)

完成全部的關(guān)鍵幀設(shè)計(jì)后，為達(dá)到整體不間斷循環(huán)播放的動(dòng)作效果，增添無(wú)限循環(huán)動(dòng)作。

（三）案例小結(jié)

插畫(huà)動(dòng)態(tài)化的實(shí)例分析，使觀者更進(jìn)一步地了解了插畫(huà)動(dòng)態(tài)化的過(guò)程，掌握了動(dòng)態(tài)化的基本操作步驟，古代插圖的動(dòng)態(tài)化在提高大眾的關(guān)注度的同時(shí)也讓觀者更加深刻地體會(huì)到古代人們的衣食住行，為中國(guó)古代文物的傳承做出了一定的貢獻(xiàn)。

五、結(jié)束語(yǔ)

在新媒體時(shí)代這個(gè)大背景下，動(dòng)態(tài)畫(huà)面正逐漸成為信息傳播的主要形式。這些畫(huà)面也許具有一定的功能性、商業(yè)性或者純粹給藝術(shù)家們更多表達(dá)自我的形式，但也反映出了科技的進(jìn)步給藝術(shù)和設(shè)計(jì)行業(yè)所帶來(lái)的影響。在新媒體時(shí)代的影響下，設(shè)計(jì)的很多行業(yè)發(fā)生了很大的轉(zhuǎn)變，插畫(huà)設(shè)計(jì)行業(yè)也不例外。動(dòng)態(tài)化的插畫(huà)被廣泛地應(yīng)用在商業(yè)宣傳，給大眾帶來(lái)更多的視覺(jué)體驗(yàn)。隨著動(dòng)態(tài)插畫(huà)在商業(yè)領(lǐng)域的普及，促使了國(guó)內(nèi)很多優(yōu)秀的動(dòng)態(tài)插畫(huà)家的出現(xiàn)，如在自媒體上擁有幾百萬(wàn)粉絲的插畫(huà)家鹵貓、優(yōu)秀的動(dòng)態(tài)插畫(huà)設(shè)計(jì)師西樸、釋開(kāi)達(dá)等，這些具有新媒體時(shí)代特征的動(dòng)態(tài)插畫(huà)創(chuàng)作者拓寬了中國(guó)的插畫(huà)領(lǐng)域。動(dòng)態(tài)化的插畫(huà)相對(duì)于靜態(tài)的插畫(huà)所能承載的信息增多，更能夠清晰完整地傳達(dá)所要表達(dá)的視覺(jué)信息。它也具備了靜態(tài)插畫(huà)所沒(méi)有的時(shí)間、運(yùn)動(dòng)、聲音、空間等創(chuàng)作要素，這些要素也正使得信息更加容易使觀看者接收，傳遞的速度也更快。根據(jù)目前的動(dòng)態(tài)插畫(huà)發(fā)展的趨勢(shì)，靜止不動(dòng)的圖形或者文字很有可能會(huì)逐漸被動(dòng)態(tài)的畫(huà)面所取代，大量的信息會(huì)以動(dòng)態(tài)化的形式記錄與傳播，期待動(dòng)態(tài)插畫(huà)在未來(lái)能夠給我們帶來(lái)更加豐富的視聽(tīng)設(shè)計(jì)之美。

參考文獻(xiàn)：

[1]丁男.動(dòng)態(tài)圖形設(shè)計(jì)[M].北京：化學(xué)工業(yè)出版社，2022.

[2]湯碧瑋.“跨界融合”，新媒體語(yǔ)境下的動(dòng)態(tài)圖形設(shè)計(jì)[J].電視指南，2018（14）：180-181.

[3]張安邦.動(dòng)態(tài)圖形設(shè)計(jì)研究[J].藝術(shù)品鑒，2018（17）：

181-182.

[4]王志勇.網(wǎng)頁(yè)設(shè)計(jì)動(dòng)圖繪制系統(tǒng)[J].電子技術(shù)與軟件工程，2019（01）：55-56.