動態(tài)信息可視化研究

廖韻儀 王娟

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

關鍵詞：信息可視化；動態(tài)視覺化；MG動畫；設計路徑

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

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

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

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

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

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

二、信息可視化中的MG動畫

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

（一）扁平化設計

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

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

（二）敘事性設計

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

（三）非敘事性設計

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

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

三、MG動畫中動態(tài)信息可視化的設計要素及設計路徑

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

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

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

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

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

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

（三）增加聽覺傳遞，減少認知負荷

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

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

（四）運用交互技術，革新信息傳遞渠道

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

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

四、結(jié)語

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

參考文獻：

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

[2]涂凌琳，張莉.信息可視化設計中的動態(tài)視覺語言研究[J].無線互聯(lián)科技，2019（1）：80-81.

[3]梁子倩.MG動畫信息可視化設計語言研究[J].藝術科技，2017（12）：125-126.

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

[5]安娜，劉健.空間與時間——動態(tài)圖形設計的基礎性研究[J].藝術工作，2016（3）：101-103.

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

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

[8]葉國慶.動畫在信息可視化中的應用[J].戲劇之家，2014（17）：230.

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

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

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

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

[13]文湘霖. Motion graphics的視覺語言解析[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.

作者簡介：

廖韻儀，廣東工業(yè)大學藝術與設計學院碩士研究生。研究方向：媒體與視覺傳達設計。

王娟，廣東工業(yè)大學藝術與設計學院教授。研究方向：媒體與視覺傳達設計理論與實踐研究。