信息圖形設計中動態的視覺呈現研究

何浩　陳強

摘要：針對當下大數據信息膨脹式流動，作為一種高效、便捷的傳播方式，近年來信息圖形設計以圖形、圖表化轉化數據信息的新興視覺傳達形態，影響著社會各個領域的數據信息傳播形式，這種新的設計形態不僅保留了平面設計的特點和優勢，而且隨著技術的飛速發展，設計師開始探索更多的視覺化方式，靜態的視覺化呈現逐漸趨于飽和，抽象性、隱喻性的設計主題需求增多，信息圖形動態化隨數字媒體技術而發展，其應用逐漸廣泛，這種新的設計模型不局限于特定的功能或環境。圖形思維在現代通信環境中的擴展代表了圖形設計未來發展的潛在范式。信息以各種形式顯示在電視或互聯網用戶的屏幕上。文章討論動態圖形在信息設計中的應用，分析動態信息圖形設計的特點。基于此，可以解決信息設計的動態表達問題。信息設計的三個原則分別為功能、過程、形式。信息設計的先驅拉迪斯拉夫·薩德納（Ladislav Sutnar）利用動態信息傳遞視覺信息。它拓展了觀者的視覺識別能力，提高了信息意識水平。動態集成使人能夠通過自身的圖形邏輯理解轉換成視覺信息，從而表達引人入勝的信息流。文章從動態信息圖形設計的產生與動態圖形的關系出發，著重探討多維度動態化的信息圖表的設計與應用，為后續研究提供框架。

關鍵詞：動態圖形；敘事；信息傳達；信息圖形設計

中圖分類號：J51 文獻標識碼：A 文章編號：1004-9436（2023）18-0-03

0 引言

自數據圖像學在18世紀末被提出以來，抽象化數據信息不斷被人們進行視覺方面的探究，以期憑借固定的認知能力獲取更多的外界信息。20世紀70年代，英國倫敦的平面設計師特格拉姆（Tegelamu）第一次使用了“信息設計”這一術語［1］。信息設計從傳統平面設計中分化出來。20世紀末，圖形化界面問世，成為可視化的信息與人直接連接的媒介，帶動了20多年來信息圖形領域的研究，在塔夫特、貝爾坦、紐拉特等世界級設計師的帶領下，信息設計迅速發展，衍生出信息圖形設計這一分支學科。信息圖形設計的英文Inforgraphic Design中的“inforgraphic”，釋義是信息與圖形的組合，它實際上是復合的視覺語言體系，從表現形式來看，信息圖形描述事物的視覺方法具體有圖表、圖解、圖形、表格、地圖、名單這六大類。

綜合前文觀點，可以嘗試定義，信息圖形設計是信息設計在信息時代背景下的一門基于新媒介傳播途徑的新興的綜合性交叉學科分支。

信息時代，信息圖形設計正在逐漸成為視覺信息傳達的一種主流趨勢，它不僅可以有效傳達信息，還可以激發人們的審美情趣。目前，從宏觀來看，大部分外界信息傳播的特點是體量龐大，枯燥乏味，而Motion Graphic（動態圖形）作為一種動態的平面設計語言，能夠通過文字、圖像、色彩等視覺元素表達出信息所蘊含的內容。其不僅可以幫助人們更好地理解和記憶信息，還可以使人們更加愉快和有效地使用信息。在設計過程中，設計師需要對收集的數據進行分析、整理和加工，并通過設計出具有視覺沖擊力的圖形來展現出所要表達的內容。不同于傳統設計方式，基于Motion Graphic的信息圖形具有獨特的魅力和優勢，數字技術的發展使它的藝術表現形式由二維向多維形式拓展，借助全新的動態化形式（音頻、視頻和交互等）進行非敘事性或敘事性的信息圖形設計方式，可以很好地表現出設計師想要傳達的信息內容，因此越來越多的設計師開始關注和研究這一領域。

1 動態信息圖形設計的基本準則

隨著信息技術及網絡媒介的不斷迭代升級，信息圖形設計這一交叉學科呈現更多的動態化傾向，普遍的靜態信息圖形設計逐漸不能滿足觀者的視覺審美體驗需求，動態信息圖形的視覺呈現方式逐漸趨于完善。圍繞信息設計領域先鋒拉迪斯拉夫·薩德納的信息設計三大原則——功能、流程和形式，分析明確信息圖形設計中運用Motion Graphic所要遵循的基本準則。

1.1 動態化使信息圖形具備多維條件，更利于解讀

