全部笔记
规范 · 生产交付工作笔记 · 12 分钟阅读

运营物料交付:让源文件可以被继续制作。

用真实头像框、关节、头发、衣服与场景分层图,说明成稿之外的交付责任。

这篇留下的方法

交付完成的标准,是别人能理解、继续制作,并在目标位置验证。

阅读口径

原始实践、方法解读与示例分别说明。建议的验证方法不写成已经发生的用户研究,未提供的数据不补造结果。

展开目录 · 7 个章节
01 / 07实践与判断

交接成本藏在修改那一步

原规范从多个尺寸、同类物料复用和后台存储接口的差异出发。跨团队拿到文件之后,能否看懂、修改并继续迭代,比“打开时看起来正常”多了一层要求。

这与需求对接流程不同:需求流程解决做什么、谁评审;源文件规范解决拿到以后怎样继续制作。两者分别有明确的验收点。

02 / 07材料与解读

完整成稿与独立部件的区别

头像框中,主体、羽翼、王冠和飘带承担不同运动职责。拆分前要问哪些部分会独立移动、哪些区域可能从遮挡后露出来,再决定源文件结构。

原稿要求补全被遮挡的部分、处理跨图层效果和蒙版,并删除不可见样式。完整图里的黑底不等于最终透明文件;这里同时保留真实的透明部件以便对照。

历史物料输出规范 · 原始实例

先看完整成稿

原始完整头像框,背景已烘焙在截图中。
对着图看这几处
  • 沿主体与装饰的遮挡关系判断后续分层。
历史物料输出规范 · 原始实例

再看可独立使用的底部装饰

原始 PNG 部件转换为 WebP,保留 Alpha 透明度。
对着图看这几处
  • 环形骨架与底部装饰分开制作,可以分别检查轮廓、遮挡和后续运动职责。
03 / 07材料与解读

分层由运动方式决定

人体主要关节决定转动位置。头发需要可独立摆动的发束,衣服需要按实际飘动范围拆开。不能因为都属于同一个角色,就把所有部分放进一张扁平图。

这些例图展示制作原则,不是本次新增动画。是否已经达到可绑定、可循环播放的交付条件,仍要在实际动效工程中检查。

历史物料输出规范 · 原始实例

角色关节的拆分

原稿中的人体关节示例。
对着图看这几处
  • 看肩、肘、髋和膝等转动关系,不只看可见轮廓。
历史物料输出规范 · 原始实例

发束需要自己的运动空间

原稿中的发束拆分实例。
对着图看这几处
  • 检查发束根部与被遮挡处是否保留。
历史物料输出规范 · 原始实例

服装按预期动作拆分

原稿中的服装部件实例。
对着图看这几处
  • 衣服的运动边界不必与人物身体分层完全相同。
04 / 07材料与解读

动物关节与场景深度不是同一类拆分

动物同样依赖结构与关节,原稿用牛的标注说明躯干与四肢关系。场景则需要前景、后景及独立元素,解决的是空间位移和视觉层次。

把角色关节与场景前后景分开讨论,能避免把“每张图切成若干块”误当作统一标准。拆分职责应该从使用方式推导。

历史物料输出规范 · 原始实例

动物的结构标注

原稿中的动物关节与躯干标注。
对着图看这几处
  • 关节负责转动,部件之间还需要合理覆盖。
历史物料输出规范 · 原始实例

场景按深度和独立元素组织

原稿中的场景分层标注。
对着图看这几处
  • 远景、云与近处植被可能以不同速度运动。
05 / 07材料与解读

层名写给接手的人看

默认“组”“拷贝”能让当前作者迅速工作,却把理解成本留给接手者。规范要求通过层名识别内容,减少没有作用的嵌套。

命名也要与分组职责相符。把人物、飘动部件和背景按用途组织,比单纯给每一层加长编号更有帮助。原截图字号较小,站内支持放大查看。

历史物料输出规范 · 原始实例

默认分组需要逐层猜测

原稿中的默认命名示例。
对着图看这几处
  • 从层列表判断能否在不开关每层的情况下理解内容。
历史物料输出规范 · 原始实例

可读名称表达制作职责

原稿中的明确层名示例。
对着图看这几处
  • 与前图对照名称与分组层次,不把层数少当作唯一目标。
06 / 07实践与判断

源工程与运行时导出分别验收

原稿区分 PS / AI / Sketch 静态源文件与 AE / Rive 动效工程,同时列出 PNG、WebP、Rive、GIF 等输出。格式选择服务于具体业务位置,不是全站只用一种格式。

原表将业务、物料类型、使用场景、尺寸、格式与平台范围放在一起,并区分本期覆盖和未排期。由于尺寸与行的映射尚未完全核对,本页只保留已确认的结构,不发布猜测的尺寸规范。

验收层检查内容
可编辑源文件完整部件、层名、组合关系、素材授权
动效工程关节、遮挡、运动范围、循环与渲染条件
运行时文件目标位置、实际尺寸、格式、透明度与平台覆盖
07 / 07实践与判断

平台上线并不取消人工质量责任

运营设计中台已在内网上线运行,UI 与交互由我负责。规范为输入质量提供约束,平台提供使用路径;不能因为系统上线,就认定每份素材自动满足端上要求。

最终仍要检查目标设备上的边缘、透明度、遮挡和可读性。本文保留真实实例与未核对边界,不把设计规范中的目标写成已测得的效率成果。

交付完成的标准,是别人能理解、继续制作,并在目标位置验证。

来源与展示边界

从 9 页历史交付规范中整理实例图。素材日期指向 2022 年,文件后续另有保存;不与 2026 年 Samer 工作合并为同一时期。原表内尚未逐行验证的尺寸不重新配对发布。

↗
回到完整项目运营设计中台
继续阅读

好的推荐页,先帮助人做选择。