Piet：促进运动图形视频的颜色创作

文献标题

Piet: Facilitating Color Authoring for Motion Graphics Video

文献信息

• 主题领域: 动态图形设计工具开发与交互设计
• 关键词: 动态图形, 色彩编辑, 交互式调色板, 创意设计, 群组色彩调整, 视觉连续性, 后期编辑, 色彩表示视图

研究背景与问题

• 发现的问题或挑战:
  • 动态图形视频（MG视频）制作中，现有工具无法提供实时的色彩预览，导致设计师难以快速调整色彩主题。
  • 现有工具不支持对多个元素的联合调整，设计师需要逐个元素修改，使得操作低效。
  • 传统工具要求设计师从元素层级出发逐步编辑，而设计师实际更倾向于从全局主题逐步细化的工作流程。
• 问题的重要性:
  • 动态图形视频在教育、营销等多个领域中广泛应用，色彩不仅影响情感表达和视觉效果，还能标识故事情节的过渡点。
  • 动态视频的时间维度增加了色彩设计的复杂性，但现有设计工具主要针对静态设计，无法满足动态视频的需求。
• 研究动机与相关工作:
  • 对于静态设计已有许多色彩编辑工具可用，但大多工具未能适用于具有时间性和动态性的MG视频。
  • 现有研究虽对动画制作和视觉故事有一定的探索，但针对动态视频配色的具体研究较少。
  • 本研究通过形成性研究明确了现有色彩设计工具的局限性，并确定了MG视频色彩编辑工具的设计机会。

解决方案

• 提出的方法或解决方案:
  • 设计并开发了MG视频色彩编辑工具——Piet，提供集成的工作流、多级色彩调整能力，以及支持渐进式编辑的功能。
  • 开创了基于动态马赛克图示的视频色彩表示方法，从视频全局、场景到元素三个层级展现色彩分布。
  • 引入群组式颜色调整功能，可同时对多个颜色及其相关元素进行一致性修改。
• 创新之处:
  • 整合色彩编辑与视频回放功能，实现即时上下文反馈，降低色彩调整认知负担。
  • 在动态时间线上可视化色彩分布，支持设计师快速获取全局以及局部色彩信息。
  • 支持多级视图和层级递进的色彩编辑工作流，契合设计师从主题到细节的渐进式创作习惯。
• 实施步骤与关键技术:
  • 系统通过Lottie格式导入SVG视频文件，并提取每帧的颜色属性、面积及透明度等信息。
  • 采用K-means聚类算法提取视频的主题颜色，并通过动态马赛克图示可视化场景和元素的色彩分布。
  • 提供场景调色板、元素列表、主题颜色视图等交互式面板，并通过同步交互实现实时修改。

研究成果

• 具体成果:
  • 设计并实现了Piet系统，支持即时色彩预览、群组调整和多层级动态视频色彩编辑。
  • 开展了13位动态图形设计专家参与的实验，验证了Piet对色彩设计效率和体验的提升。
• 与现有解决方案相比的优势:
  • 显著减少了颜色修改所需的工具切换和重复操作。
  • 提供的群组色彩调整功能填补了现有工具在视频全局色彩一致性编辑上的空缺。
  • 通过渐进式编辑和实时反馈，提升了设计的直观性和沉浸感。
• 实验或评估结果:
  • 系统可用性（SUS）评分表明参与者整体上认为Piet“易于使用”，并对其创新功能表示认可。
  • 使用模式分析显示Piet多级视图的设计适应了参与者从全局到细节的工作流程。
  • 专家反馈指出系统的群组调整功能使主题探索与风格统一更加便捷。
• 局限性与未来方向:
  • 当前仅对SVG元素的视频支持有限，尚未涵盖混合格式的视频（如栅格图像或GIF）。
  • 色彩分布场景调色板的颜色排序算法可进一步优化，以增强一致性。
  • 调色板设计的灵活性和对更多用户自定义的需求值得进一步探索。
  • 计划将Piet集成到现有动画制作工具（如Adobe After Effects）中以优化完整工作流程。