信息圖形設計的核心目的是速讀易懂，它作為視覺語言體系需要服務的設計對象大多是包含海量可視化元素的信息。靜態信息圖形設計通過整理、分析、優化信息內容，借助信息圖形的視覺工具合理地將其解讀轉譯。而動態化的信息圖形，其主要功能是在靜態的基礎上增添可讀的視覺層次，使其更加清晰明了地呈現設計對象的視覺圖像，《“Motion Graphic”與視覺信息傳達范式的變遷》中提到，“首先要具備可讀性、易讀性，通過視覺形式語言呈現出清晰的視覺層次，引導受眾按照信息層次的主次獲取表達的內容”［2］。按照易理解的思維邏輯表達想要傳達信息內容的主次關系，在統一的視覺框架內，設計師需要從不同維度（空間與時間）、不同傳達層次（視覺元素、編排秩序、聲音變化），循序漸進“填喂式”地利用動態化的圖像語言闡述圖形、文字、數據等信息內容，并且需要對其進行更深層次的視覺挖掘，使其能夠在有限的感知范圍內有效傳達出信息的層次及關聯單位。

1.2 動態敘事的信息排列順序

動態化的信息圖形設計往往具備一定的敘事性結構，從動態信息圖形的邏輯結構角度來看，敘事即對形式流程的通解，它是在遵循一定邏輯的基礎上添加形式流程，信息圖形設計的邏輯關系按事物、事件類型大致分為五類：時序性、空間關系性、推導性、系統組織性、關聯性。

掌握動態信息圖形的敘事方式，需要設計者構建清晰合理的主次信息關系，通過對事物信息內容的透徹了解，對事物的信息內容進行層級劃分，梳理信息展示的先后順序及分配好信息排列位置。動態敘事的對象，其展示的先后順序排列是以觀者對其的信息需求決定的，它不是單一的、線性的敘事方式，而是綜合信息需求的完整體。因此，信息圖形的動態敘事的排列順序是將設計者、觀者以及主題對象這三者結合進行考量，首先通過主題的邏輯關系判斷信息圖形的類型，從而對信息內容進行主次劃分，其次經過前期資料的收集整理得知主題對象的觀者感受與需求，最后設計者在設計階段對信息的出現次序進行合理的排序，為后期的視覺化工作搭建信息框架。

1.3 基于新媒體的動態信息圖形傳達形式

媒體只是傳播信息的工具。設計應適用于所有媒體。媒體與設計應共同發展。探索信息的深層含義和詩意表達是信息設計師的目標。

動態信息圖形設計的一個典型案例是《提醒我》，這是一部著名的動畫電影，獲得了歐洲音樂節最佳影片獎。這部電影講述了一名女性的日常生活和工作，其中所有受影響的場景或對象包括天氣狀況、行程、產品的生命周期和其他信息圖。不同的圖形和圖案以相同的視覺樣式顯示。該作品作者希望商業統計表可以作為描述生活場景特征的特定視角參考，并在商業統計和日常生活之間創造一個有趣的過渡期，用圖表和統計數據來描述人們的日常生活。具有諷刺意味的是，從商業角度看待生活是如此荒謬。憑借新媒體來傳達情感及創意靈感，包括對3D和4D技術以及對聲音技術的變通使用，已成為多數設計師需要考慮的內容，它給予了設計更多的可能性。

2 動態視覺信息的多維性

從設計維度來看，動態圖形與傳統圖形的最大區別是增加了顯示信息的時間和空間維度。

動態圖形的運動大致分為兩種類型：設計元素的運動和空間場景的運動。從設計元素運動的角度來看，動態圖形運動主要集中在提高一致性上。從移動空間場景的角度來看，動態圖形可以在場景轉換過程中起到連接場景的作用。動態圖形不會使原始空間轉換變得困難，可以描述場景位置和層次之間的關系。同時，動態圖形可以打破空間場景運動的二維極限，通過多維圖像元素創造空間感。在視覺識別層面，觀者的視覺焦距往往局限于一小部分區域，而空間場景的運動可以構建多層空間結構，使用不同的速度和深度形成多層感官體驗。動態圖形由信息的視覺傳輸控制。形態、陰影和光、熱和冷、物理和化學性質變化的速度、頻率和強度可以是控制運動節律的變量。此外，動態圖形中的微交互可以優化用戶體驗，是動態圖形設計的組成部分。小的視覺提示和評論也能及時反饋給用戶。

從設計呈現形式的角度來看，動態信息圖形設計一般采用影像、圖像、動效、微交互、假交互、動態圖形等方式展現設計效果。德國地球研究中心的動態行星互動科學海報是一個探測地震震動、在互動海報上顯示實時數據的項目，使用動態圖形向用戶展示“動態地球”的概念。屏幕主要視覺為半透明地球儀，用戶可觸摸屏幕旋轉，球中紅點的線性運動可顯示地震深度。得益于先進的三維數字可視化技術，模型總能準確響應和顯示數百萬數據點的實時信息。通過球體內數百萬點的運動來顯示信息，視覺效果在宏觀層面非常美麗。在屏幕視覺設計中，使用黑色、紅色和白色來明確視覺焦點，在動態設計中，采用交互與動效設計，使信息圖像更易于理解。

