廖韻儀 王娟

摘? 要：隨著大數(shù)據(jù)時(shí)代的到來(lái)，信息技術(shù)的不斷發(fā)展讓信息的處理逐漸系統(tǒng)化，其視覺(jué)呈現(xiàn)也從抽象的數(shù)據(jù)轉(zhuǎn)化為可視化的視覺(jué)圖形，從靜態(tài)轉(zhuǎn)變?yōu)閯?dòng)態(tài)，并在各行各業(yè)中廣泛應(yīng)用。而MG動(dòng)畫(huà)通過(guò)文字、圖形等信息“動(dòng)態(tài)化”，配合聲音與交互達(dá)到更好的傳遞效果。因此，研究MG動(dòng)畫(huà)，針對(duì)其設(shè)計(jì)特點(diǎn)、形式及設(shè)計(jì)要素等，通過(guò)案例分析與文獻(xiàn)調(diào)查法分析，挖掘動(dòng)態(tài)信息可視化的發(fā)展路徑，可以減少人們的認(rèn)知負(fù)荷，提高信息傳遞效率，探索動(dòng)態(tài)信息可視化的發(fā)展趨勢(shì)。

關(guān)鍵詞：信息可視化；動(dòng)態(tài)視覺(jué)化；MG動(dòng)畫(huà)；設(shè)計(jì)路徑

基金項(xiàng)目：本文系廣東省本科高校教學(xué)質(zhì)量與教學(xué)改革工程建設(shè)項(xiàng)目“設(shè)計(jì)類(lèi)專(zhuān)業(yè)實(shí)驗(yàn)教學(xué)示范中心”（粵教高函〔2020〕19號(hào)）；國(guó)家社科基金一般項(xiàng)目“清代十三行外銷(xiāo)包裝的設(shè)計(jì)美學(xué)研究”（17BZX131）；“面向協(xié)同創(chuàng)新的設(shè)計(jì)藝術(shù)專(zhuān)業(yè)學(xué)位碩士研究生實(shí)踐能力培養(yǎng)”（2016JGXM-06）研究成果。

與傳統(tǒng)的靜態(tài)信息可視化相比，動(dòng)態(tài)視覺(jué)化具有獨(dú)特的優(yōu)勢(shì)，通過(guò)多維的可視化處理，不僅極大豐富了信息的視覺(jué)呈現(xiàn)形式和視覺(jué)表達(dá)方式，并且解決了受眾對(duì)靜態(tài)圖像的認(rèn)知負(fù)荷問(wèn)題，以抽象圖形可視化加速受眾對(duì)信息的篩選及理解。而MG動(dòng)畫(huà)在數(shù)字媒體時(shí)代應(yīng)運(yùn)而生，是新型的動(dòng)態(tài)信息可視化設(shè)計(jì)方式，以符號(hào)學(xué)、傳播學(xué)、設(shè)計(jì)學(xué)等為基礎(chǔ)，將文字概念符號(hào)化、動(dòng)態(tài)展示和故事化，在現(xiàn)階段極大滿足了人們的視覺(jué)審美要求和內(nèi)容認(rèn)知簡(jiǎn)易度，但是也存在明顯的缺陷，主要表現(xiàn)在文字、圖形、聲音、交互等。

一、信息可視化發(fā)展

短短的幾十年間，從計(jì)算機(jī)的誕生到計(jì)算機(jī)的普及再到計(jì)算機(jī)的飛速發(fā)展，21世紀(jì)已進(jìn)入了信息化和多元化時(shí)代。計(jì)算機(jī)已把文本、圖形、圖像、聲音等進(jìn)行信息數(shù)據(jù)化。因?yàn)樵谶@大數(shù)據(jù)時(shí)代之中，信息數(shù)據(jù)的龐大造成了信息處理的困難，人們需要大量地閱讀并精確地篩選其有用的信息。如今圖形處理技術(shù)、虛擬現(xiàn)實(shí)技術(shù)、信息科學(xué)及IT技術(shù)等的發(fā)展，通過(guò)信息可視化方式的圖像呈現(xiàn)能夠使人更容易地了解與分析數(shù)據(jù)。

