信息圖形設(shè)計中動態(tài)的視覺呈現(xiàn)研究

何浩　陳強(qiáng)

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

關(guān)鍵詞：動態(tài)圖形；敘事；信息傳達(dá)；信息圖形設(shè)計

中圖分類號：J51 文獻(xiàn)標(biāo)識碼：A 文章編號：1004-9436（2023）18-0-03

0 引言

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

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

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

1 動態(tài)信息圖形設(shè)計的基本準(zhǔn)則

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

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

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

1.2 動態(tài)敘事的信息排列順序

動態(tài)化的信息圖形設(shè)計往往具備一定的敘事性結(jié)構(gòu)，從動態(tài)信息圖形的邏輯結(jié)構(gòu)角度來看，敘事即對形式流程的通解，它是在遵循一定邏輯的基礎(chǔ)上添加形式流程，信息圖形設(shè)計的邏輯關(guān)系按事物、事件類型大致分為五類：時序性、空間關(guān)系性、推導(dǎo)性、系統(tǒng)組織性、關(guān)聯(lián)性。

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

1.3 基于新媒體的動態(tài)信息圖形傳達(dá)形式

媒體只是傳播信息的工具。設(shè)計應(yīng)適用于所有媒體。媒體與設(shè)計應(yīng)共同發(fā)展。探索信息的深層含義和詩意表達(dá)是信息設(shè)計師的目標(biāo)。

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

2 動態(tài)視覺信息的多維性

從設(shè)計維度來看，動態(tài)圖形與傳統(tǒng)圖形的最大區(qū)別是增加了顯示信息的時間和空間維度。

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

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

3 動態(tài)視覺呈現(xiàn)功能、形式、趣味的整體化

縱觀信息圖形的發(fā)展，整體化直觀地存在于動態(tài)信息圖形設(shè)計的初始形成及其后續(xù)的長期發(fā)展中，并傳播到整個圖形設(shè)計環(huán)境。主要原因是平面化信息量少，單一媒介傳達(dá)環(huán)境長期以來主導(dǎo)著信息的傳播。隨著信息技術(shù)的發(fā)展，動態(tài)信息圖形的范圍和組織變得更加廣泛和復(fù)雜，基于媒體的動態(tài)可交互的信息圖形更加多樣化。表現(xiàn)形式由平面形式變?yōu)槿S形式，由靜態(tài)形式變?yōu)閯討B(tài)形式，由單一媒介變?yōu)槎喾N媒介，由單向灌輸變?yōu)殡p向相互作用的多維形式。多媒體的使用豐富了圖形設(shè)計的視覺傳達(dá)方法，增加了公眾獲得信息的可能性，使煩瑣的信息能夠被有效傳播和準(zhǔn)確直觀地理解。不同形式的媒體具有一定的優(yōu)點和局限性，設(shè)計師不應(yīng)追求視覺豐富和技術(shù)復(fù)雜，而應(yīng)根據(jù)具體情況作出決策和判斷。多維溝通形式的選擇不僅可以滿足視知覺的需要，還可以滿足決定信息最終視覺表現(xiàn)和組織結(jié)構(gòu)的信息內(nèi)容和范圍。

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

4 結(jié)語

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

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

參考文獻(xiàn)：

［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”與視覺信息傳達(dá)范式的變遷［J］.美術(shù)研究，2015（4）：104-107.

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

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

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