劉佳妮

摘 要：文章以當(dāng)今新媒體時(shí)代背景下的設(shè)計(jì)趨勢(shì)角度出發(fā)，探究動(dòng)態(tài)化插畫在其視覺形式與傳播方式上的發(fā)展與躍步。通過(guò)分析趨勢(shì)、色彩、動(dòng)效等方面充分展現(xiàn)動(dòng)態(tài)插畫視覺張力與現(xiàn)實(shí)價(jià)值，并結(jié)合國(guó)內(nèi)外優(yōu)秀動(dòng)態(tài)插畫案例進(jìn)行補(bǔ)充說(shuō)明。設(shè)計(jì)的進(jìn)程緊隨科技腳步共同發(fā)展是必然的走向，設(shè)計(jì)與新媒體技術(shù)的融合使動(dòng)態(tài)插畫設(shè)計(jì)的理念愈發(fā)具有深意，其發(fā)展趨勢(shì)更具情感性，彰顯了科技與設(shè)計(jì)交相輝映的魅力所在。

關(guān)鍵詞：數(shù)字媒體；色彩意涵；動(dòng)態(tài)插畫；視覺設(shè)計(jì)

Abstract： Objective to explore the development and advancement of dynamic illustration in its visual form and communication mode from the perspective of design trends in todays new media era. Methods The visual tension and realistic value of dynamic illustration were fully demonstrated by analyzing trend， color and dynamic effect， and supplemented by excellent dynamic illustration cases at home and abroad. Conclusion the process of design closely follows the pace of science and technology to develop together is the inevitable trend， the integration of design and new media technology makes the concept of dynamic illustration design more and more， its development trend is more emotional， highlighting the charm of technology and design.

Keywords： Digital media；color meaning；dynamic illustration；visual design

0 引言

插畫又稱插圖，英文為「Illustration」，源自于拉丁文「Illustraio」，有照亮、圖解之意。插畫指通過(guò)將信息內(nèi)容以色彩、圖形等表現(xiàn)最終由可觀的視覺形象插附在其他載體中的圖畫。傳統(tǒng)的插畫基本上借助紙張、墻面等為載具，其表現(xiàn)形式多以手繪與印刷為主，隨著科學(xué)技術(shù)的迅猛發(fā)展以及動(dòng)態(tài)設(shè)計(jì)軟件的普及，使得設(shè)計(jì)的可視化趨向多元性發(fā)展，插畫設(shè)計(jì)的動(dòng)態(tài)化表現(xiàn)便是在新媒體技術(shù)助推下演變的一種新的視覺形式。

1 數(shù)字媒體與插畫設(shè)計(jì)的影響關(guān)系

新時(shí)代孕育新的科學(xué)技術(shù)，科技與設(shè)計(jì)的交叉融合是為適應(yīng)當(dāng)下的政治經(jīng)濟(jì)與社會(huì)文化，新興的媒體產(chǎn)生于當(dāng)下，更適應(yīng)現(xiàn)代人的思維方式，更符合現(xiàn)代人的審美維度。插畫設(shè)計(jì)通常被作為圖形展現(xiàn)形象的表達(dá)方式，是當(dāng)代很重要的一種視覺傳達(dá)方式，在當(dāng)代平面設(shè)計(jì)中應(yīng)用范圍廣泛，如商業(yè)廣告、公共事業(yè)、影視教育等方面。在當(dāng)下數(shù)字時(shí)代背景里，插畫與數(shù)字媒體技術(shù)的融合，使插畫設(shè)計(jì)的發(fā)展具有更強(qiáng)的社會(huì)適應(yīng)性，同時(shí)新技術(shù)新形式也激發(fā)出插畫設(shè)計(jì)對(duì)當(dāng)下時(shí)代的正向反饋。

總而言之，數(shù)字媒體技術(shù)的出現(xiàn)帶動(dòng)了動(dòng)態(tài)化插畫的產(chǎn)生，由于其技術(shù)上的支持，插畫設(shè)計(jì)有了更加豐富的表達(dá)形式和視覺效果，使得動(dòng)態(tài)插畫設(shè)計(jì)得以廣泛應(yīng)用在各領(lǐng)域中，并頻繁地出現(xiàn)在大眾的視野中。因此“動(dòng)態(tài)化”成為圖形設(shè)計(jì)發(fā)展的新進(jìn)路。

