前言：尋找寫作靈感？中文期刊網用心挑選的信息可視化的動態圖形設計運用，希望能為您的閱讀和創作帶來靈感，歡迎大家閱讀并分享。
摘要：基于信息可視化的相關理論和設計原則，以科普類動態圖形設計的創作實踐為依托，探索信息可視化在科普類動態圖形設計中的應用途徑。分析了包含大量抽象數據和復雜信息的科普類動態圖形設計在利用可視化的設計手法來傳達信息中的思路和方法。得到基于信息可視化的動態圖形科普動畫設計。在動態圖形的設計實踐中，需要依據信息表述內容、復雜程度、受眾的接收和理解度等因素進行合理選擇，確?？梢暬脑O計形式為信息傳播的內容服務。
關鍵詞：信息可視化;動態圖形;科普類動畫;信息傳播;視覺語言
引言
一方面，從信息傳播數量來看，“信息可視化”的出現解決了從海量信息中快速而準確地獲得所需信息的難度，保證了信息的精準投放?？梢暬軌虬鸦逎y懂、紛繁復雜的信息內容通過視覺化的方法轉變為簡單易讀的信息圖形，極大提高獲取信息的效率。[1]另一方面，從信息傳播方式來看，“動態圖形設計”以融合平面設計、插畫藝術的可視化元素，以及動畫設計和影像藝術的視聽語言元素[2]，逐漸取代傳統的靜態化視覺元素，成為信息可視化設計的有力工具。新媒體語境下，科普推廣開始借助各種新穎活潑的藝術樣式，以獲得更大范圍的關注與傳播[3]。科普類的動態圖形設計中存在大量抽象且艱深的數據、定義、概念、術語，如何利用可視化的設計手法將這些信息有效且美觀地傳達出來，兼顧內容和形式，值得我們思考和探索。
一、基于信息可視化的動態圖形設計概述
信息可視化即Information Visualization，是指以視覺的、直觀的、有意義的方式表示數據和信息，以便用戶更好地理解其內容并把握其本質。一方面，新媒體時代信息傳播具有海量性和即時性的特點，傳統的文本閱讀已經無法滿足受眾對于信息的需求量和需求效率。而圖片圖形信息則憑借其典型的造型元素和豐富的色彩元素，成為受眾感知信息最直接和最快速的形式[4]，滿足了受眾碎片化和淺層化的閱讀需求。另一方面，新媒體時代數字化和讀屏化的發展引導受眾的審美感知從靜態的空間性向動態的時間性轉變，以計算機圖形技術和互聯網技術為依托，以傳統的平面設計形式美的構成規律為法則，以視聽語言的時間軸藝術為表現形式的動態圖形設計，日益在以信息和數據為核心的科普類動畫中得到廣泛應用（圖1）。
二、基于信息可視化的動態圖形科普動畫創作
（一）小敘事和片段式的敘事結構
后現代哲學家利奧塔在寫于 1979 年的《后現代狀況—關于知識的報告》中通過對“元敘事”（宏大敘事）的質疑預言了微敘事時代的來臨[5]。他主張將無所不包的宏大敘事解構為碎片化的小型敘事，以點帶面、以局部代替整體。利奧塔的觀點在以新媒體和碎片化傳播為背景而發展起來的動態圖形設計中得到了驗證。在敘事結構上，篇幅、時長、成本等因素限制了動態圖形設計對于宏大主題的表現，轉而從小處切入，以小敘事代替大敘事，以片段化的敘事結構代替戲劇性的敘事結構。本套科普動畫圍繞食品安全為大主題，并細分為5個小主題（毒豆角、苦葫蘆瓜、河豚毒素、毒蘑菇、麻風果），每個主題以1~2分鐘的時長來表現。各主題之間具有相同的主要角色和部分主要背景環境，既相互聯系又彼此獨立。其短小精悍的篇幅符合碎片化和時效性的信息傳播需求，也有利于后續的擴展和更新。同時，線性的敘事模式更適合解說類的科普動畫，這種敘事模式以內在的邏輯性進行關聯，有助于受眾在短時間內對較大信息量的接收和理解。《毒豆角》《苦葫蘆瓜》《河豚毒素》這三篇均為1分鐘的時長，并采用了線性的敘事模式，首先介紹此種食品的生長和食用背景、營養價值等，接著介紹誤采誤食后的中毒癥狀，最后提出解決辦法及警示建議?！抖灸⒐健泛汀堵轱L果》兩篇為2分鐘時長，因而有了更寬裕的表現空間，同時考慮到這兩篇的受眾特性（偏向兒童），因此在短片開頭設計了適量的情節表現，以增加短片的趣味性和觀賞性，滿足特定受眾的特定需求。
（二）去繁就簡的扁平化視覺設計模式
扁平化的視覺設計語言要求對繁復而具象的形態進行高度的抽取和提煉，做到既能充分保有其本來的特征，又以不干擾信息傳播的主體地位的思路獲得最簡化的視覺效果，同時不失其審美特性[6]。在本套科普動畫中，這種以信息可視化為中心的扁平化視覺設計模式，主要體現在以下幾個方面：
1.符號化和系列化的圖形元素：可視化設計中的圖形元素由圖形、圖像、文本構成。在信息可視化設計中，圖形元素最能直觀為受眾提供關于文本或數據信息的有效內涵，在可視化設計中處于核心地位。本套科普動畫中存在大量的用于可視化信息闡述的圖形元素，在設計中，這些圖形元素遵循著“少即是多”的設計思路，通過造型、色彩、光影等方面的扁平化設計，將大量抽象的信息具象化和符號化和圖標化，并根據不同場景的具體語義環境將其進行系列化劃分，從而實現以最小化的圖形容量承載最大化的信息需求。如圖2中第1行第1列圖使用符號化的圖標設計來展示5種中毒表現形式，它們使用了統一尺寸的正圓作為圖標的輪廓，使用半透明色塊作為投影，將對象從周圍環境中分離出來。圖標內部采用相同角色形象的不同構圖和不同配色進行區分，既延續了圖標的系列化和系統性，又突出了各自的特性。根據這一思路進行的可視化圖標設計還包括：以矩形為外輪廓，由圖形+文本共同組成的4組符號化圖形元素設計（圖2中第3行第2列圖）；以齒輪形為外輪廓，實拍圖像為填充的毒蘑菇符號化圖形元素設計（圖2中第1行第1列圖）；以循環運動的帶虛線圓形為外輪廓，由各種豆角進行區分的圖形元素設計（圖2中第2行第1列圖）；以及輪廓+文本組成的更加直白的圖形元素設計（圖2中第2行第2列圖）等。其中僅用文本進行填充的設計形式往往運用在時長要求苛刻，而信息過于復雜或陌生，難以在有限的時間內充分闡明的地方（圖2中第3行第1列圖）。這里的“糖分”“蛋白質”“有機酸”“維生素”，僅4秒的鏡頭時長不足以讓這些原本未建立起視覺聯想基礎的營養元素獲得有效的信息傳達，所以此處文本就成了最佳選項。在信息可視化的動態圖形設計中，文本早已掙脫了原本的抽象語言學范疇，具備了具象的圖形化屬性。通過文本的色彩、輪廓、字體、排版等組合，文本逐漸遠超其字面含義的信息傳遞工具，成為圖形表意化的重要組成部分。這里的文本設計采用無襯線的常規題字型，加粗字重，無描邊無斜體，折線輪廓簡潔干凈，既符合扁平化的視覺設計原則，又體現出信息和數據的嚴謹性和可信度。而展示“減糖甙毒素”和“河豚毒素”這些同樣對受眾十分陌生的化學元素名稱時，因為鏡頭時長更加寬裕，因此除了文本表現，還使用了圖形化的化學式進行展示，從而使受眾對信息的把握更加全面且深刻。
2.突出主體的構圖形式：可視化設計的畫面構圖需盡量做到精簡體量、摒棄冗余、突出主體，同時需遵循形式美的構成法則，通過構圖的平衡、對稱、對比、節奏等手法，體現出可視化的設計美感。本套科普動畫大量使用了以下三種構圖形式（如圖3）：中心構圖的形式能充分突出主體對象，提高信息傳達的效率；對稱構圖的形式則突出了扁平化視覺語言的形式美和秩序感；三角形構圖形式的使用既穩定均衡，又不失靈活，使得各主體對象既保有各自的分量，又具有緊密的聯系。動態圖形設計的構圖還應當充分發揮動畫的視聽語言特色，以動態構圖取代靜態構圖，以景別和景深強化畫面的透視感和層次感，獲得影視動畫中“場面調度”的視覺體驗效果。如圖4，《毒蘑菇》一篇中開場鏡頭使用緩慢向下的搖鏡頭+快速向右的甩鏡頭：從艷陽高照的天空，搖到海浪拍打的岸邊，再到枝繁葉茂的熱帶叢林，隨后鏡頭快速右甩，出現叢林中的蘑菇特寫，以及從畫面右上角入畫的山民摘蘑菇的手。8秒的鏡頭將旁白中描述的豐富信息內容進行了充分的詮釋。該鏡頭中，構圖中心始終在變化，景別也相應地發生著變化。這種以鏡頭運動和角色運動所構成的場面調度帶來了構圖的變化，使構圖遵循著平衡—不平衡—平衡的變化模式，構成了動態圖形設計中運動美的重要表現形式。這種利用場面調度實現的動態構圖的例子在本套科普動畫中有大量體現。如圖5，在《毒豆角》開篇的長鏡頭中，構圖中心經歷豆角—男孩—符號—中心消失的變化，以流暢的動態獲得了“移物換景”的效果。如圖6，《毒豆角》篇最后一個敘事鏡頭使用了相同的表現手法?？梢暬瘎討B圖形設計還通過景別和景深強化主體的畫面地位，豐富畫面的透視感和層次感。如圖7，專家出場部分，鏡頭從近景向外拉到全景，構圖中心發生改變，從展現專家到展現豆角毒素的由來，畫面容量和構圖元素也隨之增加。如圖8，景別從男孩全景切換到男孩近景，表現男孩驚訝的表情，隨后從麻風果樹冠下搖至男孩全景，表現男孩的動作，接著鏡頭跟隨畫外音切換到女孩中景，交代女孩出場，最后鏡頭出現男孩和女孩的全景，以對比二者的動作表情及心理狀態。景深是指通過控制視力范圍的清晰度，來鎖定主要的觀影對象[7]。動態圖形設計中使用虛擬攝像機，通過對不同層次的對象進行模糊處理實現模擬景深的效果。如圖9所示均是使用模糊背景或前景，并配合調節飽和度的手法，以實現景深效果，從而達到突出構圖主體的目的。對畫面進行分層，并調節各個圖層的不同運動速度，營造畫面的層次感，也能達到營造景深的效果?！抖灸⒐健烽_篇鏡頭和《麻風果》開篇鏡頭，都使用了分層運動的手法，這種逼真的景深效果在保持視覺設計元素扁平化的前提下起到了豐富畫面視覺表現力的作用。
3.“扁平化”和“臉譜化”的角色形象：可視化動態圖形設計中，角色形象也是以一種可視化的圖形符號，屬于圖形設計的一部分。它不同于角色動畫中處于核心地位的豐滿立體且個性鮮明的角色形象，而是以一種“扁平化”和“臉譜化”的形式存在。“扁平化”和“臉譜化”本是影視動畫中角色塑造的“大忌”，此時卻成為可視化信息表現的有力工具，其特征主要體現在外形和內含兩個方面：在外形設計上，角色形象作為可視化圖形設計的組成部分，在視覺語言上具有一致性，體現在：以大量圓形、矩形、圓角矩形等幾何圖形所組成的輪廓設計；以無描邊無漸變的色塊作為其內部填充；以正面和側面為主，以3/4側面為輔，避免在角度上出現較大的透視關系，以保持扁平化的視覺風格；以1：3（專家、村民等成年人）和1：2（小學生）夸張的頭身比來突出年齡對比及其面部特征，便于面部表情和口型的表現，也有利于整體構圖的和諧統一。角色元素同樣使用了系列化的設計手法，男孩和女孩使用了同一套“骨骼構架”，包括相同的頭身比和外輪廓，以及相同的色塊分布模式，并在色彩搭配和發型、眉眼等細節處加以區分（如圖10）。外形的臉譜化帶來了內含的典型性。臉譜化的角色形象具有該類型角色形象的典型特征，是一種“典型角色”，它代表了此類角色的共性，而缺乏或獨特或復雜的個性，因而不需要受眾花費時間和精力去理解和揣摩角色的個性、特征、或行為動機，能將重心放于由角色所演繹的可視化信息上，從而避免信息的橫向發散，以獲取高效的信息垂直傳播。專家的角色是一種典型的臉譜化角色，他符合受眾心目中對于“專家”認識的刻板印象：白大褂、戴眼鏡、打扮中規中矩、中年以上，表情或微笑或嚴肅，眼神堅毅。受眾將這些外在特征與長期的生活經驗聯系起來并產生了視覺聯想，并為角色貼上了與其外形特征相符合的“可靠”“權威”等標簽，為接下來的信息傳播建立了“輿論基礎”。短片中與“專家”形象相呼應的是男孩形象和女孩形象。作為“熊孩子”的男孩負責演繹因誤采誤食有毒食物而出現的中毒癥狀，女孩則扮演了規勸和示范的“優等生”形象。這兩類典型形象在片中主要通過表情和肢體語言進行區分：男孩表情和肢體語言更加豐富，女孩則常表情嚴肅認真、一板一眼。受眾心目中對于這兩類角色的固化認識在片中得到了呼應，為可視化的信息傳播打下了基礎。
（三）彈性變形的運動形式
動態圖形設計中的運動，除了上文提到的鏡頭運動，還包括鏡頭內部的圖形元素的運動（圖形、圖像、文本、角色的運動）。當靜態圖形被賦予了時間的屬性后，便有了流動的靈性和生命，“圖形”是外在，而“運動”才是其本質，“運動”在動態圖形設計中具有重要意義，作為信息可視化的構建和傳達載體，動態圖形通過引入時間維度，不再局限于特定時間的某一狀態，更能表現隨時間流逝的狀態變化，從而具備了比靜態圖形更大的信息承載量，實現了可視化信息的高效傳播的目的[8]。運動的加入也賦予扁平化視覺設計語言更多觀賞性和視覺沖擊力，避免平面化帶來的單調乏味。角色動畫以塑造角色為主，多使用逐幀動畫來體現動作的流暢、逼真和細膩。動態圖形設計則多使用關鍵幀+插值的方式來設計運動。即便如此，優秀的動態圖形設計仍然通過引入動畫運動規律，為受眾帶來了更好的視覺體驗。本套科普動畫中大量使用了擠壓和拉伸、預備和緩沖、緩入和緩出等基本運動規律（如圖11），并配合緩入緩出的加速度設置（如圖12），體現出運動的簡潔性和節奏感，營造出輕松而充滿趣味性的動態效果。
（四）聲畫同步+聲畫對位的聲音設置
聲音是影視藝術的重要組成部分，起到奠定影片風格，烘托場景⽓氛，推動劇情發展，塑造角色形象，營造沉浸感等作用[9]。聲音元素與畫面元素的配合主要體現在聲畫同步和聲畫對位上。本套科普動畫使用了較為輕快活潑的背景音作為主音軌，為短片奠定了輕松趣味學科普的主基調。并根據不同場景的不同氛圍和信息內容添加副音軌，以聲畫同步來配合信息的準確傳達。聲畫對位主要應用于口型對位和音效對位上。“專家”角色負責解說詞的闡述，為了避免信息接收和理解的混亂，專家出場的場景需要做到較為嚴格的口型對位（如圖13）。同時為短片中需強調的圖形元素配以相應的音效。這些圖形元素是信息內容的可視化轉化形式，通過音效的合理使用和聲畫對位，能起到突出強調、吸引注意力、增強節奏感和趣味性，并準確傳達信息的作用。
結論
本文立足于新媒體時代下以信息可視化為原則的動態圖形設計，以科普類動態圖形設計的創作實踐為例，從敘事闡述、視覺設計、動態設計、聲音設計幾個方面入手，具體分析了以信息有效傳遞為目的的可視化設計在動態圖形設計中的創作思路和創作手法。與傳統的文本信息和靜態信息相比，可視化的動態信息通過動態化的圖形、色彩、符號等豐富的視覺元素設計，在信息的準確、高效、全面傳播上日益彰顯出其優勢，它所特有的趣味性和娛樂性也為受眾所喜聞樂見，并被跨行業跨學科的各領域廣泛采用。可視化設計有多種表現形式和風格，需要根據具體的信息表述內容、復雜程度、與受眾認識的理解和關聯程度等因素進行合理選擇[10]，確保形式為內容服務。隨著以強調用戶體驗為中心的設計趨勢的發展，動態圖形設計正越來越多地參與到虛擬現實（VR）、增強現實（AR）、語音識別、體感設備、人工智能等交互領域，本套動態圖形設計在未來的優化方面，可通過增加界面元素的交互設計來提升用戶體驗和信息傳播效果。
作者：李婷 張春紅 單位：電子科技大學中山學院藝術設計學院
