Skip to content

DeliveryChecklist.md

Latest commit

 

History

History
265 lines (223 loc) · 10.3 KB

DeliveryChecklist.md

File metadata and controls

265 lines (223 loc) · 10.3 KB
Raw

Redy 品牌视觉交付清单

基于 DraftDesign.md 整理的独立执行清单，用于设计、前端、品牌与协作团队拆分任务。

1. 目标

为 WeOpen 建立一套可直接上线、可直接分发、可直接开发接入的 Redy 品牌视觉资产，并统一 WeMail、WeGit、WeOpen 三个项目在 GitHub、官网、README、CLI 与社群传播中的表达。

2. 执行原则

  • Redy 仅代表 WeOpen 母品牌人格
  • 三项目采用“统一母体，局部区分”
  • 不使用水果符号系统
  • WeMail 必须包含蜡封元素
  • 所有资产优先保证母品牌统一性，再体现项目差异

3. 第一批必须交付

3.1 母品牌基础资产

  • Redy 主 Logo
  • Redy 极简头像
  • Redy 标准立绘
  • Redy Q 版迷你版
  • GitHub Header 首版
  • 官网 Hero 主视觉首版

3.2 三项目基础识别资产

  • WeMail 主图标
  • WeMail 极简图标（信封 / 蜡封抽象版）
  • WeMail Badge
  • WeMail README 头图
  • WeGit 主图标
  • WeGit 极简图标（分支线 / 提交节点抽象版）
  • WeGit Badge
  • WeGit README 头图
  • WeOpen 主图标
  • WeOpen 极简图标（模块卡片 / 控制台抽象版）
  • WeOpen Badge
  • WeOpen README 头图

3.3 规范与对接资产

  • 品牌色板文件
  • Token 文件
  • 图标导出规范
  • README / Banner 使用规范
  • SVG / PNG 输出包
  • Figma 源文件整理

4. 三项目识别重点

4.1 WeMail

  • 关键词：信封、蜡封、收件箱、临时邮件卡片、云轮廓
  • 气质：可信、私密、正式递送、轻量通信
  • 强调色：云雾浅蓝灰、冷白蓝光、少量蜡封红棕

4.2 WeGit

  • 关键词：branch graph、commit node、仓库标识、macOS 原生窗口
  • 气质：原生、结构化、协作、版本演化
  • 强调色：Git 绿

4.3 WeOpen

  • 关键词：模块卡片、控制台面板、dashboard 骨架、统一入口框架
  • 气质：平台、组织、总入口、聚合管理
  • 强调色：暖灰米色系 + 少量锈红延展

5. 推荐文件清单

5.1 母品牌

  • brand/logo/weopen-redy-primary.svg
  • brand/logo/weopen-redy-avatar.png
  • brand/mascot/standard/redy-full-body.png
  • brand/mascot/chibi/redy-chibi.png
  • brand/scenes/github-header-weopen.png

5.2 三项目

  • brand/icons/wemail-icon.png
  • brand/icons/wemail-icon.svg
  • brand/icons/wemail-icon-minimal.png
  • brand/icons/wemail-icon-minimal.svg
  • brand/icons/wegit-icon.png
  • brand/icons/wegit-icon.svg
  • brand/icons/wegit-icon-minimal.png
  • brand/icons/wegit-icon-minimal.svg
  • brand/icons/weopen-icon.png
  • brand/icons/weopen-icon.svg
  • brand/icons/weopen-icon-minimal.png
  • brand/icons/weopen-icon-minimal.svg
  • brand/icons/wemail-badge.png
  • brand/icons/wegit-badge.png
  • brand/icons/weopen-badge.png
  • brand/banners/wemail-readme-header.png
  • brand/banners/wegit-readme-header.png
  • brand/banners/weopen-readme-header.png

5.3 规范

  • brand/tokens/color.tokens.json
  • brand/tokens/motion.tokens.json
  • brand/guidelines/redy-brand-guidelines.pdf
  • brand/guidelines/redy-brand-guidelines.md
  • brand/guidelines/redy-three-view-structure.md
  • brand/guidelines/redy-t15-icon-system-review.md
  • brand/guidelines/redy-asset-checklist.md
  • brand/guidelines/redy-readme-banner-usage.md
  • brand/figma/README.md