2 數(shù)字媒體視域下的動(dòng)態(tài)插畫趨勢(shì)與表現(xiàn)特征

2.1 “有紙”到“無(wú)紙”，體現(xiàn)設(shè)計(jì)生態(tài)化

生態(tài)的可持續(xù)發(fā)展長(zhǎng)時(shí)間以來(lái)一直是各界所關(guān)注的焦點(diǎn)，人們很早就意識(shí)到生態(tài)與設(shè)計(jì)之間的緊密關(guān)系，生態(tài)的情況影響設(shè)計(jì)的理念與方法，好的設(shè)計(jì)手段亦可改善生態(tài)環(huán)境。從20世紀(jì)90年代開始興起的一種新的設(shè)計(jì)方式即生態(tài)設(shè)計(jì)，其理念是旨在以使用再生的材料減少材料消耗為目的。生態(tài)設(shè)計(jì)又稱為“綠色設(shè)計(jì)”，其核心三R原則——“Reduce、Reuse、Recycle”旨在減少物質(zhì)和能源的消耗以及有害物質(zhì)的排放[1]，并對(duì)可回收型材料進(jìn)行轉(zhuǎn)換以達(dá)到對(duì)環(huán)境的保護(hù)。

動(dòng)態(tài)插畫設(shè)計(jì)是隨數(shù)字技術(shù)的發(fā)展而產(chǎn)生，由此在傳達(dá)需求上，對(duì)紙媒載體的依賴大大減小，其載體也基本上從“有紙”轉(zhuǎn)向“無(wú)紙”，可見從設(shè)計(jì)概念到落地的全過(guò)程，很大程度上減少了生態(tài)資源的消耗，同時(shí)節(jié)省了印刷的油墨以及機(jī)器的護(hù)理維修所需的經(jīng)費(fèi)，因?yàn)槭橇髅襟w傳播所以無(wú)須后續(xù)回收操作，也省去了一部分的資源配置問(wèn)題。因此從動(dòng)態(tài)插畫的設(shè)計(jì)流程及傳遞方式上足以見得，現(xiàn)代社會(huì)中的設(shè)計(jì)的發(fā)展是科技、藝術(shù)、人文的結(jié)合，設(shè)計(jì)師通過(guò)將數(shù)字媒體技術(shù)與插畫設(shè)計(jì)進(jìn)行靈活融匯，不斷地嘗試與進(jìn)步后，所得的正向回饋已遠(yuǎn)遠(yuǎn)超出最初的設(shè)想，同時(shí)也在不經(jīng)意間推動(dòng)了設(shè)計(jì)的生態(tài)化進(jìn)程。

2.2 依托動(dòng)態(tài)優(yōu)勢(shì)，高效傳播文化

由于傳統(tǒng)插畫的信息輻射面、制作技術(shù)等多方面的局限，使得靜態(tài)插畫的內(nèi)容承載量也受到限制，而如今新媒體新技術(shù)賦予了動(dòng)態(tài)插畫設(shè)計(jì)時(shí)間性的延展，設(shè)備的高色域值使插畫表現(xiàn)更具色彩張力，同時(shí)動(dòng)態(tài)效果大大豐富了畫面的視覺美，使動(dòng)態(tài)插畫成為了文化知識(shí)推廣的新思路?？偠灾?，基于動(dòng)態(tài)插畫的動(dòng)態(tài)條件，在傳播文化過(guò)程中其優(yōu)勢(shì)在于以下三點(diǎn)：充足的敘事時(shí)間、更好的視覺美感、豐富的情感體驗(yàn)。

其次，動(dòng)態(tài)插畫可以憑借網(wǎng)絡(luò)媒體的優(yōu)勢(shì)，從而實(shí)現(xiàn)信息傳遞的開放性、全球性、實(shí)時(shí)性。同時(shí)由于動(dòng)態(tài)插畫的信息承載量大、敘事生動(dòng)精彩的優(yōu)點(diǎn)，可助推文化在國(guó)際范圍面的覆蓋，加強(qiáng)國(guó)際間的文化友好交流。且針對(duì)于兒童的教育類、科普類的電子圖書，動(dòng)態(tài)插畫的形式可以很生動(dòng)地解釋書內(nèi)的專業(yè)名詞，幫助兒童理解抽象的知識(shí)點(diǎn)。

