数据动画师:创作表达性的动态数据图形
交互式数据可视化时序数据与网络图可视化UI/UX 设计师视觉艺术家与设计师
文献标题
Data Animator: Authoring Expressive Animated Data Graphics
文献信息
- 主题领域: 数据可视化及动画设计
- 关键词: 动画数据图表, 设计工具, 关键帧, 对象匹配, 分阶段, 时序节奏
研究背景与问题
- 作者发现的问题或挑战: 动画数据图表的创作涉及协调视觉对象的行为(如进入、退出、合并和拆分)以及通过分阶段和时间节奏控制的设计,这些任务复杂且缺乏充足的工具支持。
- 重要性: 动画数据图表能够显著提升用户对数据变化的跟踪能力、理解力和参与度,尤其通过分阶段展示复杂过渡和减少对象移动的混淆。
- 研究动机与相关工作:
- 当前动画创作者使用的工具如关键帧动画工具、多数模板工具等,都缺乏支持视觉对象协调和数据驱动时间节奏的功能。
- 虽然可以通过编程(如使用D3库)实现高级动画设计,但编程对设计人员来说耗时且难以学习。
解决方案
- 作者提出的方法:
- Data Animator系统:一个无需编程的动画数据图表创作工具。该系统依赖静态可视化输入,提供自动过渡生成,同时允许设计师通过可视化界面对系统结果进行调整。
- 采用Data Illustrator框架分析并匹配两个静态可视化之间的对象。
- 使用分阶段(staging)和时间节奏设计(staggering)功能来可视化复杂动画。
- 创新点:
- 自动化对象匹配算法:计算视觉对象之间的匹配分数并生成过渡动画。
- 数据驱动的分阶段与分节奏机制:基于数据属性定义动画的开始时间和速度。
- 层次关键帧(hierarchical keyframes):通过层次化的时间定义支持表达丰富的动画节奏。
- 实施步骤:
- 导入静态数据可视化文件(由Data Illustrator制作)。
- 自动生成两可视化之间的过渡动画。
- 使用关键帧机制调整动画节奏和视觉对象。
- 用户可手动调整对象匹配并应用预设动画效果。
研究成果
- 具体成果:
- 开发了Data Animator系统,可以无需编程创建复杂动画数据图表。
- 演示了多种动画案例,例如城市化数据分析、NBA选秀数据故事等,展示了系统的广泛应用可能性。
- 提供了直观的时间轴编辑器和对象匹配界面,支持快速设计和调整动画。
- 与现有解决方案的比较:
- 与仅支持简单过渡的模板工具相比,Data Animator提供了更灵活的创作能力。
- 与程序化工具相比,该系统能显著降低学习和使用门槛,同时减少开发时间。
- 实验或评估结果:
- 在用户实验中,8位设计背景的参与者均完成了该系统的非平凡任务,并对其孰用性和实用性表示高度肯定。
- 多数参与者表示,在学习完成后,他们能够迅速使用系统进行复杂动画设计。
- 局限性与未来方向:
- 局限性:目前系统要求静态图表输入必须来自Data Illustrator,存在操作局限;不支持视图切换等动画类型。
- 未来方向:
- 支持从更多格式和工具导入静态图表。
- 实现复杂动画模板的快速生成,如时间序列类动画(例如条形图竞赛动画)。
- 集成数据高亮显示及动态过滤等增强功能。
- 支持导出为交互式网页,以便推广动画数据叙事。
研究问题 / 现实痛点
这篇论文在当前问题库中对应的问题线索。
help
研究问题
3- 如何简化复杂数据动画的设计过程,使其无需编程也能创建?分类: 数据动画与运动可视化同类问题arrow_forward
- 如何通过自动化的对象匹配和基于数据的节奏设计提升数据动画的可用性和表达能力?分类: 数据动画与运动可视化同类问题arrow_forward
- 设计者如何直观地调整动画的节奏和对象匹配以实现更丰富的表现效果?分类: 数据动画与运动可视化同类问题arrow_forward
lightbulb
现实痛点
1- 设计师制作复杂数据动画时,需要投入大量编程或无法实现灵活的设计。分类: 数据动画与运动可视化同类问题arrow_forward
- 75%
DataInk: 直接且创新的数据导向绘图
CHI '18· 交互式数据可视化
- 60%
高容量人为可设计可视标记的有意编码方法
CHI '18· 交互式数据可视化 +1
- 60%
使用验证设计和众包方法评估多变量网络可视化技术
CHI '20· 交互式数据可视化 +1
- 60%
使用嵌入式词尺度可视化的视觉探索交互技术
CHI '20· 交互式数据可视化 +1
- 60%
按数字着色:素描图像的交互式结构化和矢量化
CHI '21· 交互式数据可视化 +1
- 60%
细节中的模式:对在多变量矩阵可视化中定位、搜索和上下文化细节的交互技术的评估
CHI '22· 交互式数据可视化 +1
- 60%
VisLab: 使可视化设计师能够收集经验性设计反馈
CHI '23· 交互式数据可视化 +1
- 60%
RidgeBuilder:交互式创作表达型脊线图
CHI '25· 交互式数据可视化 +1
- 60%
可视化设计师如何感知和使用灵感
CHI '25· 交互式数据可视化 +1
- 60%
可视化社会构建:从业者在可视化种族和性别方面的挑战和经验
CHI '25· 交互式数据可视化 +1
基于研究子主题与职业分类的 Jaccard 相似度(≥60%)
快捷操作
广告推荐
学习 AI 编程到 CodeNow
open_in_new打开DOI链接
DOI: https://doi.org/10.1145/3411764.3445747
一眼看懂
fact_check论文快照
dataset
来源
CHI
calendar_month
年份
2021
emoji_events
奖项
未标记奖项
group
作者
3 位作者
sell
研究子方向
交互式数据可视化、时序数据与网络图可视化
work
职业/产业
UI/UX 设计师、视觉艺术家与设计师
article
内容状态
已索引正文
hub
相关论文
10 篇相关论文