6. 协作分工

品牌 / 视觉主设计

  • 锁定母品牌基线
  • 审核三项目视觉映射
  • 审核 GitHub Header 与官网 Hero 总方向

插画 / 吉祥物设计

  • 输出标准立绘
  • 输出园丁场景版
  • 输出 404 困惑版
  • 输出贴纸初版

图标 / 资产设计

  • 输出三项目主图标
  • 输出三项目极简图标
  • 输出三项目 Badge
  • 输出三项目 README 头图

前端 / 数字场景落地

  • 接入官网 Hero
  • 接入 404 页面
  • 接入 CLI 欢迎输出
  • 替换 GitHub / README 展示资源

动效 / 传播设计

  • Loading 动效
  • 成功 / 错误反馈动效
  • 活动海报 KV
  • 社群贴纸动图版

7. 推荐执行顺序

  1. 先锁定母品牌基线
  2. 再完成三项目图标与 Badge
  3. 再完成 README 头图与 GitHub Header
  4. 然后接入官网 Hero、404、CLI 等数字场景
  5. 最后扩展贴纸、动效、海报与周边

8. 验收标准

  • 三项目能一眼区分，但仍明显属于 WeOpen 同一品牌系统
  • GitHub、官网、README 已有一套可直接上线的完整视觉资产
  • SVG、PNG、Figma 源文件与 Token 文件齐备
  • 视觉规范、导出文件与实际使用场景保持一致
  • WeMail 蜡封元素已进入图标或场景体系，而非仅停留在文案层

9. 可执行 TODO 路线表

阶段 1：母品牌基线收敛

  • 确认 Redy 主 Logo 最终版
  • 确认 Redy 极简头像最终版
  • 确认 Redy 标准立绘最终版
  • 确认主色板与三项目强调色规范
  • 确认 Redy 三视图与核心结构说明
  • 输出第一版母品牌规范页

阶段 2：三项目识别资产完成

  • 完成 WeMail 主图标
  • 完成 WeMail 极简图标
  • 完成 WeMail Badge
  • 完成 WeGit 主图标
  • 完成 WeGit 极简图标
  • 完成 WeGit Badge
  • 完成 WeOpen 主图标
  • 完成 WeOpen 极简图标
  • 完成 WeOpen Badge
  • 统一校对三项目图标系统的一致性

阶段 3：GitHub / README 资产完成

  • 完成 GitHub Header 首版
  • 完成 WeMail README 头图
  • 完成 WeGit README 头图
  • 完成 WeOpen README 头图
  • 校对三项目头图在同一组织下的统一性

阶段 4：数字场景接入

  • 接入官网 Hero 视觉
  • 接入 404 页面视觉
  • 接入 CLI 欢迎输出
  • 替换 GitHub 仓库展示资源
  • 替换 README 视觉资源

阶段 5：规范与源文件整理

  • 整理 SVG 导出包
  • 整理 PNG 导出包
  • 整理 Figma 源文件
  • 输出 color tokens
  • 输出 motion tokens
  • 输出最终品牌规范 PDF
  • 输出最终交付清单归档版本

阶段 6：传播与扩展

  • 完成贴纸初版
  • 完成海报 KV
  • 完成 Loading 动效
  • 完成状态反馈动效
  • 启动周边打样

10. 建议任务分发方式

给品牌 / 主视觉设计

  • 阶段 1 全部
  • 阶段 3 中 GitHub Header 风格总审

给图标 / 品牌资产设计

  • 阶段 2 全部
  • 阶段 3 中三项目 README 头图

给插画设计

  • Redy 标准立绘
  • Redy 场景版
  • 404 困惑版
  • 贴纸初版

给前端

  • 阶段 4 全部
  • 配合验收资源接入效果

给动效 / 传播设计

  • 阶段 6 中动效与传播物料

