摘 要：現(xiàn)今社會(huì)，傳統(tǒng)的數(shù)據(jù)可視化已不能滿足展示的需求。在追求新穎且有美感的數(shù)據(jù)可視化工具過(guò)程中，發(fā)現(xiàn)了動(dòng)畫(huà)可視化。它突破了靜態(tài)單一地展示特點(diǎn)，有連貫性、易理解，又有新意。在“we feel fine”網(wǎng)站中，動(dòng)畫(huà)可視化的應(yīng)用相當(dāng)成功。筆者結(jié)合平時(shí)工作，探索在教學(xué)時(shí)使用動(dòng)畫(huà)可視化的方法，以促進(jìn)學(xué)生的理解。然而這種可視化方法也存在不足之處，筆者結(jié)合參考國(guó)外文獻(xiàn)的心得與自身的探索，總結(jié)了幾點(diǎn)動(dòng)畫(huà)可視化應(yīng)用的注意點(diǎn)。

關(guān)鍵詞：數(shù)據(jù)可視化；“we feel fine”網(wǎng)站；動(dòng)畫(huà)呈現(xiàn)；教學(xué)中的設(shè)計(jì)應(yīng)用

現(xiàn)今社會(huì)，很多場(chǎng)合需要應(yīng)用到數(shù)據(jù)可視化，一般人們往往想到的就是傳統(tǒng)的數(shù)據(jù)表現(xiàn)形式，如表格、餅圖、柱狀圖等。但為了更有效地向觀眾傳達(dá)信息，有時(shí)需要的絕不是僅僅一張餅圖。其實(shí)，數(shù)據(jù)的表現(xiàn)形式可以是美麗、優(yōu)雅和描述性的。一個(gè)可視效果要想做到真正的“美”，必然不僅僅是作為信息渠道，還必須具備某些新穎性，如同用一種嶄新的視角觀察數(shù)據(jù)。美麗的可視化可以反映出所描述數(shù)據(jù)的品質(zhì)，顯式地揭示源數(shù)據(jù)中內(nèi)在與隱式的屬性和關(guān)系。

當(dāng)然一些人也會(huì)覺(jué)得這樣做反而顯得華而不實(shí)。其實(shí)不然，通常情況下這些設(shè)計(jì)并非為了新穎性，而是為了更加有效而設(shè)計(jì)。因此，我們?cè)谧非笮路f性的同時(shí)也要保證其有效性。

1 現(xiàn)代數(shù)據(jù)可視化案例——“We Feel Fine”網(wǎng)站

現(xiàn)代數(shù)據(jù)可視化的方法相較以往是比較有趣的，讓人感覺(jué)耳目一新。

剛開(kāi)始接觸“We Feel Fine”網(wǎng)站，完全被其呈現(xiàn)的外觀效果所吸引。剛點(diǎn)進(jìn)去，無(wú)數(shù)五顏六色的隨機(jī)運(yùn)動(dòng)的小泡泡充斥著整個(gè)屏幕。如果懸停鼠標(biāo)，有類似的情感會(huì)聚集在周圍，形成相互關(guān)聯(lián)的網(wǎng)絡(luò)的感覺(jué)，同時(shí)上面會(huì)顯示出從網(wǎng)絡(luò)上所摘錄的內(nèi)容，一個(gè)一個(gè)看起來(lái)就像在情感的海洋中觀賞一條條色彩繽紛的魚(yú)，流暢的視覺(jué)效果令人驚嘆。

其實(shí)，We Feel Fine是一個(gè)新近的交互藝術(shù)以及挖掘社會(huì)性網(wǎng)絡(luò)的作品，成立于2005年8月，差不多以每天近2萬(wàn)條的速度迅速增長(zhǎng)。“we feel fine”，就是“我們感覺(jué)良好”的意思。大多數(shù)人認(rèn)為網(wǎng)絡(luò)空間是理性與冷漠的，但這個(gè)網(wǎng)站想證明，網(wǎng)絡(luò)生活同樣充滿感情色彩。簡(jiǎn)單來(lái)說(shuō)，“we feel fine”的核心是一種數(shù)據(jù)搜集引擎。它先搜集博客中描述心情的詞句，再把這些數(shù)據(jù)可視化。這些泡泡不是“魚(yú)”，而是代表著人們的各種情感。

