所有设计实践

内部工具 · 体验与生产体系

内网上线 · 运行中

运营设计中台

让素材选择、组合和交付连成一条工作流。

已在内网运行的运营设计工作台,以交互演示与源文件规范展示系统思考。

我的工作
体验负责人 · UI 设计与交互设计
项目阶段
Intranet · Operating
项目类型
设计体系Internal tool / Asset system / Workflow
运营设计工作台的素材浏览与编辑界面。

把运营装扮的制作,组织成可选择、可组合、可交付的工作台。

这次工作留下了什么
  • 素材库、分类选择与中心画布的工作台交互
  • 头像框、聊天气泡与多尺寸导出流程
  • 可复用源文件的分层、命名与交付规范
阅读目录 · 7 个章节
01 / 运营设计中台

重复制作背后的交付成本

同类装扮存在多种尺寸和用途。一次看起来完成的稿件,如果无法理解图层、修改元素或适配另一位置,后续设计师仍然需要重新拆解。规范把同部门复用、跨部门交接与本人后续修改放在同一个问题里。

作为体验负责人,我的工作是把素材选择、预览、编辑和输出组织成连续操作。平台界面和源文件规范分别解决使用路径与输入质量的问题,二者不能互相替代。

02 / 运营设计中台

在一个画布里完成选择与组合

演示先展示头像框分类与素材列表,用户选择后在中心画布预览,再替换边框或装饰。注意左侧资源与画布选中对象的对应:库里的一个素材和画布中的一次使用是不同层次。

约 15 秒处替换外圈后,原有雪人、悬挂装饰和主体仍然保留;随后切到聊天气泡并进入导出尺寸选择。这个序列使组合能力与交付出口同时可见。

原始交互 Demo,26.68 秒,无音轨。已压缩为站内播放版本,保持完整操作顺序与原比例。
03 / 运营设计中台

组合能力取决于输入素材怎样构造

完整头像框与透明部件的对照解释了平台为什么需要源文件规范。主体、羽翼、王冠与飘带承担不同角色;需要运动的部件必须在被遮挡处保持完整,否则移开一层就会露出缺口。

原稿要求处理跨图层效果和蒙版,并删除不可见样式,目的是让每个元素在后续制作中能够独立使用。这些规则来源于历史规范,不代表平台自动完成了拆图或修复。

规范中的完整头像框。下一章展示带透明度的底部装饰组件,不能把完整成稿直接当作可编辑资源。
04 / 运营设计中台

素材、实例与输出的责任边界

透明装饰部件是可组合元素,画布里的位置与替换属于实例状态,最终图片或动效才是交付物。把这三层区分开,才能明确修改会影响本次作品,还是会改变公共资源。

交付规范覆盖静态源文件与动效工程,并按业务位置区分导出。当前原稿的尺寸表包含“本期覆盖”和“暂未排期”;这里保留这种范围差异,不把所有表内条目当作已上线平台能力。

原始底部装饰组件,保留真实 Alpha 透明度。公开页面仅供在线浏览,不提供源文件下载。
05 / 运营设计中台

尺寸选择是使用场景的最后一次确认

演示最后提供 280 × 280 与 360 × 360 两个选项,分别标注小图与大图用途。这个入口让导出前的用途选择可见,而不是要求使用者记住每个位置的尺寸。

这里的两个尺寸来自视频界面,不能推导其他业务位置的规格。原规范中尚未逐行核对的尺寸不作重新拼配;新的使用位置仍需要明确格式、静态与动效要求、以及平台覆盖状态。

06 / 运营设计中台

规范服务于接手的人

清楚的层名、较少的无效嵌套,以及按运动职责拆分的部件,让下一个接手的人可以理解工程。头发、衣服、关节和场景深度需要不同的分层方式,不能使用一种万能拆分模板。

站内另设《运营物料交付规范》图文专题,完整展开这些原始实例。平台案例聚焦使用流程,规范文章聚焦可继续制作的源文件,避免将同一内容重复堆进两个页面。

场景前后景与独立元素的原始标注,说明分层需要表达空间和运动职责。
07 / 运营设计中台

内网上线与可见证据

本人确认:系统已经在内网上线并持续运行,我负责 UI 与交互设计。公开页面展示历史交互演示及规范实例,不暴露内部入口、账号或业务数据。

上线状态与当前用户量、节省时间不是同一种证据。现有材料没有使用规模或耗时对照,所以不补写采用率、提效比例与收入收益。演示和规范的精确版本对应关系也保留待补充。

项目记录

本人确认的职责与状态

体验负责人;UI 设计、交互设计;内网上线,运行中。