信息可視化屬于跨學(xué)科領(lǐng)域，主要把繁雜的信息數(shù)據(jù)通過(guò)視覺(jué)呈現(xiàn)的方式直觀地傳達(dá)出來(lái)。設(shè)計(jì)的表達(dá)形式與交互技術(shù)的應(yīng)用讓受眾能夠感興趣的探索和短時(shí)間的理解信息，加強(qiáng)人們的認(rèn)知活動(dòng)。從18世紀(jì)后期數(shù)據(jù)圖形學(xué)誕生以來(lái)，抽象信息的視覺(jué)表達(dá)手段一直被人們用來(lái)揭示數(shù)據(jù)及其他隱匿模式的奧秘。到20世紀(jì)90年代圖形化界面的出現(xiàn)，技術(shù)的突破讓人們能夠與可視化的信息直接進(jìn)行交互，為信息可視化的研究提供了更多可能。

發(fā)展至今，相比單純的文字而言，視覺(jué)可視化的信息更具有傳播性和說(shuō)服性，這些都讓信息的傳播更加高效準(zhǔn)確，其呈現(xiàn)方式可以是地圖、圖表、圖像、動(dòng)畫(huà)等，它不限于視覺(jué)的層面，還結(jié)合了圖標(biāo)、文字、表格、錄像等形式，甚至可以涉及醫(yī)療、企業(yè)管理、氣象預(yù)測(cè)、資源勘探、信息搜索與表達(dá)，等等。

二、信息可視化中的MG動(dòng)畫(huà)

MG動(dòng)畫(huà)（Motion Graphics）在信息可視化的展示中，主要是把繁雜抽象的數(shù)據(jù)通過(guò)設(shè)計(jì)轉(zhuǎn)變?yōu)閯?dòng)態(tài)且可變化的過(guò)程，其原理是通過(guò)時(shí)間軸變化的方式呈現(xiàn)連續(xù)的靜態(tài)圖形或影像，讓人產(chǎn)生視覺(jué)連續(xù)的錯(cuò)覺(jué)，其利用的是人眼的視覺(jué)暫留特性。它主要著重展現(xiàn)對(duì)象的運(yùn)動(dòng)過(guò)程，運(yùn)用計(jì)算機(jī)工具設(shè)計(jì)動(dòng)畫(huà)，表現(xiàn)人物、物品、動(dòng)物的運(yùn)動(dòng)軌跡，并以其簡(jiǎn)潔、靈活、有趣、包容性和互動(dòng)性深深地吸引著觀眾。

（一）扁平化設(shè)計(jì)

通過(guò)MG動(dòng)畫(huà)的設(shè)計(jì)，將文字概念符號(hào)化、信息動(dòng)態(tài)展示以及故事化演繹等方式呈現(xiàn)得更具易讀性。信息的處理與組織讓內(nèi)容層次分明，重點(diǎn)突出，極大地提高了信息的傳遞效率，讓信息的傳播更為生動(dòng)、高效。一般常采用扁平化風(fēng)格，以抽象和極簡(jiǎn)來(lái)剔除干擾因素，圖像簡(jiǎn)單明了。扁平化風(fēng)格可以使制作過(guò)程更加簡(jiǎn)易且高效，大大降低了制作成本，讓設(shè)計(jì)師們?cè)趶V闊的創(chuàng)意空間中有更多的創(chuàng)意自由。所以，動(dòng)態(tài)圖形好比畫(huà)龍點(diǎn)睛的一筆，為運(yùn)營(yíng)設(shè)計(jì)增加了諸多趣味。