3 動態視覺呈現功能、形式、趣味的整體化

縱觀信息圖形的發展，整體化直觀地存在于動態信息圖形設計的初始形成及其后續的長期發展中，并傳播到整個圖形設計環境。主要原因是平面化信息量少，單一媒介傳達環境長期以來主導著信息的傳播。隨著信息技術的發展，動態信息圖形的范圍和組織變得更加廣泛和復雜，基于媒體的動態可交互的信息圖形更加多樣化。表現形式由平面形式變為三維形式，由靜態形式變為動態形式，由單一媒介變為多種媒介，由單向灌輸變為雙向相互作用的多維形式。多媒體的使用豐富了圖形設計的視覺傳達方法，增加了公眾獲得信息的可能性，使煩瑣的信息能夠被有效傳播和準確直觀地理解。不同形式的媒體具有一定的優點和局限性，設計師不應追求視覺豐富和技術復雜，而應根據具體情況作出決策和判斷。多維溝通形式的選擇不僅可以滿足視知覺的需要，還可以滿足決定信息最終視覺表現和組織結構的信息內容和范圍。

信息圖形設計是信息設計與視覺傳達設計之間的接口，視覺風格在信息圖形傳遞中起著重要作用，涌現出風格迥異的設計風格，如擬物風格、剪貼風格、扁平風格、彌散風格、矢量圖形等，使信息圖形更加美觀。從人類情感設計和視覺心理學的角度來看，生動有趣的動態信息圖形更能激發閱讀興趣，增加信息的存儲點。德國婦產科醫生弗里茨·卡恩（Fritz Kahn）是信息圖形設計領域的先驅，他用生動的圖像和有趣的隱喻方法說明了20世紀20年代人類復雜而難以理解的醫學知識。20世紀90年代，科學家們討論了藝術編輯對信息可視化的必要性。一方面，認為信息圖形設計必須以理性、科學、實踐為重的方式進行，信息圖形必須簡潔明了。另一方面，強調信息圖形必須具有情感美、形式美。兩種觀點都有合理的部分，但功能和形式、趣味和效用、理性和情感應是平衡的、整體的存在?！缎畔D形設計中的情感因素》中提到，“挖掘信息的情感因素將成為設計師追求的更高級的目標，情感化也是設計的潮流，也體現了在信息時代背景下重新美化人類生活的努力”［3］。信息設計師基于情感表達，尋求形式和功能需求的外在美，以確保信息的準確表達、理解和傳播。動態信息圖形能更好地滿足敘事的情感表達，在信息圖形中添加動態視覺效果，使信息圖形更具有感染力和整體性。

4 結語

快捷的信息閱讀方式是信息圖形的主要功能，信息的合理流動有助于信息的傳播和更好地獲取信息，絢麗的形式增加了信息圖形的視覺魅力，從而強化了觀眾的視覺和心理感知。構建信息邏輯框架有助于設計者確定必須表達的信息主題，為動態呈現提供設計方向，實現信息圖形的功能，使圖形動態描述成為可能。圖表的形狀基于邏輯體系結構，可以改進邏輯描述以滿足信息傳遞的功能需求。

信息圖形設計在信息時代經過20多年的應用研究，信息數據包括但不限于文字、圖像、數字、影像等，外界信息來源的迭代速度不斷加快，動態化的信息圖形打破了人們對靜態信息圖形固有的認知局限，它不但能夠容納更多的信息量，而且未來信息圖形設計的動態化將成為常態，信息圖形設計與各行業領域的結合會越來越密切。

參考文獻：

［1］ 維基百科編者.信息可視化［G/OL］.維基百科，http：//zh.wikipedia.org/w/index.php？title=%E4%BF%A1%E6%81%AF%E5%8F%AF%E8%A7%86%E5%8C%96&oldid=11673820，2009-11-21.

［2］ 孫聰.“Motion Graphic”與視覺信息傳達范式的變遷［J］.美術研究，2015（4）：104-107.

［3］ 龍娟娟.信息圖形設計中的情感因素［D］.北京：中央美術學院，2009.

作者簡介：何浩（1999—），男，江蘇鹽城人，碩士在讀，研究方向：視覺傳達。

陳強（1977—），男，四川資陽人，碩士，教授，研究方向：視覺傳達、數字媒體藝術。