曾禹萱 張 逸

廣西師范大學

美國科學家尼古拉·尼葛洛龐帝在《數(shù)字化生存》中寫道：“我們已經進入了一個藝術表現(xiàn)方式得以更生動和更具參與性的新時代，我們將會有機會以截然不同的方式，來傳播和體驗豐富的感官信號”［1］。隨著科技革命的到來，數(shù)字技術與互聯(lián)網技術飛速發(fā)展，從而衍生出新的媒介形態(tài)——新媒體技術，動態(tài)圖形可視化在新媒體技術的支撐下有獨特的傳播優(yōu)勢，它能將文字、圖形、聲音等多種元素通過一定的媒介技術進行視覺的呈現(xiàn)，給受眾帶來更好的多感官的體驗。面對新媒體技術發(fā)展的趨勢，傳統(tǒng)的媒介形式已經不符合受眾獲取信息的需求。作為一名設計師，我們應緊跟時代前進的步伐，探討出新媒體技術下的動態(tài)圖形信息可視化的方法與原則，通過設計實踐得出可行的設計方法論，創(chuàng)造出符合時代的信息設計作品。

一、新媒體技術與信息可視化設計的關系

（一）新媒體技術概述

H5技術和短視頻都是新媒體技術下的典型代表，它們具有不同的特點和優(yōu)勢，但都在現(xiàn)代數(shù)字內容傳播中發(fā)揮著重要作用。H5，也就是HTML5，是一種現(xiàn)代的網頁開發(fā)技術［2］。隨著社交媒體在移動端口的快速發(fā)展，以微信為代表的各類軟件的普及讓H5技術逐步成為熱潮，其快速發(fā)展離不開其強大的互動性以及適用性。它能適應當代人最依賴的社交工具——手機，且沒有安裝門檻，更容易被推廣。從受眾的角度來看，H5讓使用門檻大幅下降。而交互設計作為研究人與人、人與人造系統(tǒng)、人與自然關系的學科，在當今的信息社會中因動態(tài)信息可視化設計獲得了巨大的發(fā)展，信息傳達的方式更多樣，受眾的體驗有了巨大的提升。

（二）信息可視化設計概述

隨著時代的進步，信息可視化設計擁有巨大的發(fā)展空間，成為當下與未來信息時代更加有利的工具和杰出的媒介?？葱畔⑹侨藗冮L久以來的習慣，但如何才能清楚、明白、愉悅地看呢？這就需要借助信息可視化設計的力量。因為一張優(yōu)質的信息圖就是一個完整的信息發(fā)布系統(tǒng)，它包括信息的類別劃分、關系組織、流程建構與視覺表現(xiàn)四個重要的組成部分［3］。信息可視化設計能引領受眾進入預先設計好的信息“劇場”，啟發(fā)受眾的閱讀興趣，進而實現(xiàn)信息傳達的目的。

（三）新媒體技術下信息可視化發(fā)展的優(yōu)越性

1.新媒體技術為信息可視化提供了更多的可能性

信息圖形由單一的靜態(tài)圖形向動態(tài)化、交互式的方向發(fā)展，在發(fā)展過程中離不開新媒體技術的支撐。新媒體技術為動態(tài)圖形的可視化提供了更大的展示與傳播空間，尤其是數(shù)字軟件技術的出現(xiàn)，如H5、Premiere等，更為動態(tài)化的實現(xiàn)提供了便捷有力的技術支持。

2.新媒體技術可以提高信息可視化的交互性和實時性

H5技術可以利用在線實時更新技術，將數(shù)據(jù)信息實時更新和展示出來，同時也可以使用點擊、滑動等操作，使受眾與信息可視化進行交互，從而更好地探索和理解數(shù)據(jù)。

3.信息可視化在新媒體平臺上起著重要的作用

在新媒體平臺上，信息可視化可以幫助受眾更好地理解和掌握大量信息。當今時代，生活節(jié)奏變快，受眾越來越希望在短時間內獲取信息。從信息可視化本身來說，要想適應時代的發(fā)展，就必須作出相應的改變，順應時代要求，這些都將成為動態(tài)圖像信息可視化的推動力量。

二、動態(tài)圖形在信息可視化中的設計特點

（一）傳遞信息的高效性

動態(tài)信息圖形設計以交互式或者動態(tài)式的媒介形式進行呈現(xiàn)。依托互聯(lián)網技術與新媒體技術，信息傳遞可以不受單一媒介的限制，可以自主選擇所需的信息平臺。網絡、手機、平板電腦及其他移動終端也為動態(tài)信息圖形的傳播提供了廣闊的平臺。

（二）接收信息的準確性