例如，蘋(píng)果5C產(chǎn)品發(fā)布會(huì)上簡(jiǎn)單的蘋(píng)果宣傳片點(diǎn)線的MG動(dòng)畫(huà)廣告《Designed by Apple in California》，觸動(dòng)了大部分人的心，給人耳目一新的感覺(jué)，使用簡(jiǎn)單的線條，縱橫交錯(cuò)，表現(xiàn)出想要傳達(dá)的內(nèi)容，大氣又不俗套。鏡頭通過(guò)視覺(jué)的文字與圖形以及流暢的動(dòng)態(tài)設(shè)計(jì)，并結(jié)合聽(tīng)覺(jué)選擇匹配的配樂(lè)，詮釋了蘋(píng)果“簡(jiǎn)約而不簡(jiǎn)單”的設(shè)計(jì)理念。這樣的設(shè)計(jì)巧妙地將文字概念符號(hào)化、信息動(dòng)態(tài)可視化，牽動(dòng)受眾者的情緒，輕松生動(dòng)且有趣地傳遞所想表達(dá)的意思，引起受眾的興趣。

（二）敘事性設(shè)計(jì)

故事的編排演繹也可以進(jìn)行敘事的可視化傳播，其將故事內(nèi)容作為切入點(diǎn)，隱喻或者直接地傳遞信息。這一般用于即時(shí)性宣傳類(lèi)，主要來(lái)自熱點(diǎn)新聞、突發(fā)事件或者發(fā)酵事件，因?yàn)楝F(xiàn)如今新媒體時(shí)代注重的是信息的即時(shí)性。例如王者榮耀的拜年MG動(dòng)畫(huà)視頻，在動(dòng)畫(huà)中使用了游戲人物和場(chǎng)景。同時(shí)，結(jié)合新年團(tuán)圓的場(chǎng)景，加入新年新氣象恭祝大家新年快樂(lè)，運(yùn)用新年的熱點(diǎn)來(lái)設(shè)計(jì)。

（三）非敘事性設(shè)計(jì)

非敘事性的MG動(dòng)畫(huà)表現(xiàn)形式一般常用于宣傳教育類(lèi)，就如上海的MG動(dòng)畫(huà)制作垃圾分類(lèi)宣傳片，畫(huà)面簡(jiǎn)潔，表現(xiàn)力強(qiáng)。較強(qiáng)的可控性使得垃圾分類(lèi)回收宣傳的質(zhì)量得到了良好的保障，也可以生動(dòng)地展現(xiàn)動(dòng)畫(huà)的色彩畫(huà)面，增強(qiáng)了垃圾分類(lèi)回收MG動(dòng)畫(huà)的可觀賞性，從而吸引受眾關(guān)注。同時(shí)，還具有獨(dú)特的交互性。受眾可以通過(guò)點(diǎn)擊、選擇等動(dòng)作決定動(dòng)畫(huà)的運(yùn)行過(guò)程和結(jié)果，能夠很好地滿足受眾的需要，從而促進(jìn)垃圾分類(lèi)回收信息的傳遞，提高人們的環(huán)保意識(shí)，同時(shí)因?yàn)槲募w量小、傳輸速度快等特點(diǎn)使得動(dòng)畫(huà)能夠在網(wǎng)絡(luò)上進(jìn)行廣泛的傳播和下載。在眾多MG動(dòng)畫(huà)中，很好地發(fā)揮了其優(yōu)勢(shì)，使動(dòng)畫(huà)更好地為環(huán)保宣傳推廣服務(wù)。

總而言之，動(dòng)態(tài)的制作在信息可視化的圖像、文字等表達(dá)上確實(shí)具備著獨(dú)特優(yōu)勢(shì)，能夠充分地詮釋對(duì)象動(dòng)態(tài)的變化過(guò)程。在信息接收者理解對(duì)象的信息時(shí)，MG動(dòng)畫(huà)能夠迅速對(duì)其軌跡信息進(jìn)行處理，增強(qiáng)視覺(jué)感知，并有效地理解信息的結(jié)構(gòu)。所以，它以簡(jiǎn)潔、生動(dòng)、有趣等特點(diǎn)成為了廣受歡迎的宣傳方式，也產(chǎn)生了巨大的社會(huì)效益和經(jīng)濟(jì)效益，同時(shí)還可具有更多的文化內(nèi)涵。MG動(dòng)畫(huà)已經(jīng)成為許多公司的藝術(shù)視覺(jué)符號(hào)，這些MG動(dòng)畫(huà)反映了制作公司的文化內(nèi)涵和公司的審美標(biāo)準(zhǔn)，突出視覺(jué)和聽(tīng)覺(jué)的作用，發(fā)揮動(dòng)畫(huà)形象的優(yōu)勢(shì)，使得MG動(dòng)畫(huà)作品更具文化內(nèi)涵。

