6-新媒體數(shù)據(jù)可視化

1、X X X X 大 學(xué) 教 案 第六章 新媒體數(shù)據(jù)可視化建立目標(biāo)任務(wù)明確重難點(diǎn)課程導(dǎo)入，激發(fā)學(xué)習(xí)興趣。講授法，建立學(xué)習(xí)內(nèi)容的總體印象。講授法、案例分析法講授法、案例分析法。引導(dǎo)學(xué)生探究式學(xué)習(xí)，分析信息圖表、動(dòng)畫視頻、交互圖表的特點(diǎn)。結(jié)合教材內(nèi)容，采用講授法、案例分析法。演示法、案例分析法、實(shí)驗(yàn)法。通過操作演示各實(shí)例實(shí)現(xiàn)方法布置作業(yè)、鞏固知識(shí)，進(jìn)行形成性評(píng)價(jià)。教學(xué)反思一、課時(shí)安排：課時(shí)（理論講授7課時(shí)，實(shí)踐5課時(shí)）二、教學(xué)課型：理論、實(shí)踐課三、教學(xué)目標(biāo)：（1）了解新媒體數(shù)據(jù)可視化的意義。（2）熟悉新媒體數(shù)據(jù)可視化的類型。（3）掌握新媒體數(shù)據(jù)可視化設(shè)計(jì)的要點(diǎn)。（4）掌握新媒體數(shù)據(jù)可視化的工具并掌握

2、其應(yīng)用。四、教學(xué)重點(diǎn)難點(diǎn)：（1）新媒體數(shù)據(jù)可視化的類型（2）新媒體數(shù)據(jù)可視化工具及應(yīng)用。五、教學(xué)方法：多媒體教學(xué)（講授法、實(shí)驗(yàn)法）六、教學(xué)過程與內(nèi)容：課程導(dǎo)入：新媒體領(lǐng)域可視化實(shí)例。本章概述：數(shù)據(jù)可視化（Data Visualization）是指通過圖形、圖表以及動(dòng)畫等手段直觀、生動(dòng)、形象地展示數(shù)據(jù)的形式。它有利于受眾更快獲取數(shù)據(jù)、獲取更多數(shù)據(jù)、更深理解數(shù)據(jù)。新媒體數(shù)據(jù)可視化是新媒體數(shù)據(jù)分析的重要環(huán)節(jié)，能夠更好地支持新媒體數(shù)據(jù)應(yīng)用。本章將系統(tǒng)地闡述新媒體數(shù)據(jù)可視化的含義、必要性、類型、設(shè)計(jì)要點(diǎn)以及工具應(yīng)用等內(nèi)容；介紹新媒體數(shù)據(jù)可視化的設(shè)計(jì)要點(diǎn)，包括準(zhǔn)確化、扁平化與移動(dòng)化；重點(diǎn)介紹四大數(shù)據(jù)可視化

3、實(shí)踐案例，分別是利用鏑數(shù)平臺(tái)制作?；鶊D、利用Excel和Ps制作特色條形圖、利用datavrap制作動(dòng)畫視頻以及利用iH5制作交互詞頻圖，幫助者在實(shí)際操作中掌握新媒體數(shù)據(jù)可視化的相關(guān)知識(shí)與技能。第一節(jié) 新媒體數(shù)據(jù)可視化概述（一）什么是數(shù)據(jù)可視化數(shù)據(jù)可視化是指通過圖形、圖表以及動(dòng)畫等手段直觀、生動(dòng)、形象地展示數(shù)據(jù)的形式。它囊括了信息可視化、知識(shí)可視化、科學(xué)可視化以及視覺設(shè)計(jì)方面的進(jìn)步和發(fā)展，經(jīng)歷了圖形符號(hào)、數(shù)據(jù)圖形、多維信息的可視編碼、多維統(tǒng)計(jì)圖形以及交互可視化等階段。數(shù)據(jù)可視化的目的在于借助圖形化的手段，清晰有效地傳達(dá)與溝通信息。（二）數(shù)據(jù)可視化的意義數(shù)據(jù)可視化的意義總的來說分為三點(diǎn)： 更快獲

