[{"data":1,"prerenderedAt":70},["ShallowReactive",2],{"article-demo-lottie-workflow":3},{"id":4,"title":5,"body":6,"category":54,"cover":47,"description":55,"draft":56,"extension":57,"featured":58,"meta":59,"navigation":58,"path":60,"publishedAt":61,"seo":62,"stem":63,"tags":64,"updatedAt":68,"__hash__":69},"articles\u002Farticles\u002Fdemo-lottie-workflow.md","Demo Lottie Workflow Article",{"type":7,"value":8,"toc":46},"minimark",[9,16,20,23,26,29,32,35,38],[10,11,12],"blockquote",{},[13,14,15],"p",{},"Demo 文章：用于验证文章列表与正文排版，后续可以直接删除。",[17,18,19],"h2",{"id":19},"为什么需要固定检查流程",[13,21,22],{},"Lottie 文件能否播放并不等于适合交付。画布尺寸、帧率、资源引用、循环衔接和播放器兼容性都会影响最终体验。",[17,24,25],{"id":25},"导出前",[13,27,28],{},"统一图层命名，删除不可见内容，并确认使用的效果是否在目标播放器中受支持。对于需要循环的动画，应在设计阶段检查首尾状态，而不是导出后再强行修补。",[17,30,31],{"id":31},"浏览器检查",[13,33,34],{},"把 JSON 放入 ULab 的 Lottie Player，检查尺寸、总帧数、帧率和不同速度下的表现。文件默认在浏览器本地解析，适合快速验证未公开素材。",[17,36,37],{"id":37},"交付",[13,39,40,41,45],{},"保留原始 JSON，并根据使用场景导出 ",[42,43,44],"code",{},".lottie","。交付说明应明确循环、默认背景、目标尺寸和播放器版本。",{"title":47,"searchDepth":48,"depth":48,"links":49},"",2,[50,51,52,53],{"id":19,"depth":48,"text":19},{"id":25,"depth":48,"text":25},{"id":31,"depth":48,"text":31},{"id":37,"depth":48,"text":37},"Motion","从设计交付到浏览器预览，整理一条便于检查和协作的 Lottie 工作流。",false,"md",true,{},"\u002Farticles\u002Fdemo-lottie-workflow","2026-07-08",{"title":5,"description":55},"articles\u002Fdemo-lottie-workflow",[65,66,67],"Lottie","Motion Design","Workflow",null,"Uc1VS7UbSDqJZuRL5hTorEihJPEuOVqK1bImF4-Lgow",1784571990443]