三、MG動(dòng)畫(huà)中動(dòng)態(tài)信息可視化的設(shè)計(jì)要素及設(shè)計(jì)路徑

（一）精選文字信息，升華整體內(nèi)涵

文字在動(dòng)態(tài)信息可視化中常用數(shù)據(jù)的支撐作為受眾面對(duì)動(dòng)態(tài)信息可視化的視覺(jué)特征，主要用于對(duì)畫(huà)面的解釋、說(shuō)明。如：與圖像相互補(bǔ)充、相輔而行，或者根據(jù)圖像中的信息，提供確切的指示關(guān)系，又或者凸顯圖像內(nèi)涵，升華寓意，提高表現(xiàn)力。

在MG動(dòng)畫(huà)中，文字一般在鏡頭中動(dòng)態(tài)顯示，文案再配以旁白的方式作為配音，與畫(huà)面相互配合。但其出現(xiàn)的時(shí)間較短，導(dǎo)致受眾需要快速地認(rèn)知反應(yīng)才可接受，因此出現(xiàn)了認(rèn)知負(fù)荷。動(dòng)態(tài)的文字因增添了特效反而在一定程度上干擾了受眾對(duì)此信息的接受程度，削弱了文字在信息傳播中的功能和效果。但也可以通過(guò)對(duì)文本的間隔、運(yùn)動(dòng)的速度與方向或者色彩等進(jìn)行控制，把握好信息的強(qiáng)弱和重點(diǎn)部分，以此考慮大眾的信息接受能力。蘋(píng)果宣傳片點(diǎn)線的MG動(dòng)畫(huà)廣告《Designed by Apple in California》或谷德設(shè)計(jì)網(wǎng)發(fā)布了一個(gè)極簡(jiǎn)作品《Understand Music by Finally Studio》，都是簡(jiǎn)潔的畫(huà)面，主要由文字和圖形構(gòu)成。它們著重在文案部分，巧妙地將動(dòng)態(tài)圖形作為輔助，以節(jié)奏的動(dòng)態(tài)形式引領(lǐng)視覺(jué)和情感走向，生動(dòng)而有趣。

（二）巧用圖形設(shè)計(jì)，豐富呈現(xiàn)效果

在動(dòng)態(tài)信息可視化中，圖形包括二維和三維圖形。而動(dòng)態(tài)圖形作為信息可視化構(gòu)建、傳達(dá)和表示復(fù)雜信息的圖形圖像手段之一，相比文字、靜態(tài)圖形等其他的視覺(jué)表現(xiàn)形式能夠承載更多的信息。這不僅能呈現(xiàn)內(nèi)容的完整趨勢(shì)，還可細(xì)節(jié)展示對(duì)象的運(yùn)動(dòng)以及軌跡信息。MG動(dòng)畫(huà)中的二維圖形主要是基于二維平面圖形來(lái)表達(dá)內(nèi)容，運(yùn)用點(diǎn)、線、面的平面元素，創(chuàng)造動(dòng)態(tài)效果。以“點(diǎn)”為例，三點(diǎn)可以形成一個(gè)豐富多彩的表面，不同位置的點(diǎn)的組合可以創(chuàng)造出視覺(jué)上的美感和動(dòng)感。點(diǎn)運(yùn)動(dòng)后，形成一條線。線的方向以及結(jié)合后的形狀、產(chǎn)生的韻律讓人有豐富的想象。