例如藝術(shù)家Avuan Deep為伊斯蘭教的傳統(tǒng)節(jié)日開齋節(jié)所制作的動(dòng)態(tài)插畫（圖1）。該作品通過(guò)運(yùn)用旋轉(zhuǎn)、位移等手法進(jìn)行場(chǎng)景的轉(zhuǎn)換，呈現(xiàn)連貫流暢的動(dòng)態(tài)效果使得情節(jié)動(dòng)人。設(shè)計(jì)師采用分格漫畫的構(gòu)成形式，情節(jié)內(nèi)容上邏輯清晰明了，在短暫的時(shí)間內(nèi)便將節(jié)日的活動(dòng)事宜交代清楚，將宗教慶典的習(xí)俗活動(dòng)的敘事呈遞進(jìn)式生動(dòng)展現(xiàn)。此外，色彩的搭配尊重了伊斯蘭教的宗教文化。受地域及文化影響，伊斯蘭教服飾及建筑色彩中常見黃、白、藍(lán)、綠、紅等色。綠色是伊斯蘭教的吉祥色之一，對(duì)他們來(lái)說(shuō)綠色是生命、和平及希望的具象顯示，白色是圣潔的體現(xiàn)。該作品中大量應(yīng)用這些具有極強(qiáng)特征性的色彩，將開齋節(jié)日的歡慶氛圍極具感染力地呈現(xiàn)出來(lái)。

2.3 傳播媒介多樣，應(yīng)用普適性廣

在當(dāng)下數(shù)字時(shí)代背景里，數(shù)字化的浪潮對(duì)插畫設(shè)計(jì)有著深遠(yuǎn)的影響。由于動(dòng)態(tài)插畫的設(shè)計(jì)依靠于Photoshop、Adobe After Effects、Flash、Procreate等電腦軟件的制作合成，因此可以借助手機(jī)、電腦以及各種app進(jìn)行傳播。動(dòng)態(tài)插畫以各樣的方式融入人們的日常生活、工作、娛樂中，這促進(jìn)了動(dòng)態(tài)插畫的大面積普及，使動(dòng)態(tài)插畫不再只作為數(shù)字藝術(shù)品被展示與收藏，也不局限于商業(yè)廣告的使用。任何人都可以通過(guò)各種新媒體工具以及軟件，依靠各自的想法制作出有意思的設(shè)計(jì)作品，如個(gè)性化的表情包自制等。在這個(gè)過(guò)程中，人們既是接收者也是發(fā)出者，信息的傳遞也由被動(dòng)轉(zhuǎn)化為主動(dòng)。

同時(shí)，傳播媒介的變革也改變了傳統(tǒng)插畫設(shè)計(jì)因制作技術(shù)的局限性而導(dǎo)致傳播速率低下的問(wèn)題，數(shù)字化時(shí)代下網(wǎng)絡(luò)媒體承載信息量大、更新速度快，動(dòng)態(tài)插畫一經(jīng)完成便可直接通過(guò)互聯(lián)網(wǎng)進(jìn)行快速傳播，省去了紙媒插畫所需的打樣、印刷等一系列操作流程所帶來(lái)的時(shí)間滯留，提升了動(dòng)態(tài)插畫傳播的時(shí)效性。傳播速度的提升以及應(yīng)用普適性的拓寬，為動(dòng)態(tài)插畫設(shè)計(jì)的發(fā)展提供有利條件。

2.4 感官聯(lián)通，體驗(yàn)互動(dòng)的趣味

