IP 设计工作台 · FluxFab 原型

OVERVIEW 用户视角 · 平台全链路

1440 × 900 · 桌面基准

模块产品说明

页面职责: 用户侧从登录到交付的完整链路，评审先看它；在画布上可直接点。
关键元素: 登录 / 鉴权 / 编辑器 / 交付 4 段共 12 个状态，10 张环节卡。
交互与跳转: 单页内状态机推进；审批那步去 OVERVIEW-A 处理；拆解见 A / C / D。
数据来源: Mock；与 OVERVIEW-A 共用一份 Store，两个窗口实时联动。
待确认: 无

OVERVIEW-A admin 视角 · 后台全链路

1440 × 900 · 桌面基准

模块产品说明

页面职责: admin 侧从后台登录到处理注册审批的完整链路；在画布上可直接点。
关键元素: 后台登录、侧栏两级 IA、用户管理 6 列、注册审批 3 个 tab、申请详情抽屉。
交互与跳转: 通过 / 驳回即时写回共享状态，OVERVIEW 点刷新即生效；拆解见 B。
数据来源: 列结构取自 zaowu-test 后台实际页面；行数据 Mock。
待确认: ⚠ 审批台并入现有后台，还是单独开一个入口

A 手机号验证码登录

1440 × 900 · 桌面基准

模块产品说明

页面职责: 内部与客户共用的唯一入口，手机号 + 验证码换取会话。
关键元素: 点阵波背景、品牌标记、+86 前缀、手机号、6 位验证码、重发倒计时。
交互与跳转: 验证通过且已放行 → C；已登录未放行 → A-1。
数据来源: Mock；任意 11 位手机号 + 任意 6 位验证码即可通过。
待确认: ⚠ 验证码位数与有效期

A-1 无权限 · 申请提示

1440 × 900 · 桌面基准

模块产品说明

页面职责: 登录成功但未获授权时的落点，把人留在原地而不是弹到错误页。
关键元素: 沿用登录页的暗底与点阵波、玻璃面板、当前手机号、申请权限、退出登录。
交互与跳转: 点申请权限 → A-2 弹层，不跳页；审批通过后 → C。
数据来源: Mock；授权状态取自 admin 侧 B-1 的审批结果。
待确认: ⚠ 无权限用户重复提交申请的冷却规则

A-2 申请权限表单弹层

1440 × 900 · 桌面基准

模块产品说明

页面职责: 收集审批所需的信息，一次提交完成申请。
关键元素: 手机号（带入且可改）、申请人、组织、理由四个字段，取消 / 提交。
交互与跳转: 提交 → A-3；取消回 A-1。
数据来源: Mock；手机号自登录态带入。
待确认: ⚠ 组织改成从企业库里选，还是保持自由填写

A-3 申请已提交 · 待审批

1440 × 900 · 桌面基准

模块产品说明

页面职责: 告诉用户申请已进队列，以及大概多久有结果。
关键元素: 申请编号、提交时间、审批中禁用态、刷新状态。
交互与跳转: admin 在 B-2 通过后刷新即放行进 C；驳回则回 A-1 并带原因。
数据来源: Mock；状态由 B-1 的审批动作驱动。
待确认: ⚠ 驳回后是否允许补充材料再次提交

B 用户管理

1440 × 900 · 桌面基准

模块产品说明

页面职责: 后台账号的增删查改，原「账号管理」下沉为二级页后的落点。
关键元素: 侧栏两级结构、6 列（用户名 / 邮箱 / 角色 / 状态 / 创建时间 / 操作）、新建用户。
交互与跳转: 侧栏点注册审批 → B-1；用户侧入口见 A。
数据来源: 列结构取自 zaowu-test 后台实际页面；行数据 Mock。本表只管后台账号。
待确认: 无

B-1 注册审批 · 待审列表

1440 × 900 · 桌面基准

模块产品说明

页面职责: 新增的二级页，集中处理权限申请，是闭环里 admin 的入口。
关键元素: 待审 / 已通过 / 已驳回三个 tab、待审角标、申请列表 6 列。
交互与跳转: 点某条 → B-2；侧栏回用户管理 → B。
数据来源: Mock；新申请由用户侧 A-2 提交产生。
待确认: ⚠ 注册审批路由 /admin/users/approvals 待后端确认

B-2 申请详情 · 通过 / 驳回

1440 × 900 · 桌面基准

模块产品说明

页面职责: 单条申请的裁决面，是用户能否进编辑器的唯一开关。
关键元素: 申请人 / 组织 / 理由只读区、驳回原因必填框、通过与驳回两个动作。
交互与跳转: 通过 → 回 B-1 且用户侧 A-3 放行进 C；驳回 → 用户回 A-1。
数据来源: Mock；审批结果同步写回用户侧状态。
待确认: ⚠ 通过后是否给用户发短信或站内通知

