基于新媒體技術(shù)的動態(tài)圖形在信息可視化中的設(shè)計研究

曾禹萱 張 逸

廣西師范大學(xué)

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

一、新媒體技術(shù)與信息可視化設(shè)計的關(guān)系

（一）新媒體技術(shù)概述

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

（二）信息可視化設(shè)計概述

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

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

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

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

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

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

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

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

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

（一）傳遞信息的高效性

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

（二）接收信息的準(zhǔn)確性

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

（三）與受眾的可交互性

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

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

（一）設(shè)計方法

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

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

2.尊重受眾的體驗(yàn)效果

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

（二）設(shè)計原則

1.視覺形式美原則

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

2.多維互動體驗(yàn)原則

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

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

（一）以廣西廉政教育基地導(dǎo)視地圖為設(shè)計對象

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

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

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

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

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

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

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

五、結(jié)束語

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