動態(tài)圖形在信息可視化設(shè)計(jì)中的應(yīng)用分析

姜雙曈 梁學(xué)勇

摘要： 技術(shù)革新為信息高速傳播提供了更為廣闊的平臺，信息可視化設(shè)計(jì)的呈現(xiàn)方式也多種多樣。我們的日常生活中所接觸的很多信息圖形加入了動態(tài)效果以手機(jī)，電腦等多媒體平臺為載體呈現(xiàn)出來，更好地提升了信息傳播效率。動態(tài)圖形作為信息圖形設(shè)計(jì)的一種新元素，我們需要探索動態(tài)圖形這種設(shè)計(jì)元素在有效傳達(dá)信息方面有哪些實(shí)用的方法或技巧。文章主要圍繞在信息可視化設(shè)計(jì)中，如何根據(jù)信息內(nèi)容以及圖形的動態(tài)元素選擇更好的表現(xiàn)形式。

關(guān)鍵詞： 信息圖表;可視化;動態(tài)圖形

中圖分類號： J524??? 文獻(xiàn)標(biāo)識碼： A??? 文章編號： 1672-9129（2018）09-0201-01

Abstract： Technological innovation provides a broader platform for the high-speed dissemination of information， and the presentation of information visualization design is also diversified. Many of the information graphics we are exposed to in our daily life are presented with dynamic effects through multimedia platforms such as mobile phones and computers， which can better improve the efficiency of information transmission. As a new element of information graphics design， we need to explore the practical methods or techniques of dynamic graphics in effective communication of information. This paper mainly focuses on information visualization design， and how to choose better presentation form according to information content and dynamic elements of graphics.

Key words： Information chart， visualization， dynamic graphics

動態(tài)圖形本身在一定程度上會表現(xiàn)想法和情感。不僅是設(shè)計(jì)者想要表達(dá)出來的情感，而且還包含讀者在閱讀之中感受到的。例如圖形之間的淡入淡出的切換可能讓讀者感受到時(shí)間的流逝，場景的迅速轉(zhuǎn)化可能會使讀者感到緊張。在信息圖表設(shè)計(jì)中的動態(tài)圖形所呈現(xiàn)的形式對于設(shè)計(jì)者來說是一種挑戰(zhàn)。畢竟運(yùn)用動態(tài)圖形本身不是目的，而是設(shè)計(jì)出合理高效的信息圖表的手段。

傳播技術(shù)的發(fā)展帶來的傳播媒介的變化，我們在生活中通過互聯(lián)網(wǎng)平臺接受和理解各類信息的頻率不斷上升。紙媒時(shí)代數(shù)據(jù)的表現(xiàn)形式單一而冗長，我們一度通過閱讀表格，條形圖配以大量的文字說明讀取信息。而當(dāng)今的信息傳播更加注重信息可視化中的視覺圖形設(shè)計(jì)，幫助大量信息更加生動更加形象地傳遞給讀者。相對于靜止的圖表而言，動態(tài)圖形能夠在信息可視化的設(shè)計(jì)與運(yùn)用中給讀者帶來耳目一新的閱讀感受。動態(tài)圖形在視覺中的表現(xiàn)新穎而有趣，但在信息可視化設(shè)計(jì)中究竟是只是有趣還是真的有用，是我們在設(shè)計(jì)中值得思考的問題。

1 動態(tài)圖形釋義以及運(yùn)動形式

動態(tài)圖形的解釋為是“隨時(shí)間流動而改變形態(tài)的圖形”，是一種具有動態(tài)效果的圖形，更為直接的解釋意為動態(tài)圖形即會動的圖形，相比靜態(tài)圖形多出了時(shí)間的概念。動態(tài)圖形設(shè)計(jì)不僅包含平面設(shè)計(jì)要素，也涉及到動畫設(shè)計(jì)甚至是一些影視語言。動態(tài)圖形的表現(xiàn)形式豐富多樣，可以融合多種設(shè)計(jì)元素而有著極強(qiáng)的包容性，因此在多媒體環(huán)境中被廣泛應(yīng)用，例如節(jié)目頻道包裝，商業(yè)廣告等，目前設(shè)計(jì)者也經(jīng)常在信息可視化設(shè)計(jì)中利用動態(tài)圖形。