人作為感官性的信息接收器，經(jīng)由五感去體會(huì)與認(rèn)識(shí)外界的環(huán)境，當(dāng)不同的感官被調(diào)動(dòng)起來(lái)，人們能對(duì)同一件事物產(chǎn)生全新的感受。視覺作為最重要的感官，在設(shè)計(jì)中通常以視覺感為中心，而其余四感則作為輔助。聽覺感受可以在一定程度上調(diào)動(dòng)人的情緒，催生人的原始情感[2]，通常來(lái)看，在動(dòng)態(tài)插畫中音樂聲效的輔助可以提高畫面寓意的傳遞效率，且一般作為動(dòng)效音、背景伴奏音、旁白音等形式出現(xiàn)。除此外，觸覺是我們的眼睛、耳朵、鼻子以及嘴巴的根源，觸摸可以感覺到物的質(zhì)量、重量、溫度等屬性。觸摸，可以拉近人與環(huán)境的距離，從而產(chǎn)生一種親密信任的感覺。多感官介入的動(dòng)態(tài)插畫設(shè)計(jì)，可使觀者在對(duì)其欣賞中得到“沉浸式”的體驗(yàn)回饋。

《Awake》是一幅極具探索精神的作品，結(jié)合了插畫的靜態(tài)與動(dòng)態(tài)兩種形式，運(yùn)用數(shù)字制作與交互技術(shù)，當(dāng)觀者去觸摸作品時(shí)會(huì)觸發(fā)動(dòng)態(tài)畫面，這些畫面被投射到畫布上，隨后再消失，其過(guò)程頗具趣味性，又在不知不覺間調(diào)動(dòng)了觀者的探索欲。由此可見，在多感官的輔助作用下，人與作品間不再是純粹的欣賞與被欣賞的關(guān)系，由感覺器官體驗(yàn)到的觀看、聆聽、觸摸及品味共同搭建了雙方共鳴的橋梁。

3 動(dòng)態(tài)插畫設(shè)計(jì)的視覺表現(xiàn)方式

相較傳統(tǒng)靜態(tài)插畫，動(dòng)態(tài)插畫在同等畫面尺寸中的信息表述更有明顯的優(yōu)勢(shì)，其所具有的空間性與時(shí)間性的延展，可使觀者在方寸之間獲得到更多的信息內(nèi)容。由于其時(shí)間線的延長(zhǎng)，動(dòng)態(tài)插畫內(nèi)容的完整性得到加強(qiáng)，這也就弱化了畫面對(duì)文字的依賴程度，因此動(dòng)態(tài)插畫設(shè)計(jì)的視覺表現(xiàn)多以色彩和動(dòng)效的方式來(lái)詮釋主題情節(jié)，配樂及文字更多是起到錦上添花的作用。

3.1 色彩的多重意義

3.1.1 色彩的情感主導(dǎo)性

色彩是藝術(shù)設(shè)計(jì)中最直觀、有力的情感傳達(dá)方式之一[3]。根據(jù)視覺的認(rèn)知主導(dǎo)性，人的視覺在受到色彩的刺激時(shí)，會(huì)導(dǎo)致間接或直接的心理暗示[4]，同樣的色彩會(huì)因?yàn)橹車氐挠绊懚鴮?duì)觀者產(chǎn)生正向與負(fù)向的心理作用。由于色彩的色相、明度以及飽和度等要素會(huì)勾起主體認(rèn)知中留存的相關(guān)記憶，同時(shí)也因個(gè)人的主觀心理因素而產(chǎn)生一些相對(duì)抽象、具象的聯(lián)想，從而帶動(dòng)主體情感的波動(dòng)。如低飽和度自帶平靜及溫和的色彩氣質(zhì)，因此治愈系插畫考慮到主體閱讀時(shí)的心理感受，在設(shè)計(jì)配色時(shí)就會(huì)首選此類顏色而盡量避免高飽和高亮度的明艷色系。反之，則會(huì)讓觀者感受到作品的強(qiáng)烈情緒。

中國(guó)動(dòng)態(tài)插畫師西樸創(chuàng)作的《躁動(dòng)不安的心》，該作品呈現(xiàn)出“以色狀聲”“以聲喻形”的視聽特性。畫面內(nèi)容繪制了小女孩情緒的逐漸變化，手捧的紅心由完整到撕裂，人物表情由恬靜到暴躁，面部色彩由膚色到紅色，動(dòng)作從輕柔到狂躁，畫面背景顏色隨著節(jié)奏變化而越發(fā)鮮艷，鮮亮的紅與明快的黃不斷轉(zhuǎn)變，人物的變化對(duì)應(yīng)著背景音里少女不同階段的囈語(yǔ)，同時(shí)伴隨著低沉規(guī)律的鼓點(diǎn)聲和變調(diào)，觀者可從沖擊感的色彩中感受到作品傳遞出的交織著濃郁掙扎與不安的情緒。

