6-新媒体数据可视化

1、X X X X 大 学 教 案 第六章 新媒体数据可视化建立目标任务明确重难点课程导入，激发学习兴趣。讲授法，建立学习内容的总体印象。讲授法、案例分析法讲授法、案例分析法。引导学生探究式学习，分析信息图表、动画视频、交互图表的特点。结合教材内容，采用讲授法、案例分析法。演示法、案例分析法、实验法。通过操作演示各实例实现方法布置作业、巩固知识，进行形成性评价。教学反思一、课时安排：课时（理论讲授7课时，实践5课时）二、教学课型：理论、实践课三、教学目标：（1）了解新媒体数据可视化的意义。（2）熟悉新媒体数据可视化的类型。（3）掌握新媒体数据可视化设计的要点。（4）掌握新媒体数据可视化的工具并掌握

2、其应用。四、教学重点难点：（1）新媒体数据可视化的类型（2）新媒体数据可视化工具及应用。五、教学方法：多媒体教学（讲授法、实验法）六、教学过程与内容：课程导入：新媒体领域可视化实例。本章概述：数据可视化（Data Visualization）是指通过图形、图表以及动画等手段直观、生动、形象地展示数据的形式。它有利于受众更快获取数据、获取更多数据、更深理解数据。新媒体数据可视化是新媒体数据分析的重要环节，能够更好地支持新媒体数据应用。本章将系统地阐述新媒体数据可视化的含义、必要性、类型、设计要点以及工具应用等内容；介绍新媒体数据可视化的设计要点，包括准确化、扁平化与移动化；重点介绍四大数据可视化

3、实践案例，分别是利用镝数平台制作桑基图、利用Excel和Ps制作特色条形图、利用datavrap制作动画视频以及利用iH5制作交互词频图，帮助者在实际操作中掌握新媒体数据可视化的相关知识与技能。第一节 新媒体数据可视化概述（一）什么是数据可视化数据可视化是指通过图形、图表以及动画等手段直观、生动、形象地展示数据的形式。它囊括了信息可视化、知识可视化、科学可视化以及视觉设计方面的进步和发展，经历了图形符号、数据图形、多维信息的可视编码、多维统计图形以及交互可视化等阶段。数据可视化的目的在于借助图形化的手段，清晰有效地传达与沟通信息。（二）数据可视化的意义数据可视化的意义总的来说分为三点： 更快获

4、取数据、获取更多数据、更深理解数据。1.快：提高信息获取效率。例：南丁格尔玫瑰图。2.多：增大信息表现容量。数据可视化能在一张图里复下合多维数据。例：“What China Counts？”|大数据解读51份政府工作报告中的高频词。3.深：深度加工推理信息可视化因为能清晰地展示证据，所以在支持上下文理解和数据推理方面有着独到的作用，能够引导用户从可视化结果分析和推理出有效信息。例：专利药为什么这么贵。第二节 新媒体数据可视化类型数据可视化可按照以下标准分类：按照用户调动的感官层次分为：视觉、视听、视触与视听触结合四类；按照视觉形态的动静差异分为：静态可视化与动态可视化两类。本节内容主要按照视觉

5、形态的动静差异将数据可视化分为静态与动态两类，其中静态类型以信息图表为代表，动态类型又可按照是否有交互操作分为动画视频与交互图表两类。（一）信息图表信息图表是指信息、数据、知识等的视觉化表达。彭兰认为信息图表可以将枯燥的信息与数据转换成美丽的、能给人深刻印象并且有意义的图形，达到信息的视觉化萃取。常见的信息图表有以下几大类型：折线图、柱状图、饼图、散点图、地图、雷达图、热力图、复合图表。（二）动画视频随着移动短视频的快速发展，数据可视化越来越依托微视频的表现形式，让枯燥乏味的数据鲜活地“动”起来。例如，CGTN制作的Chinas journey towards global trade90秒短

6、视频，用数据解读中国贸易40年的发展历程，通过动画的方式，更有利于展现数据的动态变化，增加直观性与趣味性，可以通过访问以下网站观看动画视频：（三）交互图表随着以交互性为特点的Web 2.0时代的深入，数据可视化也逐渐融合了交互操作，调动用户的积极性和参与性。在新媒体数据信息展示方面交互图表的制作和应用也越来越广泛，目前很多数据可视化平台都支持交互图表制作。第三节 新媒体数据可视化设计要点新媒体数据可视化的含义之一是在新媒体平台上或运用新媒体技术进行数据可视化，既包含数据可视化的一般要求，也针对新媒体交互性、即时性、移动化等新兴特点提出了一些特殊要求，总的来说可以归为准确化、扁平化、移动化三点。

7、（一）准确化：避免歧义准确化的两大含义：一是可视化要贴合数据本身，这就需要设计者在视觉传达之前对已有数据进行充分地理解和熟悉，避免错用符号曲解数据；二是要符合常识，和人们的文化背景与社会生活状况紧密相关，降低获取信息的难度。（二）扁平化：少即是多扁平化的核心意义是去除冗余、厚重和繁杂的装饰效果，让“信息”本身作为核心被凸显出来。扁平化首先在设计元素上强调抽象、极简和符号化，设计者们可以参考一些著名品牌的logo。其次，页面加载时间最好在2.7s-3.6s之间，首页尽量少用素材和动效。再次，交互尽量简洁明了，页数8页。如腾讯数可视作品苹果认输：下调四季度营收预期市值蒸发超4400亿美元的封面图。

8、代表财富的金色逐渐向上蒸发，简洁的设计明确地传递出苹果市值蒸发的核心信息，可视化简洁，但传递信息丰富。（三）移动化：小屏叙事移动新媒体日益发展，越来越多数据作品需要在手机端展示传播。设计者一方面可以考虑作品同时兼容网页版和移动端，一方面也可以根据手机端特点设计。设计者一方面可以考虑作品同时兼容网页版和移动端，一方面也可以根据手机端特点设计。第一，手机常见的屏幕分辨率640×1080。第二，手机长图的习惯浏览方式是上下翻页，如果横屏观看可以达到更好的阅读效果，要有明确提示。第三，手机端的字体和图片可以放大，避免用户观看疲劳。第四节 新媒体数据可视化应用（一）工具简介此小节罗列了几大常用

9、的数据可视化工具，并简要分析了其操作难度和优缺点，制作者可根据自己的需求和技术掌握程度选择适当的工具。需要说明的是，在数据可视化的过程中，制作者往往根据不同工具的优点组合设计。例如：1.Excel+PS：可在Excel中将数据先制作成简单的柱状图或者条形图，确保可视化的准确性，再将生成的图表移动到PS中进行设计，体现可视化的美观性。2.PS+Ai：如果是位图（有像素点）可以在PS里进行图片处理，如果需要增加或修改矢量元素，可以在Ai里利用钢笔工具进行可视化设计。3.PS+iH5：可以先在PS里设计好交互元素，然后放到iH5里通过添加事件和运动轨迹，实现交互（二）实例讲解1.利用镝数平台制作桑基图该方法简单易行，在线制作，适用于数据可视化基础较弱的初学者。2.利用Excel和PS制作特色条形图该方法适用于有一定PS作图基础的制作者使用。3.利用datavrap平台制作动画视频该方法简单易行，在线制作，也比较适用于数据可视化基础较弱的初学者。4.利用iH5制作交互图表该方法适用于熟练掌握iH5和PS的制作者使用。思考与练习：（1）简述数据可视化的内涵及意义（2）列举新媒体数据可视化的类型及