11. 任务表格版

ID 阶段 任务 建议负责人 依赖 产出
T01 阶段 1 锁定 Redy 主 Logo 最终版 品牌 / 主视觉设计 无 主 Logo 定稿
T02 阶段 1 锁定 Redy 极简头像最终版 品牌 / 主视觉设计 T01 极简头像定稿
T03 阶段 1 锁定 Redy 标准立绘最终版 插画设计 T01 标准立绘定稿
T04 阶段 1 确认主色板与三项目强调色规范 品牌 / 主视觉设计 T01 色板与配色规范
T05 阶段 1 输出母品牌规范页初版 品牌 / 主视觉设计 T02,T03,T04 规范页初版
T06 阶段 2 完成 WeMail 主图标 图标 / 品牌资产设计 T04 WeMail 主图标
T07 阶段 2 完成 WeMail 极简图标 图标 / 品牌资产设计 T06 WeMail 极简图标
T08 阶段 2 完成 WeMail Badge 图标 / 品牌资产设计 T06,T07 WeMail Badge
T09 阶段 2 完成 WeGit 主图标 图标 / 品牌资产设计 T04 WeGit 主图标
T10 阶段 2 完成 WeGit 极简图标 图标 / 品牌资产设计 T09 WeGit 极简图标
T11 阶段 2 完成 WeGit Badge 图标 / 品牌资产设计 T09,T10 WeGit Badge
T12 阶段 2 完成 WeOpen 主图标 图标 / 品牌资产设计 T04 WeOpen 主图标
T13 阶段 2 完成 WeOpen 极简图标 图标 / 品牌资产设计 T12 WeOpen 极简图标
T14 阶段 2 完成 WeOpen Badge 图标 / 品牌资产设计 T12,T13 WeOpen Badge
T15 阶段 2 统一校对三项目图标系统 品牌 / 主视觉设计 T08,T11,T14 图标系统校对结果
T16 阶段 3 完成 GitHub Header 首版 品牌 / 主视觉设计 T05,T15 GitHub Header
T17 阶段 3 完成 WeMail README 头图 图标 / 品牌资产设计 T08,T15 WeMail README 头图
T18 阶段 3 完成 WeGit README 头图 图标 / 品牌资产设计 T11,T15 WeGit README 头图
T19 阶段 3 完成 WeOpen README 头图 图标 / 品牌资产设计 T14,T15 WeOpen README 头图
T20 阶段 3 校对三项目头图统一性 品牌 / 主视觉设计 T16,T17,T18,T19 头图总审结果
T21 阶段 4 接入官网 Hero 视觉 前端 T16,T20 官网 Hero 上线版
T22 阶段 4 接入 404 页面视觉 前端 T03,T20 404 页面视觉版
T23 阶段 4 接入 CLI 欢迎输出 前端 T05 CLI 欢迎输出版
T24 阶段 4 替换 GitHub / README 展示资源 前端 T16,T17,T18,T19 展示资源替换完成
T25 阶段 5 整理 SVG / PNG 导出包 图标 / 品牌资产设计 T20 导出包
T26 阶段 5 整理 Figma 源文件 图标 / 品牌资产设计 T20 Figma 交付源文件
T27 阶段 5 输出 color tokens / motion tokens 品牌 / 主视觉设计 T04 Token 文件
T28 阶段 5 输出最终品牌规范 PDF 品牌 / 主视觉设计 T25,T26,T27 规范 PDF
T29 阶段 5 输出最终交付归档版 品牌 / 主视觉设计 T28 交付归档包
T30 阶段 6 完成贴纸初版 插画设计 T03,T20 贴纸初版
T31 阶段 6 完成海报 KV 动效 / 传播设计 T16,T20 海报 KV
T32 阶段 6 完成 Loading 动效 动效 / 传播设计 T03,T27 Loading 动效
T33 阶段 6 完成状态反馈动效 动效 / 传播设计 T03,T27 状态反馈动效
T34 阶段 6 启动周边打样 动效 / 传播设计 T28,T30,T31 周边打样计划