動態信息可視化研究

廖韻儀 王娟

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

關鍵詞：信息可視化；動態視覺化；MG動畫；設計路徑

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

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

一、信息可視化發展

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

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

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

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

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

（一）扁平化設計

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

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

（二）敘事性設計

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

（三）非敘事性設計

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

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

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

（一）精選文字信息，升華整體內涵

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

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

（二）巧用圖形設計，豐富呈現效果

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

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

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

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

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

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

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

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

四、結語

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

參考文獻：

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

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

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

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

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

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

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

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

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

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

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

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

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

作者簡介：

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

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