第五单元 数据和信息的可视化1. 看见数据 课件-2026-2027学年人美版初中美术九年级上册
|
23页
|
34人阅读
|
0人下载
普通
内容正文:
看见数据
数据和信息的可视化
九年级上册 · 第五单元
人美版美术 · 设计·应用
1.7.2013
‹#›
学习目标
图像识读
能识别数据可视化作品中的造型、色彩与构图特点
美术表现
掌握视觉编码基本方法,能用图表传递数据信息
创意实践
尝试创作一件有个人风格的数据可视化作品
文化理解
理解数据可视化背后的社会价值与审美表达
1.7.2013
‹#›
你每天都在"看见数据"
打开手机,你看到了什么?
天气APP里的温度曲线、空气质量环、紫外线指数——这些数字都变成了图形和颜色。
想一想:为什么不直接给你数字?
1.7.2013
‹#›
一堆数字,为什么需要被"画出来"才能看懂?
这节课,我们来当一次"数据翻译官"
1.7.2013
‹#›
什么是数据可视化?
数据可视化,就是把抽象的数字和信息,转化成看得见的图形、色彩和空间关系。
它不是简单地"画图表",而是用美术的语言——色彩、形状、构图——来讲一个关于数据的故事。
本质:让眼睛代替数字,发现规律和趋势
1.7.2013
‹#›
一张玫瑰图,救了无数士兵
南丁格尔玫瑰图 · 1858
克里米亚战争中,南丁格尔用这张图证明:大多数士兵死于恶劣卫生,而非战场伤亡。
数据可视化,曾改变历史
1.7.2013
‹#›
视觉编码之一:色彩
颜色是最直观的数据语言——暖色代表危险、增长,冷色代表安全、下降。
危险 / 警示
注意 / 过渡
安全 / 平稳
中性 / 基准
原则:同一组数据,颜色不超过 5 种,否则眼睛会"迷路"
1.7.2013
‹#›
视觉编码之二:形状与大小
柱子越高、圆点越大、面积越宽——视觉大小直接对应数值大小。
柱状图:高矮比大小
气泡图:大小比数量
原则:视觉面积必须和数值成正比,不能"夸大"
1.7.2013
‹#›
常见图表类型,你认识几种?
柱状图 → 比多少
折线图 → 看趋势
饼图 → 看占比
散点图 → 找关系
选对图表,数据才会说话
1.7.2013
‹#›
好图 vs 坏图,差在哪里?
好的可视化
· 一眼看出结论
· 颜色克制,不花哨
· 坐标轴从 0 开始
· 标注清晰有来源
误导性的图表
· 坐标轴截断,夸大差距
· 颜色太多,找不到重点
· 3D 效果扭曲比例
· 没有数据来源
美术课的原则:先准确,再美观——不能用美掩盖假
1.7.2013
‹#›
100多年前的"信息设计"先驱
W.E.B. 杜波依斯 · 1900年
在巴黎世博会上,杜波依斯用手绘图表展示美国黑人的职业分布,用数据为种族平等发声。
数据可视化,也是一种表达立场的艺术
1.7.2013
‹#›
现代数据可视化:把城市画成一朵花
Uber 旧金山打车弦图
每一条彩色丝带,都代表一个区域的出行流量。密密麻麻的线条,变成了一朵绽放的数据之花。
复杂的数据,也可以美得像艺术品
1.7.2013
‹#›
东方美学遇上数据可视化
中国风数据大屏
水墨底色、印章点缀、传统纹样边框——数据也可以有中国味道。
思考:我们湘西的山水、苗绣纹样,能不能变成数据可视化的语言?
1.7.2013
‹#›
设计原则一:准确为先
美术课的第一条规矩:数据可视化不是艺术创作,不能为了好看篡改数据。
坐标轴从 0 开始
不能截断纵轴夸大差距
比例必须真实
柱子高度、面积大小对应数值
标注数据来源
写清数据从哪里来
不误导读者
让图自己"说话"
1.7.2013
‹#›
设计原则二:清晰可读
好的数据可视化,3 秒内让人看懂结论。
· 去掉多余的背景线和装饰
· 字号够大,颜色对比够强
· 一张图只讲一个故事
· 留白比塞满更有力量
1.7.2013
‹#›
设计原则三:美感表达
美术课的特别之处:在准确的基础上,让数据图表成为一件有审美的作品。
构图平衡
主次分明,视觉有节奏
色彩和谐
主色统一,点缀出彩
风格统一
字体、线条、图标一致
有故事感
让人愿意多看一眼
1.7.2013
‹#›
创作四步法
1
找数据——从生活中收集一组真实数据
2
选图表——想清楚你要表达什么关系
3
做设计——配色、构图、标注,一步一步来
4
讲故事——你的图想告诉别人什么?
1.7.2013
‹#›
材料与工具
手绘工具
· 铅笔、直尺、橡皮
· 马克笔 / 彩铅
· 方格纸 / 白卡纸
数字工具
· Excel / WPS 表格
· Canva / 稿定设计
· 手机备忘录、便签
没有专业软件?纸笔就是最好的起点
1.7.2013
‹#›
课堂实践任务
基础任务(全员)
收集自己一周的睡眠时间或作业时间,画一张柱状图或折线图。
提升任务(选做)
用苗绣纹样或湘西元素做装饰,让图表有个人风格和地域特色。
时间:20 分钟 · 工具:手绘或电脑均可 · 完成后准备 30 秒介绍
1.7.2013
‹#›
学生作品范例
看看同学是怎么做的
用大数字突出重点,用图标辅助理解,配色简洁——这就是好的数据可视化。
思考:你的作品可以有什么不同?
1.7.2013
‹#›
展示与评价
评价三个维度
准确
数据真实,比例正确
清晰
3秒看懂结论
美感
有设计感和创意
1.7.2013
‹#›
课堂小结
数据可视化 = 用美术语言讲数据故事
· 视觉编码:色彩、形状、大小传递信息
· 三大原则:准确、清晰、美感
· 创作四步:找数据 → 选图表 → 做设计 → 讲故事
好的可视化,让数据"开口说话"
1.7.2013
‹#›
课后拓展与作业
基础作业
完善课堂作品,下节课带来展示。
拓展探究
找一找生活中误导人的图表,拍下来或画下来,说说它哪里不对。
推荐观看:B站搜索"数据可视化",看看高手怎么做
1.7.2013
‹#›
$