三維圖形的制作中，設(shè)計(jì)師可通過(guò)建模軟件設(shè)計(jì)模擬三維空間的計(jì)算機(jī)三維圖形。根據(jù)所感知的三維圖形動(dòng)畫(huà)，平面設(shè)計(jì)與三維空間的完美結(jié)合展現(xiàn)了一種新的視覺(jué)表達(dá)效果，給人立體直觀的體驗(yàn)。但動(dòng)態(tài)圖形也有著缺陷，首先，因?yàn)閯?dòng)態(tài)需要快速反應(yīng)。其次，在畫(huà)面中人的視覺(jué)如果聚集到一個(gè)點(diǎn)便會(huì)容易忽略其他區(qū)域的信息，造成信息的碎片化與斷層，且動(dòng)態(tài)圖像會(huì)吸引受眾的注意力，關(guān)注點(diǎn)轉(zhuǎn)移，造成認(rèn)知過(guò)程的不完整性。最后，MG動(dòng)畫(huà)是由時(shí)間軸來(lái)創(chuàng)作的，下個(gè)鏡頭的出現(xiàn)會(huì)讓上個(gè)畫(huà)面消失，受眾的記憶信息來(lái)不及吸收理解并存儲(chǔ)，便被迫接受新的信息，這些都會(huì)產(chǎn)生認(rèn)知負(fù)荷問(wèn)題。

（三）增加聽(tīng)覺(jué)傳遞，減少認(rèn)知負(fù)荷

聽(tīng)覺(jué)作為人的第二認(rèn)知通道，當(dāng)與視覺(jué)相結(jié)合來(lái)展示信息時(shí)，可讓受眾有效地理解信息，同時(shí)又具有視聽(tīng)感官的體驗(yàn)。據(jù)實(shí)驗(yàn)表明，圖形和文字同時(shí)出現(xiàn)時(shí)，80%的人會(huì)先看文字再看圖，所以一般文字會(huì)占用看圖的時(shí)間，配合語(yǔ)音說(shuō)明可以相對(duì)減少人們對(duì)于信息可視化閱讀文字的認(rèn)知負(fù)荷。MG動(dòng)畫(huà)中聲音的創(chuàng)作主要包含了配音、配樂(lè)、音效三個(gè)部分。一般設(shè)計(jì)師需處理好配音和畫(huà)面的關(guān)系后再配上合適的文案。

如《追光男孩》MG動(dòng)畫(huà)（如圖1），一個(gè)關(guān)于小男孩追求光明的冒險(xiǎn)故事，相信光給這個(gè)世界帶來(lái)了積極的影響。光球在劇中是希望的符號(hào)。這個(gè)小男孩也象征著Umbo CV團(tuán)隊(duì)的努力，他們通過(guò)開(kāi)發(fā)人工智能監(jiān)控技術(shù)來(lái)追求并為城市帶來(lái)積極的影響。在畫(huà)面的設(shè)計(jì)中，過(guò)程基本上并沒(méi)有出現(xiàn)文字，主要用圖像、配音、配樂(lè)、音效來(lái)進(jìn)行設(shè)計(jì)，受眾者主要看畫(huà)面的圖像，再以聽(tīng)覺(jué)的信息作為補(bǔ)充，從而提高信息識(shí)別的效率。

（四）運(yùn)用交互技術(shù)，革新信息傳遞渠道

如今，新媒體技術(shù)的創(chuàng)新與發(fā)展，視覺(jué)的呈現(xiàn)載體豐富多樣。動(dòng)態(tài)信息可視化常常也借助大屏、VR/AR技術(shù)、智能手機(jī)等作為呈現(xiàn)的形式。部分設(shè)計(jì)還可加大互動(dòng)體驗(yàn)直接與信息進(jìn)行交互互動(dòng)，幫助受眾快速準(zhǔn)確地理解動(dòng)態(tài)信息。

體感控制認(rèn)知是人的第三認(rèn)知通道。人們可以直接使用肢體動(dòng)作或外部環(huán)境及裝置進(jìn)行身臨其境的互動(dòng)。采用暫停、重復(fù)播放、動(dòng)態(tài)速度控制、圖形跳轉(zhuǎn)、圖形角度控制、細(xì)節(jié)縮放等多種形式仔細(xì)辨認(rèn)和理解復(fù)雜信息。MG動(dòng)畫(huà)也通過(guò)運(yùn)用這些技術(shù)加入了人性化的互動(dòng)設(shè)計(jì)，增加了娛樂(lè)化與趣味化，讓受眾主動(dòng)地接受信息。

