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

曾禹萱 張 逸

廣西師范大學(xué)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（一）傳遞信息的高效性

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

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

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

（三）與受眾的可交互性

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

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

（一）設(shè)計(jì)方法

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

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

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

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

（二）設(shè)計(jì)原則

1.視覺(jué)形式美原則

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

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

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

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

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

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

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

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

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

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

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

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

五、結(jié)束語(yǔ)

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