網(wǎng)站創(chuàng)辦人之一的約翰森·哈里斯解釋了這種獨(dú)特的表述方式。他說(shuō)，信息通過(guò)一個(gè)粒子系統(tǒng)表現(xiàn)出來(lái)，用一組不同顏色的小泡泡表現(xiàn)一個(gè)人的情感，不同的顏色代表不同的情緒。高興用鮮艷的顏色，悲傷則用灰暗的顏色。通過(guò)這種特殊的方式，揭秘博客中的情感，將它變得更加“可視化”，并以此來(lái)追蹤世界各地人們情感的變化。

We Feel Fine 每隔幾分鐘就從互聯(lián)網(wǎng)巨大數(shù)量的blog中提取“I feel” 和 “I am feeling”類似的數(shù)據(jù)和關(guān)鍵字，然后組成了一個(gè)巨大的數(shù)據(jù)庫(kù)，作者將這些數(shù)據(jù)進(jìn)行藝術(shù)加工，把數(shù)據(jù)變成交互的圖形，劃分成了六個(gè)樂(lè)章，分別是 Madness， Murmurs， Montage， Mobs， Metrics， and Mounds。

最后通過(guò)基于動(dòng)畫(huà)的信息可視化呈現(xiàn)，人們可以得出一些特別而又真實(shí)的結(jié)論。這與近期暢銷書(shū)《大數(shù)據(jù)》中的觀點(diǎn)相似，書(shū)中表明分析數(shù)據(jù)不再糾結(jié)于找出數(shù)據(jù)間的因果關(guān)系，而要找出相互影響的關(guān)系。分析“We Feel Fine”網(wǎng)站可以得出的結(jié)論很有趣，如“倫敦20歲的女性在雨天時(shí)的心情特點(diǎn)”，得出的數(shù)據(jù)就能用在天氣對(duì)人類情緒影響的相關(guān)研究中。

2教學(xué)實(shí)踐中的動(dòng)畫(huà)可視化設(shè)計(jì)

在《圖形圖像處理》課程中，理論與操作部分并存。以知識(shí)分類的角度來(lái)劃分，可分為陳述性知識(shí)、程序性知識(shí)、策略性知識(shí)[1]。

本文以課程《圖形圖像處理》為例，探索該課程中各類知識(shí)的動(dòng)畫(huà)呈現(xiàn)方法。動(dòng)畫(huà)可視化的具體設(shè)計(jì)：

2.1使用動(dòng)畫(huà)進(jìn)行可視化呈現(xiàn)時(shí)，畫(huà)面簡(jiǎn)潔，突出重點(diǎn)

該部分屬于第二章版面設(shè)計(jì)的導(dǎo)入部分，教師展示圖片，讓學(xué)生欣賞。筆者沒(méi)有使用常用的PPT軟件制作，而是使用flash制作這一交互效果，這樣可以多次點(diǎn)擊交互。但在呈現(xiàn)這些圖片時(shí)，筆者使用了兩種方案。一是利用圖片大小一致的規(guī)則特點(diǎn)排版，九張小圖上下對(duì)齊，效果如圖3將畫(huà)面分割。該方案的操作是，點(diǎn)擊右側(cè)小圖，左側(cè)顯示其大圖。

二是圖片幅數(shù)減少為六幅，整個(gè)版面顯得清爽大方。當(dāng)點(diǎn)擊小圖時(shí)，屏幕將小圖隱藏，只呈現(xiàn)其對(duì)應(yīng)的大圖，如圖4所示。

根據(jù)筆者的課堂觀察，方案一中學(xué)生均反映右側(cè)小圖看不清且顯得凌亂，當(dāng)左側(cè)發(fā)生變化時(shí)，常常反不過(guò)來(lái)。方案二中，學(xué)生觀察的主體只有一個(gè)，條理清晰。

由此可見(jiàn)，使用動(dòng)畫(huà)進(jìn)行知識(shí)呈現(xiàn)，需要突出某重點(diǎn)時(shí)，最好采用點(diǎn)的突出效果或者面的切換效果。

2.2使用動(dòng)畫(huà)呈現(xiàn)前，要理解顏色的含義，學(xué)會(huì)使用顏色、形狀來(lái)表達(dá)