3.1.2 色彩的表征性

同時(shí)，色彩也具有表征性，插畫設(shè)計(jì)師的巧思賦予它鮮明的人文特征。由于國(guó)家、民族、宗教、地域、文化的差異，在不同背景的生存環(huán)境下，基于長(zhǎng)時(shí)記憶的信息構(gòu)建，不同的群體會(huì)形成其特定的信息加工模式[5]。這意味著人對(duì)信息的處理以及構(gòu)建會(huì)趨于某一種慣習(xí)性的認(rèn)知模式，這個(gè)模式代表著當(dāng)下主體對(duì)事物結(jié)構(gòu)的理解。因此在針對(duì)具有代表性、文化性主題時(shí)，設(shè)計(jì)師通常會(huì)優(yōu)先考慮具有當(dāng)?shù)匚幕瘶?biāo)志性的色彩。

如日本插畫設(shè)計(jì)師NoriOkawa的動(dòng)態(tài)插畫作品《快樂的來(lái)世》，她的創(chuàng)作受日本江戶時(shí)期浮世繪享樂主義的啟發(fā)。浮世繪的色彩模式受自然、社會(huì)以及外來(lái)因素的影響，到了明治時(shí)代，逐漸開始廣泛地使用顏色鮮亮明艷的化學(xué)顏料，主要有明治紅、紫色、桃色等[6]。該作品運(yùn)用平涂的方式將色彩進(jìn)行疊加，延伸了畫面的層次感。大量運(yùn)用墨色、丹色、洋紅、普魯士藍(lán)等浮世繪的經(jīng)典配色（圖2），背景色的處理上增加了噪點(diǎn)效果，使得畫作傳統(tǒng)中多了些現(xiàn)代感。簡(jiǎn)潔的人物形體與色彩紋理形成鮮明對(duì)比，使插畫作品充滿飄然與活力的樂趣，呈現(xiàn)給觀者明艷、冼練的享受（圖3）。

3.2 動(dòng)態(tài)效果的表現(xiàn)

動(dòng)態(tài)插畫中的內(nèi)容情節(jié)基本借助動(dòng)態(tài)效果和鏡頭語(yǔ)言來(lái)完成較為完整的敘事。在以人為本的插畫設(shè)計(jì)中，動(dòng)態(tài)效果應(yīng)是對(duì)人的視線有積極引導(dǎo)作用，提高識(shí)圖效率的同時(shí)亦可降低視覺的疲勞感。若要達(dá)到視覺焦點(diǎn)的轉(zhuǎn)移緊隨動(dòng)效的變化，需對(duì)動(dòng)態(tài)插畫中動(dòng)態(tài)元素的主次、強(qiáng)弱進(jìn)行合理安排，調(diào)動(dòng)觀者視線對(duì)重要信息的及時(shí)捕捉，幫助受眾對(duì)信息內(nèi)容的理解與記憶。同時(shí)在畫面的構(gòu)成中遵循形式美的設(shè)計(jì)法則，需把握畫面動(dòng)效的節(jié)奏與律動(dòng)，滿足觀者的審美心理需求，達(dá)到人與畫和諧的視覺互動(dòng)，從而高效地傳遞信息。

插畫中的動(dòng)態(tài)表現(xiàn)，也可分為局部動(dòng)態(tài)和整體動(dòng)態(tài)[7]。關(guān)于插畫“動(dòng)”的特征，最顯著的表現(xiàn)在對(duì)人物、動(dòng)物以及自然元素等客觀事物的動(dòng)效設(shè)計(jì)。局部動(dòng)態(tài)插畫的表述目標(biāo)鮮明，且一般可分為人物及全景兩種主題情況。若是人物為主題的動(dòng)態(tài)插畫，動(dòng)效設(shè)計(jì)大多集中在有關(guān)角色的表現(xiàn)上，或是表情或是動(dòng)作，也會(huì)體現(xiàn)在可強(qiáng)化人物表現(xiàn)的景與物中，多用不同的顏色明暗進(jìn)行區(qū)分。