4、取數(shù)據(jù)、獲取更多數(shù)據(jù)、更深理解數(shù)據(jù)。1.快：提高信息獲取效率。例：南丁格爾玫瑰圖。2.多：增大信息表現(xiàn)容量。數(shù)據(jù)可視化能在一張圖里復(fù)下合多維數(shù)據(jù)。例：“What China Counts？”|大數(shù)據(jù)解讀51份政府工作報(bào)告中的高頻詞。3.深：深度加工推理信息可視化因?yàn)槟芮逦卣故咀C據(jù)，所以在支持上下文理解和數(shù)據(jù)推理方面有著獨(dú)到的作用，能夠引導(dǎo)用戶從可視化結(jié)果分析和推理出有效信息。例：專利藥為什么這么貴。第二節(jié) 新媒體數(shù)據(jù)可視化類型數(shù)據(jù)可視化可按照以下標(biāo)準(zhǔn)分類：按照用戶調(diào)動(dòng)的感官層次分為：視覺、視聽、視觸與視聽觸結(jié)合四類；按照視覺形態(tài)的動(dòng)靜差異分為：靜態(tài)可視化與動(dòng)態(tài)可視化兩類。本節(jié)內(nèi)容主要按照視覺

5、形態(tài)的動(dòng)靜差異將數(shù)據(jù)可視化分為靜態(tài)與動(dòng)態(tài)兩類，其中靜態(tài)類型以信息圖表為代表，動(dòng)態(tài)類型又可按照是否有交互操作分為動(dòng)畫視頻與交互圖表兩類。（一）信息圖表信息圖表是指信息、數(shù)據(jù)、知識(shí)等的視覺化表達(dá)。彭蘭認(rèn)為信息圖表可以將枯燥的信息與數(shù)據(jù)轉(zhuǎn)換成美麗的、能給人深刻印象并且有意義的圖形，達(dá)到信息的視覺化萃取。常見的信息圖表有以下幾大類型：折線圖、柱狀圖、餅圖、散點(diǎn)圖、地圖、雷達(dá)圖、熱力圖、復(fù)合圖表。（二）動(dòng)畫視頻隨著移動(dòng)短視頻的快速發(fā)展，數(shù)據(jù)可視化越來越依托微視頻的表現(xiàn)形式，讓枯燥乏味的數(shù)據(jù)鮮活地“動(dòng)”起來。例如，CGTN制作的Chinas journey towards global trade90秒短

6、視頻，用數(shù)據(jù)解讀中國(guó)貿(mào)易40年的發(fā)展歷程，通過動(dòng)畫的方式，更有利于展現(xiàn)數(shù)據(jù)的動(dòng)態(tài)變化，增加直觀性與趣味性，可以通過訪問以下網(wǎng)站觀看動(dòng)畫視頻：（三）交互圖表隨著以交互性為特點(diǎn)的Web 2.0時(shí)代的深入，數(shù)據(jù)可視化也逐漸融合了交互操作，調(diào)動(dòng)用戶的積極性和參與性。在新媒體數(shù)據(jù)信息展示方面交互圖表的制作和應(yīng)用也越來越廣泛，目前很多數(shù)據(jù)可視化平臺(tái)都支持交互圖表制作。第三節(jié) 新媒體數(shù)據(jù)可視化設(shè)計(jì)要點(diǎn)新媒體數(shù)據(jù)可視化的含義之一是在新媒體平臺(tái)上或運(yùn)用新媒體技術(shù)進(jìn)行數(shù)據(jù)可視化，既包含數(shù)據(jù)可視化的一般要求，也針對(duì)新媒體交互性、即時(shí)性、移動(dòng)化等新興特點(diǎn)提出了一些特殊要求，總的來說可以歸為準(zhǔn)確化、扁平化、移動(dòng)化三點(diǎn)。