在設(shè)計(jì)者常用的視頻編輯軟件Adobe Effect中圖層的五種變換屬性我們可以大致總結(jié)出動態(tài)圖形中的運(yùn)動形式主要包括五種：中心點(diǎn)，位置變化，大小變化，旋轉(zhuǎn)角度以及不透明度;不僅如此，網(wǎng)頁中圖形可以通過隨著一定時(shí)間線改變圖形的屬性發(fā)生一系列變化。這個屬性不僅包含Adobe Effect中的變換屬性，還可以包括材質(zhì)、光線等;不同形式相互結(jié)合可以制作出五花八門的動態(tài)圖形。在信息圖表設(shè)計(jì)中運(yùn)用動態(tài)圖形似乎更適合當(dāng)下主要以各類多媒體平臺傳播信息的社會環(huán)境，但有趣和美觀絕不是評價(jià)這種表現(xiàn)形式是否合理的標(biāo)準(zhǔn)。

2 動態(tài)圖形在信息圖設(shè)計(jì)中的應(yīng)用

《時(shí)代》中發(fā)布的一則關(guān)于從1978年到1982年鉆石均價(jià)變化的圖表。在表現(xiàn)形式上這則經(jīng)過夸張手法修飾的信息圖表顯然是迷人而有趣的，但眾多設(shè)計(jì)師對此圖表的最終的呈現(xiàn)形式褒貶不一。設(shè)計(jì)中有一則重要理念 “少即是多”，主張用更少的內(nèi)容向讀者傳遞更多的信息。這使我們不禁想到，動態(tài)圖形被廣泛使用的現(xiàn)狀顯然是拓展了設(shè)計(jì)師的設(shè)計(jì)信息圖的方法——我們不僅可以用漫畫或者形態(tài)各異的圖形修飾數(shù)據(jù)，甚至還可以使它們動起來。畢竟人的思維并不同于計(jì)算機(jī)只讀取數(shù)據(jù)，在可視化設(shè)計(jì)中，枯燥乏味也是一種威脅。思維和眼睛需要刺激和驚喜。在可視化設(shè)計(jì)中合理運(yùn)用動態(tài)圖形設(shè)計(jì)是能夠吸引人們了解信息，挖掘信息。

2.1動態(tài)圖形組合形成的動態(tài)信息圖表。關(guān)于空客A350XWB寬體飛機(jī)的其中一則信息圖就運(yùn)用了大量的動態(tài)圖形為讀者詳細(xì)介紹了最先進(jìn)的航空制造技術(shù)。在這則信息圖中，設(shè)計(jì)者利用三維示意圖給讀者展現(xiàn)了該架客機(jī)的大致形態(tài)，在改進(jìn)和創(chuàng)新的部位采取放大說明的方法進(jìn)行拆分，解釋;數(shù)據(jù)和畫面切換流動自如，為讀者全方位解釋了該客機(jī)在氣動性能、機(jī)身中輕型復(fù)合材料應(yīng)用和乘客體驗(yàn)方面的創(chuàng)新性突破;其次，該客機(jī)具有超高燃油效率且噪聲水平極低。

讀者或者用戶在閱讀或使用的感受是判斷圖表設(shè)計(jì)是否合理的重要依據(jù)。在這類解說型信息圖表運(yùn)用動態(tài)圖形能夠更加全面流暢地介紹說明對象。圖表以用動態(tài)圖形組合出短視頻的方法呈現(xiàn)出來。這種信息圖（包括地鐵中的公益廣告，電影開場前的火災(zāi)逃生知識等）能夠通過電子屏，手機(jī)等平臺廣泛傳播。此種類型的信息可視化設(shè)計(jì)能夠依據(jù)讀者身處的情境離不開動態(tài)圖形設(shè)計(jì)，以便更好地將信息傳達(dá)給讀者。假如在電影院給人們傳閱關(guān)于火災(zāi)知識的手冊，也許觀眾并不一定有耐心看下去。

