数据动画师:创作表达性的动态数据图形

交互式数据可视化时序数据与网络图可视化UI/UX 设计师视觉艺术家与设计师

文献标题

Data Animator: Authoring Expressive Animated Data Graphics

文献信息

  • 主题领域: 数据可视化及动画设计
  • 关键词: 动画数据图表, 设计工具, 关键帧, 对象匹配, 分阶段, 时序节奏

研究背景与问题

  • 作者发现的问题或挑战: 动画数据图表的创作涉及协调视觉对象的行为(如进入、退出、合并和拆分)以及通过分阶段和时间节奏控制的设计,这些任务复杂且缺乏充足的工具支持。
  • 重要性: 动画数据图表能够显著提升用户对数据变化的跟踪能力、理解力和参与度,尤其通过分阶段展示复杂过渡和减少对象移动的混淆。
  • 研究动机与相关工作:
    • 当前动画创作者使用的工具如关键帧动画工具、多数模板工具等,都缺乏支持视觉对象协调和数据驱动时间节奏的功能。
    • 虽然可以通过编程(如使用D3库)实现高级动画设计,但编程对设计人员来说耗时且难以学习。

解决方案

  • 作者提出的方法:
    • Data Animator系统:一个无需编程的动画数据图表创作工具。该系统依赖静态可视化输入,提供自动过渡生成,同时允许设计师通过可视化界面对系统结果进行调整。
    • 采用Data Illustrator框架分析并匹配两个静态可视化之间的对象。
    • 使用分阶段(staging)和时间节奏设计(staggering)功能来可视化复杂动画。
  • 创新点:
    • 自动化对象匹配算法:计算视觉对象之间的匹配分数并生成过渡动画。
    • 数据驱动的分阶段与分节奏机制:基于数据属性定义动画的开始时间和速度。
    • 层次关键帧(hierarchical keyframes):通过层次化的时间定义支持表达丰富的动画节奏。
  • 实施步骤:
    1. 导入静态数据可视化文件(由Data Illustrator制作)。
    2. 自动生成两可视化之间的过渡动画。
    3. 使用关键帧机制调整动画节奏和视觉对象。
    4. 用户可手动调整对象匹配并应用预设动画效果。

研究成果

  • 具体成果:
    • 开发了Data Animator系统,可以无需编程创建复杂动画数据图表。
    • 演示了多种动画案例,例如城市化数据分析、NBA选秀数据故事等,展示了系统的广泛应用可能性。
    • 提供了直观的时间轴编辑器和对象匹配界面,支持快速设计和调整动画。
  • 与现有解决方案的比较:
    • 与仅支持简单过渡的模板工具相比,Data Animator提供了更灵活的创作能力。
    • 与程序化工具相比,该系统能显著降低学习和使用门槛,同时减少开发时间。
  • 实验或评估结果:
    • 在用户实验中,8位设计背景的参与者均完成了该系统的非平凡任务,并对其孰用性和实用性表示高度肯定。
    • 多数参与者表示,在学习完成后,他们能够迅速使用系统进行复杂动画设计。
  • 局限性与未来方向:
    • 局限性:目前系统要求静态图表输入必须来自Data Illustrator,存在操作局限;不支持视图切换等动画类型。
    • 未来方向:
      • 支持从更多格式和工具导入静态图表。
      • 实现复杂动画模板的快速生成,如时间序列类动画(例如条形图竞赛动画)。
      • 集成数据高亮显示及动态过滤等增强功能。
      • 支持导出为交互式网页,以便推广动画数据叙事。

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/papers/chi/47655/2021

广告推荐

学习 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 篇相关论文