四、結(jié)語(yǔ)

在這個(gè)飛快發(fā)展的信息時(shí)代，動(dòng)態(tài)信息可視化涉及的領(lǐng)域越來(lái)越廣，也越來(lái)越受到大眾的青睞與接受，成為數(shù)字媒體時(shí)代最有效的信息傳播渠道之一。這些都值得我們思考未來(lái)的發(fā)展趨勢(shì)，以及探索動(dòng)態(tài)信息可視化的可能性。如果從MG動(dòng)畫(huà)視角去分析，它結(jié)合了圖像、文字、聲音、交互等不同元素，具有信息量大、節(jié)奏感強(qiáng)、畫(huà)面簡(jiǎn)約等特點(diǎn)，使受眾能夠高效接受信息。技術(shù)的更新迭代會(huì)使未來(lái)的信息傳達(dá)手段有質(zhì)的提升，并且結(jié)合了交互的創(chuàng)新手段，形成強(qiáng)有力的信息可視化藝術(shù)形式。

參考文獻(xiàn)：

[1]楊璇.形成信息可視化動(dòng)態(tài)視覺(jué)表征認(rèn)知負(fù)荷的因素和消減手段[J].裝飾，2017（5）：114-117.

[2]涂凌琳，張莉.信息可視化設(shè)計(jì)中的動(dòng)態(tài)視覺(jué)語(yǔ)言研究[J].無(wú)線互聯(lián)科技，2019（1）：80-81.

[3]梁子倩.MG動(dòng)畫(huà)信息可視化設(shè)計(jì)語(yǔ)言研究[J].藝術(shù)科技，2017（12）：125-126.

[4]田鑫.探究新媒體環(huán)境下的信息可視化設(shè)計(jì)[J].信息記錄材料，2019（11）：118-119.

[5]安娜，劉健.空間與時(shí)間——?jiǎng)討B(tài)圖形設(shè)計(jì)的基礎(chǔ)性研究[J].藝術(shù)工作，2016（3）：101-103.

[6]馮文博.數(shù)字媒體藝術(shù)環(huán)境下信息圖形化研究[J].包裝工程，2020（12）：292-295.

[7]李升銳，張志，王星，李俊彥.信息可視化：動(dòng)畫(huà)的多維可視化[J].電子商務(wù)，2018（2）：54-55，57.

[8]葉國(guó)慶.動(dòng)畫(huà)在信息可視化中的應(yīng)用[J].戲劇之家，2014（17）：230.

[9]付心儀，劉世霞，徐迎慶.信息可視化的發(fā)展與思考[J].裝飾，2017（4）：16-19.

[10]楊彥波，劉濱，祁明月.信息可視化研究綜述[J].河北科技大學(xué)學(xué)報(bào)，2014（1）：91-102.

[11]陳為，沈則潛.大數(shù)據(jù)叢書(shū)：數(shù)據(jù)可視化[M].北京：電子工業(yè)出版社，2013．

[12]斯米克萊斯.視不可當(dāng)——信息圖與可視化傳播[M].項(xiàng)婷婷，張東寧，譯.北京：人民郵電出版社，2013.

[13]文湘霖. Motion graphics的視覺(jué)語(yǔ)言解析[J].現(xiàn)代裝飾，2014（1）：123.

[14]Stuart，Card，Jock，Mackinlay，Ben，Shneiderman. Readings in Information Visualization：Using Vision to Think[M].USA：Morgan Kaufmann Publishers，1999：30.

作者簡(jiǎn)介：

廖韻儀，廣東工業(yè)大學(xué)藝術(shù)與設(shè)計(jì)學(xué)院碩士研究生。研究方向：媒體與視覺(jué)傳達(dá)設(shè)計(jì)。

王娟，廣東工業(yè)大學(xué)藝術(shù)與設(shè)計(jì)學(xué)院教授。研究方向：媒體與視覺(jué)傳達(dá)設(shè)計(jì)理論與實(shí)踐研究。