AE 动效工作流技巧 —— 减少 Bodymovin 导出的 JSON 大小并提升性能（一）

当你在 UI Motion Design 领域工作时，你需要克服的第一个障碍便是 —— 寻找时间、预算、以及将设计时间专注于灵感上的需求（的平衡）。因为建立工作流程和学习新技术可能是一个耗时的过程，这是一些预算紧张的项目所无法承受的。

在本文中，我将带你了解一些强大的工作流效率，它们将帮助您在导出时获得更小的 JSON ，并克服可能的性能障碍。

一、清理你的形状层并组织它们的内容

当导入复杂的插图元素到 After Effects 时，无论是通过 Overlord 插件或直接导入和转换的Illustrator 文档，你将要么最终得到一个合成中有非常多的形状层的结果，要么就是一个形状层（其 “Content” 部分带有不可管理的数量的子层）。如果这些层留着不管，那么你就会遇到很大的工作流程问题，这会减慢动画流程，并在最终 JSON 输出中添加不必要的数据。虽然会在动画流程的前端部分增加生产时间, 但是，适当地组织所有层次并尽可能多地删除 “Group” “Fill” “Stroke” “Merge Path” 这些参数（它们默认为子层的一部分）,将为您节省在动画阶段的宝贵时间以及允许您更容易地导航文件。从 Bodymovin 导出的 JSON 将包括所有这些层和参数引用的数据，尤其在处