C 编辑器主界面

1440 × 900 · 桌面基准

模块产品说明

页面职责: 刚进编辑器、还没有任何产出物时的样子，告诉用户从哪开始。
关键元素: 空态占位标记与一句提示、左对话区、右无边画板、底部输入区。
交互与跳转: 说出需求或拖图 → C-1 分流；点头像 → C-5。
数据来源: Mock；环节名取自《IP 设计标准》十项交付物。
待确认: ⚠ 空态要不要给「从模板开始」的第二条路径

C-1 对话式分流

1440 × 900 · 桌面基准

模块产品说明

页面职责: 开场第一问，按客户有没有现成 IP 分成三条完全不同的作业路径。
关键元素: 创造 / 优化 / 遵从三个选项，选后两者时出现待传素材提示，未传则继续按钮禁用。
交互与跳转: 创造直接进 C-2；优化与遵从要先用「＋图片」传素材，传完才进 C-2。
数据来源: Mock；分流口径取自 PRD 的 WorkBuddy「IP 设计专家」条目。
待确认: ⚠ 遵从路径除 VI 手册外还要不要授权书

C-2 弹框选择区

1440 × 900 · 桌面基准

模块产品说明

页面职责: 把开放式需求收敛成参数，问的是当前环节真正要拍板的那件事。
关键元素: 环节标题、4 个预设选项 + 自定义补充框、跳过与提交、进度。
交互与跳转: 提交 → 回 C 并触发 C-3 生成；跳过进下一题。
数据来源: Mock；每一题与《IP 设计标准》里对应的那一环挂钩。
待确认: ⚠ 一轮最多问几题，超过是否折叠

C-3 环节页生成中 · 骨架态

1440 × 900 · 桌面基准

模块产品说明

页面职责: 生成过程可见，让用户知道在产出哪一环节、进行到哪一步。
关键元素: 对话区逐行推进的思考过程、卡片扫描光带、卡内百分比、底部进度条。
交互与跳转: 完成后卡片落位到 C 的画板；再点那张卡 → C-4。
数据来源: Mock；思考过程为演示用固定序列。
待确认: ⚠ 生成失败的重试与计费口径

C-4 单页局部修改

1440 × 900 · 桌面基准

模块产品说明

页面职责: 对单张环节页做返工，操作条浮在卡片上，不开弹窗遮住画板。
关键元素: 快捷编辑 / 局部修改 / 下载此页三个入口，展开后是 8 项工具或框选指令行。
交互与跳转: 快捷编辑展开工具条；局部修改可先框选再写指令；应用后回 C。
数据来源: Mock；工具项对齐参考产品的能力清单。
待确认: ⚠ 去背景 / 图层拆分 / 多角度 / 动态图片哪几项 V0.1 真做

C-5 账号菜单 · 退登

1440 × 900 · 桌面基准

模块产品说明

页面职责: 账号态的出口，也是回历史项目的入口。
关键元素: 姓名、手机号、我的项目（4 个历史项目）、退出登录。
交互与跳转: 点我的项目就地展开列表；退出登录 → A。
数据来源: Mock；历史项目为虚构客户，不写真实在谈客户名。
待确认: 无

D 全案产出物汇总

1440 × 900 · 桌面基准

模块产品说明

页面职责: 10 个环节成册，定稿锁版本，是交给工厂和客户的那一份。
关键元素: 10 张环节页缩略、交付概览、定稿锁版本、右下角小地图与缩放、分享入口。
交互与跳转: 点分享产出物 → D-1 下拉；未定稿时分享禁用。
数据来源: Mock；环节清单与 C 的画板同源。
待确认: ⚠ 十个环节是否全部对客户可见，还是分档放出

D-1 分享 · 复制链接

1440 × 900 · 桌面基准

模块产品说明

页面职责: 把定稿产出物交出去，就地下拉给两条路，不占整页。
关键元素: 分享链接、导出 PDF 两项，各带一句用途说明。
交互与跳转: 选分享链接就地复制并提示；选导出 PDF → D-2。
数据来源: Mock；分享链接指向的在线全案与 D 的十页同源。
待确认: ⚠ 分享链接是否需要有效期或口令

D-2 下载 PDF

1440 × 900 · 桌面基准

模块产品说明

页面职责: 导出可离线流转的交付件，给工厂和不方便开链接的客户。
关键元素: 底部进度条、页数、完成后的下载文件名。
交互与跳转: 完成后就地显示已下载；关闭回 D。
数据来源: Mock；导出为演示用模拟进度。
待确认: ⚠ PDF 是前端生成还是后端渲染