快節(jié)奏的社會生活促使媒體的傳播內容越來越趨于簡短化和動態(tài)化，短視頻越來越受到受眾的歡迎。面對新媒體技術發(fā)展趨勢，信息圖形設計的形式也從原來的靜態(tài)形式向動態(tài)化、交互性的方向轉變。如微動式的信息圖表、圖示或者圖標，也就是我們平時所說的 GIF 圖，也包括加入交互元素的 H5，還包括具有一定篇幅的動態(tài)信息圖形設計短片。這種發(fā)展方向是適合現(xiàn)代數(shù)字媒體傳播發(fā)展要求的，也是符合受眾審美期待與信息獲取需求的。同時，動態(tài)信息圖可以展現(xiàn)信息的變化過程及作者的思維方式等，受眾可以更加方便地獲取復雜信息，提高了溝通效率，避免了獲取信息時所產生的誤差［4］。

（三）與受眾的可交互性

首先，動態(tài)信息圖形具有生動性。動態(tài)信息圖形中的“動態(tài)”除了指圖形本身的縮放、旋轉、變形等變化之外，還指它在時間軸上的速度變化、節(jié)奏變化、運動軌跡的變化等。這些變化會引起受眾視覺焦點的變化，從而提高其傳播效率。其次，動態(tài)信息圖形設計中的顏色使用也可以引起與受眾的情感溝通。認知心理學研究表明，顏色的色相不同、純度不同、明度不同等，對受眾的心理會產生不同影響，不同的顏色帶給受眾不同的情緒感受。最后，動態(tài)信息圖形設計作品中常常會伴有聲音。風趣幽默的解說，與信息圖形畫面內容和節(jié)奏完美配合的音樂都能與受眾產生情感互動。

三、基于新媒體技術的動態(tài)圖形在信息可視化中的設計方法與原則

（一）設計方法

1.確定動態(tài)圖形的表現(xiàn)形式

動態(tài)圖形信息可視化設計從資料收集、用戶研究與設計研究開始，由設計主題、目標、風格分析等決定設計方向。隨后設計師可以進一步構建設計原型和版式草圖。該階段的概念設計是關鍵，設計師可以通過手繪草圖、腳本等方式來設計動態(tài)信息可視化作品的風格。設計師在進行動態(tài)信息設計時所使用的信息架構、視覺語言、表現(xiàn)形式，是在充分了解受眾的基礎上進行選擇的。如果一件動態(tài)圖形設計作品針對的主要人群是老年人，那么在表述信息時要考慮到這類受眾的喜好以及目標群體的視覺特征，設計出符合他們需求的設計作品。如果目標人群是某一民族的受眾，那么在設計的時候就要考慮到這一民族所處的地理環(huán)境、民俗文化、生活習慣等，這些因素決定著最終的呈現(xiàn)形式與效果［5］。其實，動態(tài)信息圖形設計是設計者與受眾交流的一種方式，所以在確定動態(tài)信息設計的表現(xiàn)形式時，設計師必須充分考慮受眾的認可度，真正做到設計為人民服務、為大眾服務。

2.尊重受眾的體驗效果

在開始設計動態(tài)圖形之前，要了解受眾的需求、偏好和認知能力，了解他們的背景和預期，以便能設計出符合他們需求的作品。在動態(tài)信息可視化過程中，動態(tài)圖形的演繹過程會隨著時間的流動而變化。如果畫面中的視覺元素雜亂無章，邏輯順序不清晰，就會增大受眾理解信息的難度。如果畫面簡潔明了，動態(tài)圖形邏輯清晰，整個畫面的風格整體而統(tǒng)一，節(jié)奏感比較強，就會給受眾帶來不一樣的體驗。

（二）設計原則

1.視覺形式美原則

在唐湘暉等編著的《動態(tài)構成》一書中，介紹了形式美的基本法則，如平衡、對稱、對比、節(jié)奏等。筆者認為視覺動態(tài)均衡是動態(tài)圖形構成形式中的重要原則，它能使動態(tài)圖形更加穩(wěn)定、和諧、具有表現(xiàn)力和感染力，從而有效地傳達信息或情感。在實現(xiàn)視覺動態(tài)均衡的過程中，需要考慮多個因素之間的相互作用和動態(tài)變化，靈活地運用不同的形式美原則，創(chuàng)造出具有視覺美感和藝術價值的動態(tài)圖形作品。

2.多維互動體驗原則

在提供設計服務的過程中，充分考慮受眾的多個維度需求和互動行為，創(chuàng)造沉浸式、多維度、互動性的體驗。這個原則強調在產品或服務的設計中，需要將受眾看作是多維度、多感官的個體，提供能同時滿足他們多個感官需求的體驗。盡管動態(tài)圖形本身并不具備互動功能，而是利用數(shù)字媒介，如計算機、手機、平板等設備，經過設定好的交互方式來傳達信息。這種交互方式可以是受眾點擊、滑動、縮放等操作，也可以是自動播放、循環(huán)等預設行為，從而實現(xiàn)更廣泛的互動和傳播，增強受眾的參與感和黏性，從而達到更好的信息傳達和品牌形象塑造的效果。