由插畫家Riccardo Guasco為“博洛尼亞之夜”制作的戲劇動(dòng)態(tài)插畫?？紤]其主題性，視覺動(dòng)效設(shè)計(jì)聚焦于畫面視覺中心的人物表現(xiàn)上，人物的動(dòng)態(tài)設(shè)計(jì)包含了旋轉(zhuǎn)、重復(fù)、彌散、循環(huán)等手法，邏輯縝密，畫面流暢。同時(shí)人物作為每幅插畫設(shè)計(jì)的視覺主體，采用扁平幾何風(fēng)格，以簡(jiǎn)潔的線條勾勒出每部戲劇的內(nèi)容和情緒。主體人物多與純色背景之間呈相近色或?qū)Ρ壬?jiǎn)約大色塊的構(gòu)成，具有很強(qiáng)的視覺包容性，該主題色彩為紫色調(diào)，不同的階度強(qiáng)調(diào)的明暗關(guān)系，渲染了畫面濃郁的神秘氣息，營(yíng)造出和諧舒適的視覺效果（圖4）。

4 結(jié)語(yǔ)

綜上，動(dòng)態(tài)插畫設(shè)計(jì)的出現(xiàn)與發(fā)展離不開當(dāng)下時(shí)代信息傳達(dá)方式的變化，同樣也與數(shù)字媒介的變革以及人的審美緯度的轉(zhuǎn)變緊密相連。媒介的多樣化帶給了設(shè)計(jì)無(wú)限的可能性，給予了插畫設(shè)計(jì)豐富躍動(dòng)的視覺表現(xiàn)，彌補(bǔ)了過(guò)去的恒常單一性。而在如今信息爆炸的時(shí)代里，如何高效地、去偽存真地從海量的信息在篩選出我們所需要的，這要求動(dòng)態(tài)插畫處理信息需準(zhǔn)確與形象。從人性化設(shè)計(jì)的角度來(lái)看，插畫師在制作動(dòng)態(tài)插畫時(shí)始終要遵循以人為本的設(shè)計(jì)理念，需結(jié)合不同的主題考慮到各階段觀者的人體機(jī)能，把控好插畫時(shí)間長(zhǎng)短是否適宜人的注意力。同時(shí)從畫面的全局出發(fā)，如插畫色彩搭配的視覺舒適度，如何搭配色彩去體現(xiàn)插畫背后的文化意涵，動(dòng)效設(shè)計(jì)是否產(chǎn)生和諧的視知覺體驗(yàn)音效與畫面的節(jié)奏匹配度，以及如何借助數(shù)字媒介使動(dòng)態(tài)插畫達(dá)成更好的多感官知覺互動(dòng)體驗(yàn)。這需要設(shè)計(jì)師有的放矢，從多個(gè)角度深入思考，有選擇性地抓取其中的主要表現(xiàn)，從而達(dá)到主輔有序，邏輯清明，和諧適度。

5 參考文獻(xiàn)

[1]隋李娜.探析李漁《閑情偶寄》所折射出的綠色設(shè)計(jì)理念[J].藝術(shù)與設(shè)計(jì)（理論），2023，2（05）：49-51.

[2]梁靖羚.感知的重建[D].重慶：西南大學(xué)，2023.

[3]周敦頤.色彩與情感：藝術(shù)設(shè)計(jì)中的情感傳達(dá)與心理影響[J].色彩，2023（09）：94-96.

[4]林靜.傳情達(dá)意：談色彩在平面廣告設(shè)計(jì)中的應(yīng)用[J].湖南包裝，2009（4）：18-19.

[5]杜嘉鈺，陳少芬，鄭家幸，等.中國(guó)人色彩認(rèn)知心理及色彩圖譜探究[J].湖南包裝，2022，37（01）：27-31.

[6]董欣.浮世繪色彩元素在當(dāng)代繪畫中的應(yīng)用[D].沈陽(yáng)：魯迅美術(shù)學(xué)院，2023.

[7]羅木英.動(dòng)態(tài)插畫的動(dòng)態(tài)表現(xiàn)區(qū)域選定及其表現(xiàn)技法研究[D].廣州：廣州大學(xué)，2019：14.