第一天（11月11日）

信息图的信息图

在今天的课程中，我们将纵览基于“表示性映射”的可视化流程，探索“信息图的信息图”——信息动线图，理解信息在可视化流程中的流动。基于“表示性映射”，我们将梳理从数据到视图的转换过程。你将学习如何绘制信息动线图，为后续的数据扩展和交互机会的发现建立框架性基础。

如何准备这一天

• 阅读此课程网站的“欢迎”页面和“开始之前”章节；

• 按小组为单位准备一份既往创作的信息图作品，以及对应的数据。

今日议程

上午

• 介绍课程目标以及目标牵引的学习计划

• 课程期待：当我们在谈论交互的时候，我们在谈论什么？

• 视频材料与小组讨论：交互意义的朴素理解与共同定义

• 互动游戏：绘制抽象

• 理解可视化重要概念：表示、映射、表示性映射、视图

• 理解基于表示性映射的可视化流程：数据 → 数据表示 → 视觉表示 → 视觉呈现 → 视图

下午

• 介绍信息动线图

• 理解信息动线图将如何帮助我们完成“图形升维”的目标

• 案例分析：学习基于“表示性映射”为你的作品创建信息动线图的方法

• 课堂练习：为你的信息图绘制从“数据”到“视图”的信息动线图

  • 首先关注：数据 → 视觉单元 (不区分视觉呈现和视觉表现) → 视图

  • 列出你的数据源和数据类型

  • 列出你所有的“视觉单元”

  • 在“视图”中标注出所有的“视觉单元”

  • 为数据、视觉单元、视图建立关联关系

课后作业

• 继续完成课堂要求的信息动线图

• 尚未熟悉 Figma 的同学，请额外投入时间学习 课前指南 中的 Figma 教程

• 完成第二天课程 如何准备这一天中所提及的内容