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

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

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

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

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

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

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

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

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

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