2.2交互式圖表。交互式圖表多應(yīng)用在手機(jī)，電腦等以互聯(lián)網(wǎng)技術(shù)為支持的新媒體平臺中。這些媒體最顯著的特色就是能夠?qū)崿F(xiàn)動畫和互動。

AVALAUNCH網(wǎng)站對從公元559年到2013年的社會媒體變遷按照時(shí)間順序做出整合。要知道，公元550年到21世紀(jì)之間中間相隔了上千年。要把這些龐大的信息整理到一個網(wǎng)頁界面中，在傳統(tǒng)圖表中這幾乎是無法實(shí)現(xiàn)的。該網(wǎng)站就體現(xiàn)了交互式圖表的一個顯著的優(yōu)勢——把詳細(xì)的圖表隱藏在按鈕中，用戶可以通過點(diǎn)擊，滑動等最基礎(chǔ)的互動方式了解信息。在這則圖表中，卡通形象會將手臂指向用戶點(diǎn)擊的年份，這一小小的動效增強(qiáng)了圖表的趣味性，可以起到鼓勵用戶多次點(diǎn)擊的作用。

交互式信息圖表的表現(xiàn)形式多種多樣，未來數(shù)字化媒體趨向主流，動態(tài)圖形設(shè)計(jì)在交互式圖表中會有更大的發(fā)展空間。針對可視化設(shè)計(jì)而言，受眾的閱讀感受分為兩個層次：首先讀者能夠理解圖表所傳達(dá)出來的信息;其次能夠?qū)ψx者產(chǎn)生一定的啟示，激勵讀者探索和挖掘數(shù)據(jù)背后的信息。

從確定圖表研究焦點(diǎn)到完善調(diào)研，最終需要設(shè)計(jì)者選擇更加合理的表現(xiàn)方式。邁阿密大學(xué)傳播學(xué)院教授，著名圖表設(shè)計(jì)師Alberto Cairo提出了可視化輪盤的概念。將信息圖表的不同特性，例如是創(chuàng)新還是通用，是抽象還是模擬等，將這些特性以輪盤的形式表現(xiàn)出來。我認(rèn)為可視化輪盤在關(guān)于信息可視化設(shè)計(jì)中如何運(yùn)用動態(tài)圖形同樣具有指導(dǎo)作用。動態(tài)圖形在信息可視化中的設(shè)計(jì)方法多種多樣，同時(shí)多媒體技術(shù)發(fā)展帶動的多維度的圖形設(shè)計(jì)逐漸豐富，這使設(shè)計(jì)者有更廣闊的選擇空間。設(shè)計(jì)者要善于總結(jié)動態(tài)圖形運(yùn)動的不同形式和規(guī)律，根據(jù)用戶的不同需求平衡信息可視化設(shè)計(jì)中的不同特性。

信息并非固定，而是流動。動態(tài)圖形的運(yùn)用在信息圖表以及信息可視化設(shè)計(jì)中最好的呈現(xiàn)方式還在變化之中。究竟怎樣才是合理高效的運(yùn)用手法我們將通過更多的實(shí)踐逐步掌握。

參考文獻(xiàn)：

[1]（美）Jon Krasner著.李若言 陳小民 張安宇譯.動態(tài)圖形設(shè)計(jì)的應(yīng)用與藝術(shù).北京.人民郵電出版社，2016

[2]（美）Alberto Cairo著.羅輝 李麗華譯.不只是美：信息圖表設(shè)計(jì)原理與經(jīng)典案例.北京.人民郵電出版社，2015

[3]曾進(jìn).動態(tài)圖形設(shè)計(jì)基礎(chǔ)探析[J].藝術(shù)與設(shè)計(jì)，2013