染烫首页
- 照片来源三选一：拍照 / 相册 / 顾客库。从顾客库选的照片已经授权，不用再确认。
- 没识别到正脸就提示“请拍正脸、露出额头”，「选方案」不能点。
- 「这次想看」决定 A2 默认打开哪个分类。
移动端 Mockup · v0.1 · 2026-09-15
AEO发型师 App
底部 4 个 Tab：染烫效果 · 自媒体 · 图库 · 我的。按剪映 / 即梦的交互骨架，换成美发门店的内容：给顾客看染烫效果，用模板做小红书和抖音素材。一共 13 屏，手机里金色的按钮和卡片可以点，点了会跳到下一屏。图片用的是项目里已有的 AI 生成样图，积分价格是占位数。
A
染烫效果
顾客坐在椅子上，发型师拿手机给她看换色、换卷后的样子
选方案
染发烫发挑染
施华蔻欧莱雅花王店内色板
17-65奶茶棕
6-0自然深棕
28-1雾霾灰
35-88酒红
9-4蜜糖金
4-68巧克力
7-77焦糖
8-11冷灰棕
3-0黑茶
色号读法：7-65 = 7 度底色 + 65 色调。度数越大越浅，黑发不漂一般只能到 6–7 度。
已选 3/4：
7-65
8-1
5-88
- 染发按品牌色板选，显示色号和度数，和门店实际用的染膏对得上。烫发、挑染的分类结构一样。
- 一次最多 4 个方案。按钮直接写总价（✦15 × 3）。
- 积分不够时按钮变灰，文字改成“积分不足，去充值”，点了跳 D1。
生成中
- 接的是 Sprint-09 已经上线的异步任务：提交后马上返回，页面轮询结果。
- 离开页面不中断生成；回来时这一页从图库顶部的“生成中”进入。
- 完成一张就能先看一张，不用等全部完成。
效果对比
- 左右拖动对比换色前后（这个 mockup 里真的可以拖）。
- 「发给顾客」生成带门店名的对比图，走微信分享。
- 「做成小红书图」带着顾客照和选定的色号跳到 B3，顾客槽自动填好。
- 「顾客选了这款」记录到这位顾客的档案里，下次到店能看到。
B
自媒体
用模板生成小红书、抖音用的图片和短视频，主要换顾客照和门店图
模板广场
搜模板：锁骨发、门店氛围、前后对比
图片 · 128视频 · 46
热门新款前后对比门店对镜拍
- 图片 / 视频分两个列表，不混在一起。每张卡片写明要几张照片、用过多少次、多少积分。
- 分类用美发场景：前后对比、门店、对镜拍、节日。搜索框的提示词也换成发型相关的。
- 图片卡片跳 B2，视频卡片跳 B5。
图片模板详情
- 进编辑之前先说清楚要换几张、每张是什么、哪些必填，省得到了编辑页才发现缺照片。
- 对镜拍这类模板会多一个「发型师」槽。
换图片
- 每个槽写角色 + 必填/可选，替代原型里 5 个没标注的灰块。
- 必填槽没放照片时按钮是灰的；点它不跳转，直接提示缺哪一张，并把那个槽标红。
- 放好必填照片后按钮变金色，点了进 B6（中间也走异步生成）。
选素材
- 把原型里“相册 + 叠一层素材库弹窗”合成一个面板、四个 Tab：顾客 / 门店 / 虚拟顾客 / 手机相册。
- 根据槽位角色决定默认打开哪个 Tab：顾客槽开「顾客」，背景槽开「门店」。
- 没授权的顾客照片不能用在要发出去的模板里，点了会引导去发授权。
视频模板详情
@AEO 官方模板
落日逆光 · 发丝飘动
放 1 张顾客正脸，生成 9 秒竖屏视频，逆光下头发随风飘，适合展示长发和发色。
1 张照片 · 00:09 · 9:16 · 4,210 次00:0300:09
AI 做同款✦ 80
- 进来后静音自动播放，点画面暂停。
- 视频比图片贵一个量级，价格单独标在按钮上，不藏到下一步。
- 「AI 做同款」同样进换图页 B3，只是生成时间更长（约 3–5 分钟）。
生成完成
- 原型里缺这一屏，流程停在“点生成”。这一屏把结果、文案、分享放在一起。
- 文案里带上色号、门店所在区域和话题标签，沿用现在“自媒体”模块一键出文案的能力。
- 结果自动进 C1 图库，不用手动保存。
C
图库
所有生成过的图片、视频、染烫对比，还在生成的也在这里
图库
全部图片视频染烫
顾客：全部 ▾本周
62%
排队
2 个正在生成林小姐 · 8-1 雾霾灰；落日逆光视频
今天 · 9月15日6 项
对比
图片▶ 00:097-65
5-88
图片昨天 · 9月14日9 项
- 替代现在只存在手机本地的「生图序列」，改由后端保存，换手机不会丢。
- 正在生成的任务固定在最上面，点进去回到 A3。
- 「染烫」筛选出前后对比图；可以按顾客筛选，给老顾客翻记录很快。
- 缩略图角标区分图片、视频（带时长）、对比，以及色号。
D
我的
个人资料、积分、资产库、退出登录
我的
T
退出登录
Tony 老师AEO 美发 · 文三路店 · 138****6721
- 积分余额用最大的字；下面换算成“够生成约多少张图”，比只看数字直观。
- 资产库放在「我的」里（新方案只有 4 个 Tab，没地方单独放）；选素材时在 B4 直接调用。
- 退出登录要二次确认；有任务在生成时提示“退出后仍会继续生成”。
资产库
顾客 23门店 6虚拟顾客 4
搜顾客名字或手机尾号
林小姐4 张照片 · 上次到店 9/15 · 选了 7-65
已授权
周周2 张照片 · 上次到店 9/12
已授权
Amy6 张照片 · 上次到店 9/03
已授权
小雨3 张照片 · 上次到店 8/28
已授权
顾客照片默认只用来给本人看效果。要用在对外发布的图里，需要顾客在微信里点一下同意。
- 三个库：顾客（真人，需授权）、门店（店内实景、镜台、招牌）、虚拟顾客（AI 生成的模特，不涉及肖像权）。
- 顾客档案顺带记录选过的色号，A1 的「最近顾客」就从这里取。
- 「发授权」给顾客发一张微信卡片，顾客点同意后状态变成已授权。