7、（一）準(zhǔn)確化：避免歧義準(zhǔn)確化的兩大含義：一是可視化要貼合數(shù)據(jù)本身，這就需要設(shè)計(jì)者在視覺傳達(dá)之前對(duì)已有數(shù)據(jù)進(jìn)行充分地理解和熟悉，避免錯(cuò)用符號(hào)曲解數(shù)據(jù)；二是要符合常識(shí)，和人們的文化背景與社會(huì)生活狀況緊密相關(guān)，降低獲取信息的難度。（二）扁平化：少即是多扁平化的核心意義是去除冗余、厚重和繁雜的裝飾效果，讓“信息”本身作為核心被凸顯出來。扁平化首先在設(shè)計(jì)元素上強(qiáng)調(diào)抽象、極簡(jiǎn)和符號(hào)化，設(shè)計(jì)者們可以參考一些著名品牌的logo。其次，頁面加載時(shí)間最好在2.7s-3.6s之間，首頁盡量少用素材和動(dòng)效。再次，交互盡量簡(jiǎn)潔明了，頁數(shù)8頁。如騰訊數(shù)可視作品蘋果認(rèn)輸：下調(diào)四季度營(yíng)收預(yù)期市值蒸發(fā)超4400億美元的封面圖。

8、代表財(cái)富的金色逐漸向上蒸發(fā)，簡(jiǎn)潔的設(shè)計(jì)明確地傳遞出蘋果市值蒸發(fā)的核心信息，可視化簡(jiǎn)潔，但傳遞信息豐富。（三）移動(dòng)化：小屏敘事移動(dòng)新媒體日益發(fā)展，越來越多數(shù)據(jù)作品需要在手機(jī)端展示傳播。設(shè)計(jì)者一方面可以考慮作品同時(shí)兼容網(wǎng)頁版和移動(dòng)端，一方面也可以根據(jù)手機(jī)端特點(diǎn)設(shè)計(jì)。設(shè)計(jì)者一方面可以考慮作品同時(shí)兼容網(wǎng)頁版和移動(dòng)端，一方面也可以根據(jù)手機(jī)端特點(diǎn)設(shè)計(jì)。第一，手機(jī)常見的屏幕分辨率640×1080。第二，手機(jī)長(zhǎng)圖的習(xí)慣瀏覽方式是上下翻頁，如果橫屏觀看可以達(dá)到更好的閱讀效果，要有明確提示。第三，手機(jī)端的字體和圖片可以放大，避免用戶觀看疲勞。第四節(jié) 新媒體數(shù)據(jù)可視化應(yīng)用（一）工具簡(jiǎn)介此小節(jié)羅列了幾大常用

9、的數(shù)據(jù)可視化工具，并簡(jiǎn)要分析了其操作難度和優(yōu)缺點(diǎn)，制作者可根據(jù)自己的需求和技術(shù)掌握程度選擇適當(dāng)?shù)墓ぞ?。需要說明的是，在數(shù)據(jù)可視化的過程中，制作者往往根據(jù)不同工具的優(yōu)點(diǎn)組合設(shè)計(jì)。例如：1.Excel+PS：可在Excel中將數(shù)據(jù)先制作成簡(jiǎn)單的柱狀圖或者條形圖，確保可視化的準(zhǔn)確性，再將生成的圖表移動(dòng)到PS中進(jìn)行設(shè)計(jì)，體現(xiàn)可視化的美觀性。2.PS+Ai：如果是位圖（有像素點(diǎn)）可以在PS里進(jìn)行圖片處理，如果需要增加或修改矢量元素，可以在Ai里利用鋼筆工具進(jìn)行可視化設(shè)計(jì)。3.PS+iH5：可以先在PS里設(shè)計(jì)好交互元素，然后放到iH5里通過添加事件和運(yùn)動(dòng)軌跡，實(shí)現(xiàn)交互（二）實(shí)例講解1.利用鏑數(shù)平臺(tái)制作桑基圖該方法簡(jiǎn)單易行，在線制作，適用于數(shù)據(jù)可視化基礎(chǔ)較弱的初學(xué)者。2.利用Excel和PS制作特色條形圖該方法適用于有一定PS作圖基礎(chǔ)的制作者使用。3.利用datavrap平臺(tái)制作動(dòng)畫視頻該方法簡(jiǎn)單易行，在線制作，也比較適用于數(shù)據(jù)可視化基礎(chǔ)較弱的初學(xué)者。4.利用iH5制作交互圖表該方法適用于熟練掌握iH5和PS的制作者使用。思考與練習(xí)：（1）簡(jiǎn)述數(shù)據(jù)可視化的內(nèi)涵及意義（2）列舉新媒體數(shù)據(jù)可視化的類型及