四、新媒體技術下的動態(tài)圖形在信息可視化中的設計實踐

（一）以廣西廉政教育基地導視地圖為設計對象

設計實踐將交互地圖當作突破口，通過交互地圖的應用，可以提供直觀的信息呈現(xiàn)、受眾參與和互動、空間分析和規(guī)劃以及創(chuàng)意和設計工具等方面的支持，為設計帶來更多的可能性。通過研究廣西廉政教育基地交互地圖的設計方法，研究交互地圖設計在信息技術快速發(fā)展的背景下是如何進行創(chuàng)作和傳播，以及如何應對新的挑戰(zhàn)和機遇的。本文以廣西各市級單位最具代表性的廉政教育基地為創(chuàng)作對象，通過對廉政教育基地建筑的深入挖掘，將其作為創(chuàng)作元素，并以交互方式在地圖上呈現(xiàn)這些代表性建筑。這樣具有體驗感的互動能夠加深受眾對廉潔文化的印象。并且交互性地圖與靜態(tài)地圖相結合等，更能促進廉潔文化在校園中的有效傳播，為培育大學生的正確價值觀發(fā)揮重要作用。

筆者選取廣西部分市級單位具有代表性的廉政教育基地，作為該地地域文化的視覺符號。廣西廉政教育基地導視地圖的設計應注重其文脈的設計，即在保證功能性基礎上，不忽略所處地貌環(huán)境、歷史文化特質的設計［6］。由此，筆者在設計有代表性的廉政教育基地的造型與色彩時，結合所在地方的風俗等因素，確定色彩基調，分別展現(xiàn)各個廉政教育基地的建筑圖形，通過主題色和背景色的變化搭配，突出了地域文化的特色與建筑的風格。

（二） 交互地圖在數(shù)字媒體技術中的應用過程

這個設計實踐（見表1）項目是以廣西部分市級單位的廉政教育基地為主題，利用交互地圖的形式來呈現(xiàn)這些基地的代表性建筑群。通過交互地圖的設計，受眾可以在地圖上方便查看和了解這些基地的位置、特色和歷史背景等信息，同時也可以通過交互方式對這些建筑群進行更加深入的探索和學習。

表1 廣西部分廉政教育基地圖形元素（來源：自制）

通過深入挖掘當?shù)亓逃亟ㄖ鳛閯?chuàng)作元素，我們運用Photoshop、AI等軟件并搭配數(shù)位板進行插畫設計創(chuàng)作，將各地的代表性建筑以精美的插畫形式呈現(xiàn)。后期，我們結合H5交互技術，將這些插畫轉化為交互地圖，受眾可以通過點擊、滑動等操作，查看各地廉政教育基地的詳細信息，并且與地圖進行互動，增加受眾的參與度和黏性。這種結合插畫和交互地圖的創(chuàng)作方式，不僅能以美觀、生動的方式呈現(xiàn)各地的廉政教育基地建筑，還能提高地圖的傳播速度和廣度。

作為一名設計師，筆者充分利用技術手段，以提供更好的參觀體驗為目標。筆者選擇廣西廉政教育基地的交互地圖作為研究對象，結合多感官的體驗，從多個角度進行研究，旨在豐富交互的內容和形式，不斷完善受眾的體驗。通過對廣西廉政教育基地交互地圖的創(chuàng)作與傳播的個案研究，筆者發(fā)現(xiàn)數(shù)字媒體技術的支持對提高交互地圖的情感化和人性化程度起到了關鍵作用。在創(chuàng)作過程中，筆者注重從受眾的角度出發(fā)，充分考慮他們的需求和感受，通過技術手段將廉潔文化的精神內涵以更加生動、有趣的方式呈現(xiàn)出來。在傳播過程中，筆者也注重選擇合適的渠道和平臺，讓更多人方便查看地圖和與地圖互動。

五、結束語

本文通過分析新媒體技術與信息可視化的關系以及數(shù)字媒體時代下動態(tài)信息圖形設計發(fā)展的優(yōu)越性，并對動態(tài)信息圖形可視化的特征進行概述，針對現(xiàn)有問題提出新媒體技術下動態(tài)圖形可視化的方法與原則，最后，通過設計實踐來證實這一原則。相信隨著新媒體技術的發(fā)展和研究的深入，我國的信息圖形設計會越來越成熟，終將形成屬于我們自己的設計風格與理論體系。