這一想法從We Feel Fine網(wǎng)站中得到啟示。一打開(kāi)網(wǎng)站，可以看到大量的泡泡從屏幕中心噴發(fā)而出，無(wú)比絢爛，讓人眼前一亮。這里的每個(gè)泡泡的顏色對(duì)應(yīng)不同基調(diào)的情感。快樂(lè)積極的情感是明亮的黃色，悲傷的情感是深藍(lán)色，憤怒的情感是鮮艷的紅色，平靜的情感則是淡綠色。其中每個(gè)泡泡的大小代表所包含句子的長(zhǎng)度，圓形泡泡包含的是句子，矩形的則包含圖片，效果如圖5所示。

筆者截取學(xué)生作業(yè)的主頁(yè)，效果如圖6所示。每種顏色代表一個(gè)元素，生活就是由各種元素組成。這樣，才有可能吸引使用者去點(diǎn)擊關(guān)鍵詞。

3 動(dòng)畫(huà)可視化教學(xué)應(yīng)用的初步探究

筆者認(rèn)為，成功的有美感的數(shù)據(jù)可視化應(yīng)用，并且這三個(gè)應(yīng)用都有一個(gè)共同點(diǎn)——互動(dòng)。尤其是“we feel fine”網(wǎng)站，成功地應(yīng)用了動(dòng)畫(huà)可視化技術(shù)。在可視化中，動(dòng)畫(huà)能夠顯示中間的步驟和轉(zhuǎn)換過(guò)程，也能顯示數(shù)據(jù)是如何隨著時(shí)間的變化而收集起來(lái)的，這可能有助于學(xué)生深入理解某個(gè)觀點(diǎn)背后的邏輯。但是筆者在使用時(shí)也注意到一些問(wèn)題。

3.1動(dòng)畫(huà)應(yīng)用的弊端

動(dòng)畫(huà)技術(shù)的應(yīng)用不是在任何場(chǎng)合都成功的，如果應(yīng)用不恰當(dāng)，反而會(huì)成為觀眾理解的負(fù)擔(dān)。曾經(jīng)看到一個(gè)關(guān)于利用PPT展示數(shù)據(jù)的視頻，演講者為了使效果炫目，就將一些數(shù)據(jù)在屏幕上漫無(wú)目的地亂飛，在觀眾看來(lái)就是沒(méi)有意義的橫掃、展開(kāi)、旋轉(zhuǎn)、縮放，而真正想表達(dá)的東西卻沒(méi)有人注意到。因此，在應(yīng)用動(dòng)畫(huà)技術(shù)展現(xiàn)數(shù)據(jù)時(shí)，要確保其有效性。而筆者通過(guò)參考一些國(guó)外學(xué)者的應(yīng)用心得及自己的親身體驗(yàn)，得出了一些動(dòng)畫(huà)可視化的應(yīng)用注意點(diǎn)。

3.2.動(dòng)畫(huà)可視化應(yīng)用時(shí)的注意點(diǎn)

（1）動(dòng)畫(huà)顯示效果不要有大量的變化

到幀與幀之間的變化，當(dāng)變化少量時(shí)，可以很容易理解發(fā)生了什么變化，也容易記??；而有大量變化時(shí)，往往就理解不過(guò)來(lái)，追蹤不了那么多信息。

（2）要沿著坐標(biāo)運(yùn)動(dòng)

（3）要注意兼容性

（4）要確保有意義的運(yùn)動(dòng)

（5）要注意色彩的應(yīng)用

4 結(jié)語(yǔ)

筆者通過(guò)在《圖形圖像處理》課程中的實(shí)踐，初步探索了數(shù)據(jù)可視化方法中的一類——?jiǎng)赢?huà)可視化。雖然看似動(dòng)畫(huà)可視化比一般的靜態(tài)可視化外觀上新穎，吸引人注意力，但往往效率上沒(méi)有靜態(tài)的展示法（如柱狀圖、餅圖等）高。只要在動(dòng)畫(huà)應(yīng)用上多注意些原則，確保每一幀都有效，即使動(dòng)畫(huà)有些復(fù)雜，也能達(dá)到其既新穎又高效率的目的。

參考文獻(xiàn)：

[1]Julie Steele&Noah lliinsky ，《數(shù)據(jù)可視化之美》，2011.6.

[2]“we feel fine“網(wǎng)站.

[3] 王云.信息技術(shù)課程中動(dòng)畫(huà)呈現(xiàn)的設(shè)計(jì)研究——基于案例設(shè)計(jì)的實(shí)踐分析[D].江蘇：揚(yáng)州大學(xué)，2012（4）.