做 logo 动效长期是设计师的隐痛：要么在 After Effects 里手工 K 帧，要么先手描矢量再导给动效软件，质量参差、逻辑难复用，最后交付的往往是一段没法审查的 MP4。
Pixel2Motion 把这条链路拆成可审查的工序——栅格 logo 先重建为平滑、语义化的 SVG，mark、dot、wordmark 各自独立可寻址；动效编排写在针对这些 id 的 CSS 里；最后生成无依赖的 HTML 演示，自带重播、慢动作和原子动效研究。
它最反直觉的原则是“平滑优先于精确”。拟合质量不靠 IoU 硬扛，锯齿状的高 IoU 描摹会被直接拒绝，宁可要复杂度更低、曲线更顺的矢量——因为 draw-on、遮罩、交接这些精细动作会把毛糙贝塞尔放大成肉眼瑕疵。每个候选矢量都要和栅格源做几何叠加比对，青色叠加层只是 QA 检查点，静态拟合通过后才在其上创作动效。
动效本身也不是凭感觉。motion_spec.md 里要写清品牌人格、使用场景、部件清单和编排草图，缓动与时间线都落成文档。确定性帧捕获在关键节点抓帧生成条带图，风险动效还有连续性探测脚本扫穿帮窗口。流程丢给 Cursor、Claude Code、Codex 或 WorkBuddy 都能跑，设计师拿到的是一份可审查、可迭代、可复用的动效资产。
