08 高保真 · 三端之一零自制类

H5 客户端 · 36 页全量高保真

这一份是可点击的界面原型:不是效果图,是可以开着看的 HTML。36 页按 A–H 八个区排开,全部由 07 组件库拼装,零自制类;下面还有两个可点着走的演示和一个状态专章。

演示人设固定为一位家庭教育指导师(陈颖),所以 36 屏里的选题、文案、档案字段是同一套内容——换人设也能跑,但保持同一套内容才看得出界面在真实内容下成不成立。

怎么读这一份
  • 每一屏下面写了「这屏在验证」与用到的组件,可以直接对照 07 的章节去查。
  • ※ 成片画面由系统二(独立任务)定义,本份里所有 c-shot 都是骨架占位,系统二定稿后整块替换,界面骨架不动。
  • 六种状态(空 / 加载 / 排队 / 失败 / 超限 / 无权限)集中在最后的状态专章里对照看。
  • 所有积分数值都来自后台配置,界面里只负责显示,不写死逻辑。
brand-600 #0F6E63brand-700 #0A554Cbrand-100 #C8E6E0brand-50 #E7F4F1brand-hl #7BE3BEbrand-bright #2FC08D画布 #F7F6F3凹陷 #F1EFEA描边 #E6E3DCink #1C1B18ink3 #6F6B62success #2E7D4Fwarning #9A5B09danger #B3261Einfo #1F5FA8
可点的位置(带绿点)不可用(保持可聚焦)
A 区

访客与注册

游客第一眼看到的三个页面。唯一目标是让游客注册——他不注册就什么也做不了,所以 A 区不设「试用」,也不放任何需要登录才能完成的操作。

A1 落地页 唯一目标是注册

全屏只有 1 个实心主按钮。三条卖点用图标块当视觉起点;样片入口(外链视频号)排在主 CTA 之后。
9:41
好出片

不用出镜,
也能做人设 IP。

给一张照片、录 30 秒朗读,剩下的交给它。
一条能直接发的口播视频。

声音是你自己的
念 30 秒,复刻成你的音色
选题文案它给
不用想这周发什么
画面长你的样子
配色、字体、图片都能换
先看两条样片
视频号打开,站内不播放
外链
注册即送 30 积分,够做一条完整成片

这屏在验证

  • 主 CTA 只有 1 个,首屏除它全是辅助信息
  • 「领 30 积分」由后台配置下发,界面不写死
  • 样片入口在 CTA 之后,且写明是外链——跳出去就回不来
落地页与 06C 同一版文案,本轮只把样片行补成真实条目。
c-heroc-ib--solidc-listc-rowc-hlc-footbar--stackc-tabbar

A2 注册登录 手机号 + 验证码 · 注册 / 登录同一页

无密码、无第三方登录。注册成功即送 30 积分并直入建档向导,不回落地页。错误态在输入框下方红字保留已填号码。同一页两种来源:从落地页「免费注册」进来是注册态,从「已有账号」进来是登录态——只有主标题、赠分提示和主按钮跟着变,表单与风控提示两态一致。
9:41
注册登录
先建个档,
再出第一条片。
欢迎回来,
接着出片。
手机号只用来登录和找回积分,不发短信广告。
验证码不正确,请重新输入
一天最多 10 条;连续 3 次错误锁定 10 分钟。
注册成功即送 30 积分,够做一条完整成片(选题 1 + 文案 2 + 成片 10)。
平台不收微信/支付宝,充值走人工客服。这里没有支付入口。

这屏在验证

  • 验证码错误时保留手机号,不清空整个表单
  • 注册赠分与充值口径一起前置说明,避免用户以为能在站内付钱
  • 注册态主按钮「注册并开始建档」→ 建档向导;登录态只写「登录」→ 工作台(老用户已有档案,不再走建档)
  • 协议勾选默认已勾——但协议页在 G5/H2 都能随时回看
同一号码 3 次错误锁定,对应 04 异常表第 2 条。登录态不改表单、不改风控提示,只换入口文案。
c-inputc-errc-alert--infoc-alert--warnc-checkc-footbar--stack

A3 联系客服 充值、发票、其他三合一

页面上零支付控件。二维码 + 微信号可复制 + 服务时间,三条一次给全,减少「找不到人」的投诉。
9:41
联系客服
扫码加客服
9:00–21:00
微信号
miao-pian-01
充值到账
把打款截图发客服,2 小时内入账
开发票
提供抬头与税号,人工开
其他问题
账号、积分对不上、生成失败
客服不会索要你的密码或验证码;也不会让你在站外扫码付款。

这屏在验证

  • 三条客服诉求按发生频率排序,充值在最上
  • 「站外付款」风险提示与「站内无支付」是同一件事的两面
  • 复制动作有反馈,不用手抄——手抄会抄错
无支付控件这一条,就是 04 里 A3 的验收点。
c-cardc-patternc-ib--lgc-listc-rowc-alert--warn
B 区

建档

建档向导六页。这一段路的敌人是「填表疲劳」,所以必填只留三项,照片和声音都可以跳过,且每次跳过的后果都写在按钮旁边。

B1 建档向导壳 5 步 + 可中断续填

向导是 H5 里最长的一段路。进度条、草稿自动保存、随时退出三件事必须在第一屏就讲清。
9:41
建档向导
我是谁2定位3照片4声音5完成
草稿已自动保存。现在退出,下次回来接着填,已填内容不丢。
2/5
大约还要 4 分钟
5 步里照片和声音都可以跳过,不跳过更像你。
我是谁
已填 · 行业 / 身份 / 客户 / 变现
完成
定位与选题方向
进行中 · 正在给你 3 条内容方向
进行中
照片
未开始
待填
30 秒录音
未开始 · 可跳过
待填
核对完成
未开始
待填
不填也能先出片,只是选题会不太贴你

这屏在验证

  • 五步全称在 390px 下用紧凑进度条,不用横向滚动
  • 草稿保存是本页最容易被忽略、也最容易掉用户的一条
  • 可跳过的两步在列表里就写明可跳过,不等到那一步才说
进度环 c-ring 在这里首次出场:它替代没有信息量的转圈。
c-navc-steps--compactc-ringc-listc-row--barc-alert--ok

B2 我是谁 八项里只有三项必填

演示人设=家庭教育指导师。必填的只有行业、身份、客户三项;口头禅与禁用词是让文案「像他」的关键,放在最后。
9:41
我是谁保存草稿
带 * 的三项必填,其余可以之后在「人设档案」里补。
先说结论别急,我们倒过来看这事怪不了孩子
包治保证立刻见效抑郁
禁用词会在每次生成时做校验,出现就重写这句。
3 / 8 项已填

这屏在验证

  • 必填只 3 项,剩下 5 项用「之后可补」降低第一屏压力
  • 口头禅做成标签 + 输入框,回车即加
  • 禁用词用红色标签,与品牌色区分开
禁用词校验是「话像他」的一条硬规则,界面上必须让用户看得见自己设了哪些。
c-labelc-inputc-textareac-tag--brandc-tag--ec-alert--info

B3 定位结果 3 条方向 + 逐条可改

AI 给的定位必须逐条可改,且明确给出「去编辑完整档案」的出口——不然用户只能接受或重来。
9:41
你的定位
一句话定位
第 1 版
帮 3–12 岁孩子的家长,把写作业这件天天吵的事,变成不用催的事。
不满意就改,改完下次生成立刻生效,不追溯已出的片。
① 拆穿误区
「拖拉不是懒」「专注力是练出来的」这类反直觉结论,家长最容易转发。
② 对话复盘
把一段真实的亲子对话摊开,指出哪一句把矛盾推高了。
③ 三步方法
给一个今晚就能用的动作,具体到说哪句话。
去编辑完整档案
行业 / 身份 / 客户 / 案例 / 变现 / 口头禅 / 禁用词
定位会写进每一次生成,随时能改

这屏在验证

  • 每一条都给「就这个 / 改」,不给「重新生成」这种没方向的动作
  • 明确写「不追溯已出的片」,这是 PRD 的档案规则
  • 完整档案入口就在这里,不用回「我的」找
三条方向卡都用同一套 c-card,靠序号和说明区分,不换样式。
c-card--tintc-subheadc-cardc-hlc-btn--secc-btn--ghoc-row

B4 上传照片 1–5 张,可以跳过

前端先做合规预检再上传。不合格的那张在缩略图上标红并给具体原因,可删可替换——不阻断,但也不静默丢弃。
9:41
上传照片跳过
照片只用来生成画面里的人物形象。可以跳过,不阻断建档也不阻断出片;只有人物模板会提示补传。
正面
已通过
1.2 MB
半身
已通过
2.0 MB
检测到
2 张人脸
需单人照
生活照-3.jpg · 3.1 MB
64%
再加 1 张(最多 5 张)JPG / PNG,单张 ≤ 10 MB
不合规的照片会被拦在上传前,不会进模型:多人合影、有水印、人脸模糊、明显非本人。
已通过 2 张 · 至少 1 张才有形象

这屏在验证

  • 预检不合格给的是原因,不是「上传失败」
  • 「跳过」在导航条右侧,不藏在菜单里
  • 跳过后的后果写清楚:只有人物模板会提醒补传
红框复用 danger 令牌,没有新色值。
c-shot--plainc-uploadc-errc-alert--infoc-alert--warn

B5 录 30 秒 朗读指定文案,可跳过

不扣分、不计次数。质检三条:够 30 秒、噪音低、无断音。不合格直接给三条原因,重录按钮就在旁边。
9:41
录 30 秒跳过
照着念这一段
免费
大家好,我是陈颖。今天想跟你聊一个特别容易被忽略的事——孩子写作业拖拉,很多时候不是懒,而是他不知道从哪里开始。我们倒过来看这件事,先解决「从哪开始」,速度自己就上来了。
31s
三条质检全过:时长 31 秒 · 环境安静 · 无断音。可以直接拿去复刻音色。
跳过也行,但那就只能用系统音色。系统音色不像你,「声音像他」这一条就落空了。
录音不会上传到任何第三方

这屏在验证

  • 录音时长用进度环表达,不靠文字倒计时
  • 质检结果三条一次列全,不做「通过/不通过」二值
  • 把「跳过」的代价说透,但主动权给用户
波形 c-wave 只在音色相关页出现,别处不撒。
c-card--liftc-ringc-wavec-alert--okc-alert--info

B6 建档完成 四件东西核对 + 一个主按钮

到此为止用户什么都没得到,所以这一屏必须给一个明确的「下一步」,且只有一个。
9:41
建档完成
档案建好了
之后随时能改,改动只影响下一次生成。
我是谁
家庭教育指导师 · 3–12 岁孩子家长
已完成
定位
写作业这件事,不用催
已完成
照片
2 张
已完成
声音
已跳过 · 当前用系统音色
可后补
第一条片做多久
选题1 积分
文案2 积分
成片10 积分
合计13 积分
你的余额30 积分
声音还没复刻。现在去补,第一条片就是你的声音;跳过也行,之后在「我的声音」里补。
余额 30 · 够做 2 条完整成片

这屏在验证

  • 四件东西逐条给状态,不用「全部完成」一句话糊过去
  • 扣分账先摊开:13 分一条,用户自己算得出能出几条
  • 主按钮唯一,次按钮把「补声音」这条路给到
无。这一屏全部由既有组件拼成。
c-card--tintc-listc-row--bar-warnc-kvc-alert--warnc-footbar
C 区

出片主链

出片主链七页,是产品的心脏。每一步都能看到「扣多少、剩多少」,且三个扣分点各自确认一次,不让用户在最后一步才发现总账。

C1 工作台首页 登录后的家

顶部只留一条不阻断的提示,主按钮是唯一的强表达;下面是最近作品,让「有没有产出」一眼看见。
9:41
工作台
早上好,陈颖
这周已经出了 1 条,还差 2 条。
陈
当前用系统音色,复刻后更像你。
一条片约 13 积分 · 你现在 30 积分
最近作品
全部作品
孩子写作业拖拉,真正的原因不在孩子身上
今天 09:12 · 02:41 · 竖屏
可下载
别急着讲道理,先做这一步
9 月 24 日 · 02:18 · 竖屏
可下载
这句话正在毁掉孩子的专注力
9 月 18 日 · 已过期
已过期

这屏在验证

  • 不阻断的提示条与主按钮并存,提示不占主位
  • 「还差 2 条」这种进度感,比空喊坚持有用
  • 最近作品带过期状态,7 天规则的第一次见面就在这里
主卡投影每屏只有这一张,其余卡都是平卡。
c-navc-alert--infoc-card--liftc-btn--pric-listc-rowc-tabbar

C2 选题 5 条 + 推荐理由

生成扣 1 积分,自己输入走 AI 润色免费。「换一批」必须先在原位弹确认,不确认就不扣不生成。
9:41
选一个选题
生成一次选题扣 1 积分;自己输入题目,润色免费。
1 积分
已按你的定位「写作业这件事,不用催」筛过,括号里是它推荐这条的理由。
1
孩子写作业拖拉,真正的原因不在孩子身上
反直觉结论,你上次这条类型转发最高
催作业的三句话,越催越慢
对话复盘型,适合做口播
先做这一步,写作业能快一半
方法型,收藏率高
孩子说「我不会」,其实是想让你陪
情绪型,评论区互动多
陪写作业,最该闭嘴的三分钟
场景型,与你的口头禅「别急」贴合
可用 30 积分

这屏在验证

  • 每条选题都带推荐理由,不做无标注的列表
  • 换一批与自输入并排,两条路都在第一屏
  • 余额显示在底栏,扣分前先看见账
换一批的确认弹层不占路由,是本页的状态(见 06C 屏 2)。
c-alert--infoc-card--tintc-cardc-ib--linec-btn--secc-footbar

C3 文案 闸门页:不确认不放行

一次给 3 条不同开头,选定后逐段可改、单段可重生成。未确认点下一步会被拦在原地。
9:41
文案草稿
选题2文案3画面4音色5生成
本篇选题换一个
孩子写作业拖拉,真正的原因不在孩子身上
3 条开头,选一条
换一批(再扣 2 积分)
改稿、换段、重看预览都不扣积分186 / 600
确认后才进入下一步。这一步扣的是文案那 2 积分,不是最后一起扣 13。
未确认 · 下一步会被拦下

这屏在验证

  • 三条文案用分段控件切换,不并排堆三张大卡
  • 字数计数与免费说明在同一个字段尾部,用户改稿时看得见账
  • 闸门提示写在底栏上方,不弹窗
「未确认不放行」对应 04 异常表第 7 条。
c-stepsc-card--tintc-segc-textareac-counterc-alert--info

C4 画面与样式 分镜 + 配色合并一页

手机上多一步就多一次流失。这一页里的画面全部是 系统二 定义的成片画面骨架占位,本轮只定「界面怎么放」。
9:41
画面与样式预览
选题文案3画面4音色5生成
分镜 6 帧
共 02:41
字幕安全区
字幕安全区
字幕安全区
字幕安全区
字幕安全区
字幕安全区
点任意帧可单独换图、换版式;改一帧不影响其他帧。
换一套骨架
免费
配色是「你作品的脸色」,跟界面的绿色是两回事——换配色不会把界面变花。
你还没传照片,需要人物的模板会先提醒补传,不阻断出片。
这一步免费 · 改到满意为止

这屏在验证

  • 6 帧缩略图用同一套骨架组件缩小,不另画一套
  • 骨架选择用紧凑版选中卡,选中态与全宽卡一致(都靠 aria-pressed)
  • 配色盘与界面绿明确分开,避免用户以为改了配色界面会变
成片画面本体由系统二定义(独立任务)。这一屏只保证界面骨架成立,画面真值出来后整块替换。
本轮所有 c-shot 都是占位。
c-stepsc-shotc-pick--compactc-sw--lgc-alert--warnc-card

C5 音色选择 试听永远免费

本人音色 / 系统音色二选一。试听不扣分、不下载——audio 只允许出现在这一页和 E1 / E3。
9:41
选音色
选题文案画面4音色5生成
试听免费且不限次,只是有缓存和每日上限,这是控成本不是控你。
音色一律不提供下载
声音模型只在站内用来生成你的成片,不导出、不共享。这条限制同时保护你和别人的声音。
本次将扣 10 积分 · 确认后剩余 17

这屏在验证

  • 两个音色都用同一张选中卡,避免「我的」和「系统的」看起来不是一个控件
  • 免费与限次的边界写在提示里,用户不会以为试听要钱
  • 「不提供下载」是主动告知,不是等用户去找按钮
audio 标签在本项目只允许出现在 C5 / E1 / E3 三处,别处一律不许。
c-pickc-segc-wavec-tag--brandc-steps

C6 生成任务 排队 / 生成中 / 失败

取消按钮的文案随状态变:未开始生成是「取消并退回积分」,已开始是「取消(不退回积分)」。本屏是已开始态。
9:41
生成中
62%
正在合成画面
第 3 / 5 个阶段 · 预计还有 1 分 20 秒
队列第 2 位
拆解分镜
6 帧 · 完成
完成
合成配音
02:41 · 完成
完成
渲染画面
进行中 62%
进行中
压字幕
待执行
待执行
打包成片
待执行
待执行
任务已经开始执行,现在取消会退回未消耗的部分之外,已消耗的 10 积分不退。返回上一页不影响它继续跑。

这屏在验证

  • 进度环替代无意义的转圈,并给出阶段与剩余时间
  • 取消按钮文案带后果,不用统一的「取消」
  • 明确「返回不中断」,打消用户不敢离开的顾虑
本屏是已开始态。未开始(排队中)的取消文案在状态专章里对照看。
c-ringc-listc-row--barc-tag--brandc-alert--info

C7 成片结果 下载是唯一出口

站内不播放。封面 + 关键帧 + 完整字幕 + 时长拼出「这条片长什么样」,下载按钮最显眼、下载前零弹窗。
9:41
成片好了
成片已生成完成,可以下载了。文件保留 7 天。
字幕安全区
孩子写作业拖拉,真正的原因不在孩子身上
时长02:41
画面竖屏 1080×1920
音色我的音色 · 陈颖
字幕已烧录 + 独立文件
字幕安全区
字幕安全区
字幕安全区
字幕安全区
站内不播放视频。这 4 张 + 下面的完整字幕,就是你能在站内看到的全部。
完整字幕
脱敏后展示
00:00孩子写作业拖拉,很多家长第一反应是这孩子太懒了。
00:06但我在咨询里见过太多这样的情况:不是他不想写,
00:11是他不知道从哪里开始。
00:16一旦任务没有入口,大脑就会先逃避。
剩余 17 积分 · 文件保留 7 天

这屏在验证

  • 下载按钮高度、位置、色重都是全屏第一,下载前零弹窗
  • 效果标记与复制文案放在下载旁边,顺手就能做
  • 7 天规则在结果页就告知,不等用户过一周才发现
「标效果好」是选题引擎唯一的反馈数据源,但它是选做,不能挡在下载前面。
c-alert--okc-shotc-kvc-subsc-btn--pric-footbar
D 区

作品与发布

出片之后的三个页面。站内不播放视频,所以「看到成片」这件事必须靠封面、关键帧、完整字幕与时长来补足;下载是唯一出口,也是最显眼的那一个。

D1 作品列表 7 天留存 + 效果标记

过期条目仍可回看封面与文案、不能下载。两种状态在同一列表里对照,用户一眼明白留存的边界。
9:41
我的作品
孩子写作业拖拉,真正的原因不在孩子身上
今天 09:12 · 02:41 · 已标效果好
可下载
别急着讲道理,先做这一步
9 月 24 日 · 02:18
可下载
这句话正在毁掉孩子的专注力
9 月 18 日 · 03:02
可下载
陪写作业,最该闭嘴的三分钟
9 月 11 日 · 已过期 · 封面与文案仍可看
已过期
成片文件保留 7 天,只删文件不删记录。过期后封面、文案、字幕还在,重新下载要重新生成。
本月产出
看积分明细
7
成片
4
标了好
13.2 分
总时长
标「效果好」的片子,会用来筛下一批选题。

这屏在验证

  • 过期条目在列表里就打标,不做隐藏——隐藏会让用户以为丢了
  • 两种空态(还没有数据 / 筛选无结果)在状态专章里对照
  • 效果标记的用途写出来,用户才愿意点
c-row--bar-err 是列表行的状态条,用来标过期这类「需要留意但不用处理」的状态。
c-segc-listc-row--bar-errc-tag--sc-cardc-stat

D2 成片详情 不播放,但看得清

封面 + 静态关键帧 + 完整字幕 + 时长 + 下载 + 发布链接。过期后本页下载入口消失,换成一句说明。
9:41
成片详情
孩子写作业拖拉,真正的原因不在孩子身上
生成于 2026-09-29 09:12 · 剩余 6 天 22 小时可下载
字幕安全区
字幕安全区
下载不了?三条路
微信里打不开就换一条
浏览器打开点右上角 · 在浏览器中打开
复制下载链接粘到电脑浏览器里下
扫码在电脑上取把原片存到电脑再发
发布链接
选填
贴回来只会用来统计,不会代替你发布,也不会上传到任何平台。
完整字幕
导出 txt
00:00孩子写作业拖拉,很多家长第一反应是这孩子太懒了。
00:06但我在咨询里见过太多这样的情况:不是他不想写,
00:11是他不知道从哪里开始。
00:16一旦任务没有入口,大脑就会先逃避。
生成发布物料
标题 3 条 · 正文 · 话题标签 · 封面图
标记效果
当前:效果好

这屏在验证

  • 关键帧与完整字幕并列,补足「不能播放」的信息缺口
  • 发布链接是选填,且写明不会代替发布
  • 过期后本页保留封面与文案,只撤下下载入口
无。这是 07 覆盖面最完整的一页之一。
c-card--liftc-shotc-subheadc-inputc-subsc-listc-row

D3 发布物料 把发布成本降到最低

不代发布,但标题、正文、标签、封面尺寸一次给全,每条带一键复制。首次生成免费,第 4 次起每次 1 积分。
9:41
发布物料下载全部
这一批物料首次生成免费;换一批 3 次内免费,第 4 次起每次 1 积分。
标题备选
换一批
孩子写作业拖拉,真正的原因不在孩子身上
疑问 + 反常识,视频号与抖音都吃这套
不是孩子懒,是他不知道从哪开始
结论前置,适合小红书
催了三年作业,我最后悔说的那句话
第一人称,评论互动更高
平台正文
写作业这件事,我陪了三年才想明白:孩子不是懒,是任务没有入口。 今晚试试只做一件事——帮他把「作业」拆成「先写哪一页」。 你会发现他其实坐得住。
话题标签
8 个 · 点一下复制全部
#写作业拖拉#亲子沟通#家庭教育#专注力#家长必看#育儿经验#小学#陪写作业
封面图
已按平台尺寸生成 3 张
字幕安全区
3:4 小红书
字幕安全区
9:16 抖音
字幕安全区
16:9 视频号
平台规则以你发布时为准。这一页不代你发布,也不收集你的平台账号。
3 次内免费 · 再用扣 1 积分

这屏在验证

  • 四条物料按「会用到的顺序」排:标题 → 正文 → 标签 → 封面
  • 每条独立复制,也给一键全拷,两种用法都照顾
  • 免费次数与超出的单价写在顶部与底栏各一次
封面图尺寸预设由 G2 图片模板库提供,界面上只显示尺寸名。
c-alert--infoc-cardc-rowc-segc-tag--brandc-shot
E 区

声音

声音相关三页。「声音像他」是六条标准的地基,所以这一段的关键是:试听永远免费、授权必须主动勾选、失败不阻断出片。

E1 我的声音 复刻 + 系统,列表里都在这

试听免费、设默认免费、删除要确认。每一行都带「像不像你」的说明,让用户知道差在哪。
9:41
我的声音
音色只在站内用来生成成片,不提供下载,也不会用在别人的片子里。
我的音色
复刻一个
陈颖(本人)
2026-09-25 复刻成功 · 已被 2 条成片使用
默认
00:06
陈颖(旧版)
2026-09-02 复刻 · 已停用
已停用
温和女声
通用 · 适合知识口播
沉稳男声
通用 · 适合观点输出
轻快女声
通用 · 适合生活向
复刻不花钱,出片才扣分

这屏在验证

  • 本体音色与系统音色分成两段,避免用户误以为系统音色也能改
  • 试听波形展开在行下方,不跳页、不弹窗
  • 停用的旧音色仍然列出,给「历史成片用了哪个」留痕
02 第 02 节的音色规则:试听免费、不下载、可删除。
c-listc-row--selc-wavec-tag--solidc-alert--info

E2 复刻 · 授权与录音 授权不能默认勾选

声纹是敏感信息,授权必须用户主动勾选,且写明用途与期限。质检不过不消耗任何东西,也不计次数。
9:41
复刻我的音色
声纹授权
必读
朗读下面这段
约 31 秒
大家好,我是陈颖。今天想跟你聊一个特别容易被忽略的事——孩子写作业拖拉,很多时候不是懒,而是他不知道从哪里开始。我们倒过来看这件事,先解决「从哪开始」,速度自己就上来了。
31s
质检通过:31 秒 · 安静 · 无断音。质检不过不扣分、不计次数,直接重录。

这屏在验证

  • 授权默认不勾——不给「默认同意」的口子
  • 勾选文案写清用途、范围、删除后果三件事
  • 云端算力那条是可选项,不勾也能用
未勾授权时主按钮不可用(aria-disabled,保持可聚焦),点下去给出原因而不是静默。
c-checkc-ringc-wavec-card--liftc-tag--e

E3 复刻 · 结果 训练中 / 成功 / 失败

三种结局都有明确出口。失败不阻断出片——用户可以直接回工作台用系统音色先出一条。
9:41
复刻结果
复刻成功
用了 6 分 12 秒 · 已设为默认音色
试听一下
免费不限次
00:31
觉得不像?可以直接重录,重录不扣分、不限次。
下一条片会自动用这个音色。想换回系统音色,在选音色那一步切一下就行。
如果失败了会怎样
① 训练中:显示进度环与预计时间,可以离开,完成会发站内通知。 ② 失败:给失败原因(录音质量 / 环境噪音 / 服务异常)+ 重录按钮,主体不阻断出片,系统音色照样能出片。
训练失败(示例)
环境噪音过大,请换安静地方重录

这屏在验证

  • 成功态给「下一步」,不只给「成功」两个字
  • 同一屏里把失败会长什么样也摊开,减少未知带来的焦虑
  • 失败卡用左侧色条区分类目,不用额外加彩色底
c-card--accent-err 在本屏只出现一次,不与 tint 卡混用。
c-ib--okc-wavec-alert--infoc-card--accent-errc-tag--s
F 区

模板

模板两页。两类模板共用一个库:视频风格模板管成片画面,图片模板管封面与配图。预览必须本地渲染,改一眼看一眼。

F1 模板库 平台模板 + 我的模板

两类模板共用一个库:视频风格模板管成片画面,图片模板管封面与配图。样片入口是外链,站内不播放。
9:41
模板库
自定义名额:已用 2 / 5
免费 2 个 · 第 3–5 个每个 5 积分
字幕安全区
大字标题
6 帧骨架 · 强对比 · 适合结论型
免费
字幕安全区
图文左右
6 帧骨架 · 信息量大 · 适合方法论
平台
字幕安全区
卡片列表
6 帧骨架 · 清单感 · 适合步骤教学
平台
字幕安全区
对话截图
6 帧骨架 · 情绪强 · 适合复盘
平台
样片跳视频号(外链),站内不播放;跳出去就回不到这一步,先选完再看。

这屏在验证

  • 两类模板用分段控件切换,不让用户在两个页签里迷路
  • 自定义名额用「已用 2 / 5」讲清,买的是名额不是模板
  • 样片是外链,明确告知代价(回不来)
「模板按用途分两类、共用同一套配色盘与字体组合」是 05 的既定规则。
c-segc-card--tintc-shotc-tag--sc-alert--warn

F2 模板编辑器 改的是画面,不是界面

换主色 / 辅色 / 背景 / 字体 / 图 / Logo,右侧实时静态预览。预览必须本地渲染,不能等生成才看见。
9:41
编辑模板保存
预览
本地实时
字幕安全区
字幕安全区
预览是本地渲染的静态画面,不消耗积分、不排队、不联网。
用于标题与重点词
#0F6E63
商用授权已覆盖,不需要你另外买字体。
我的照片
2 张可用
平台图库
按文案自动配图
未上传
右下角,高度不超过画面 6%
存为我的模板 · 已用 2/5,这一个 5 积分

这屏在验证

  • 预览在最上,改哪里都先看得见结果
  • 预览标注「本地实时」,与要排队扣分的「生成」明确区分
  • 字体授权问题直接给结论,不让用户去查
F2 与 C4 的预览都必须本地渲染——这条来自 05 的硬约束。
c-shotc-sw--lgc-selectc-rowc-subheadc-card--lift
G 区

积分与账号

积分与账号七页。资金对用户透明是这个区的全部主题:余额拆可用与预扣中、明细三态可查、订单只读且驳回必给原因。

G1 我的 余额拆可用 / 预扣中

预扣中必须单列。用户侧不出现 hold / settle / release 这类后端词,只说「预扣中」。
9:41
我的
积分
看明细
可用积分
16
预扣中
1
合计 17 · 审核中的 1 分还在你名下,成功才真正扣走。
人设档案
已填 8 项 · 改动即时生效
积分明细
每笔都有一条
充值说明
五档价格 · 走人工客服
充值订单
1 笔待复核
待复核
邀请朋友
已邀 2 人 · 到账 10 分
账号设置
资料 / 注销 / 被查看记录
帮助与客服
常见问题 · 联系客服
陈
陈颖 · 138****8000
标准会员 · 到期 2026-10-25
标准

这屏在验证

  • 预扣中与可用分两栏,且解释「成功才真正扣走」
  • 七个入口的顺序=使用频率,不按部门习惯排
  • 会员卡在最后,不占视觉主位
用户侧禁用的后端词清单见 05 第 10 节:这里只出现「预扣中」。
c-balancec-listc-rowc-tabbarc-card--lift

G2 积分明细 每笔都能对上号

三态筛选:预扣中 / 已消耗 / 已退回。退回必须给原因,不写成「系统处理」。
9:41
积分明细
17
当前合计
29
本月收入
12
本月支出
注册赠送已入账
2026-09-24 10:02 · 单号 PT-20260924-0001
+30
选题生成已消耗
2026-09-29 09:05 · 关联任务 T-20260929-0031
-1
文案生成已消耗
2026-09-29 09:07 · 关联任务 T-20260929-0031
-2
成片生成已消耗
2026-09-29 09:12 · 关联任务 T-20260929-0031
-10
成片生成失败已退回
2026-09-26 20:41 · 原因:渲染服务超时,积分原路退回
+10
选题换一批预扣中
2026-09-29 09:31 · 生成完成后按实际消耗结算
-1
预扣中的积分在生成失败或取消时会自动退回,不需要你找客服。

这屏在验证

  • 三态各给一条真实记录,让规则可对照而不是可背诵
  • 退回行写明原因,不出现「系统处理」这种没有信息量的词
  • 单号可复制,对账时能直接给客服
状态词只用「预扣中 / 已消耗 / 已退回」,与后台 D5 完全对齐。
c-segc-statc-ib--okc-tag--brandc-tag--wc-alert--info

G3 充值说明 五档价 + 客服入口

这一页没有支付控件。价格、赠送比例、到账时效、退款规则一次讲清。
9:41
充值
平台不做在线支付。选好档位后加客服人工转账,2 小时内到账。
320积分赠 20
实付¥300
到账积分320
折合单价¥0.94 / 积分
可做完整成片约 24 条
五档对比
档位积分赠送单价
¥1001000¥1.00
¥30030020¥0.94
¥50050060¥0.89
¥10001000180¥0.85
¥20002000460¥0.81
退款与有效期
① 积分不过期,账号注销时按未消耗余额退款申请处理。
② 已消耗的积分不退;未开始生成的预扣分会自动退回。
③ 赠送部分不参与退款,按实付金额核算。
凡是让你在站外扫码付款的,都不是官方客服。
扫码加客服,报档位即可

这屏在验证

  • 价格表用真表格,五档一眼比得出来(H5 里表格也能成立)
  • 「可做多少条成片」比「多少积分」更能让人理解价格
  • 退款三句话讲完,不引向文档打发
后台 H1 可改档位与赠送比例,这一页的数字全部由后台下发。
c-segc-card--tintc-tbc-kvc-tag--sc-alert--warn

G4 邀请 邀请码 + 海报 + 奖励状态

海报可保存到相册。奖励状态分「已到账 / 待对方完成首单」两种,别让用户等得不明不白。
9:41
邀请朋友
邀请 1 人,双方各得 5 积分
对方完成第一条成片后到账,上限 20 人 / 月
我的邀请码
专属
CHENYING-8K2
朋友圈海报
换一版
字幕安全区
字幕安全区
邀请记录
共 2 人
李**(138****2210)
10-02 注册 · 已完成首单
+5 已到账
王**(189****7745)
10-05 注册 · 还没出片
待完成
已到账 5 积分 · 待结算 5 分

这屏在验证

  • 奖励条件写清楚(对方完成首单),否则每个被邀用户都会来问
  • 已到账 / 待完成两种状态在同一列表里对照
  • 上限 20 人/月是防刷,不是限制普通用户——所以写在说明里而不是弹窗里
邀请奖励比例与上限由后台 H1 下发。
c-card--tintc-tag--brandc-shotc-listc-rowc-tag--s

G5 账号设置 注销有 7 天冷静期

注销不是一键消失:7 天冷静期内可撤销。内容被查看记录也放在这一页,与用户的知情权对齐。
9:41
账号设置
账号资料
换绑手机号请联系客服,需要验证原号。
内容被查看记录
1 次 · 2026-09-27 由平台客服查看
用户协议与隐私政策
含 AIGC 标识说明
积分与退款规则
含预扣与退回规则
消息与推送
站内通知默认开启
通知与隐私
告知频率
注销账号
危险
提交后有 7 天冷静期,期内登录即可撤销。冷静期结束后:人设档案与照片、声音模型、成片文件将删除,积分余额按实付金额核算退款。
注销不代表立刻删数据:冷静期内一切照常,撤回申请后草稿与作品都还在。

这屏在验证

  • 注销走「申请 → 冷静期 → 执行」三段,不提供即时删除
  • 被查看记录给到具体时间与角色,用户能自己核对
  • 注销卡用左侧红条,是全屏唯一的危险动作
内容查看窗口到期后,这里显示「已过期」,见后台 C4。
c-cardc-listc-rowc-card--accent-errc-inputc-alert--info

G6 充值订单 四态,只读

待录入 / 待复核 / 已入账 / 已驳回。驳回必须给原因——用户看不到原因就会去找客服。
9:41
充值订单
订单是只读的:平台不能改也不能撤,有问题加客服处理,这样两边账都对得上。
RC-20260929-0007
¥300 · 320 积分 · 打款 09-29 09:40
待复核
第二人核对中
RC-20260926-0011
¥100 · 100 积分 · 打款 09-26 20:10
已入账
入账时间2026-09-26 20:44
复核人财务 · 李砚
RC-20260923-0004
¥300 · 320 积分 · 打款 09-23 21:30
已驳回
驳回原因:凭证金额与所选档位不一致(凭证显示 ¥200)。请按实际金额重新提交或联系客服。
RC-20260929-0021
¥500 · 560 积分 · 提交于 09-29 09:58
待录入
客服还没把你这笔录进系统。超过 2 小时没动,可以催一下。

这屏在验证

  • 四态各自的下一步都写出来(等谁、等多久、要做什么)
  • 驳回原因必须具体到可操作,不能只写「驳回」
  • 只读属性主动说明,避免用户找编辑按钮找不到
G6 与后台 D1/D3 是同一批数据的两面,字段完全对齐。
c-segc-cardc-tag--wc-bar__ic-kvc-alert--err

G7 人设档案 改完即时生效,不追溯

全量编辑。顶部必须说明「只影响之后的生成」——这是用户最容易误解、也最容易投诉的一条。
9:41
人设档案保存
改动即时生效在下一次生成;不追溯已经出过的片,也不会改历史文案。
客户与变现
口头禅 / 禁用词
先说结论别急,我们倒过来看这事怪不了孩子
包治保证立刻见效抑郁
标准会员可设 8 个口头禅 / 8 个禁用词,已用 3 / 4。
照片
2 张 · 可增删
声音
我的音色 · 陈颖
案例与作品
3 条 · 会被引用到文案里
改动会影响下一次生成的选题与文案

这屏在验证

  • 「即时生效 / 不追溯」是这一页的第一信息,放在最上
  • 口头禅与禁用词用两种颜色区分,禁用的是红不是品牌绿
  • 在档案页就能看到「生成效果」的入口,闭环更短
档案规则见 05 第 04 节:引擎每次重读,不缓存。
c-alert--infoc-cardc-inputc-textareac-tag--brandc-tag--e
H 区

消息与内容

消息与内容五页。通知是「跟你有关的」,公告是「平台说的」,两类分开走;外链一律纯链接且不带身份参数。

H1 消息中心 通知 / 公告两页签

通知是「跟你有关的」,公告是「平台说的」。两类混在一起,用户就会全部不看。
9:41
消息
充值到账 320 积分
09-26 20:44 · 订单 RC-20260926-0011
未读
生成失败,10 积分已退回
09-26 20:41 · 渲染服务超时,可重试
未读
音色复刻完成
09-25 14:02 · 已设为默认音色
未读
成片已完成
09-29 09:12 · 可以下载了
已读
内容被查看通知
09-27 11:20 · 客服在申诉场景查看
已读
影响你权益的通知(扣分、驳回、处置)会同时发站内消息,不会只在弹窗里出现一次。

这屏在验证

  • 通知按「有后果的」优先排,未读用品牌色小标记
  • 公告不混进通知流,避免错过扣分这类消息
  • 每条通知都带时间与关联单号,可追溯
F8 的内容运营规则:公告走公告,通知走通知,两套规则不混。
c-segc-listc-rowc-tag--brandc-tabbar

H2 协议与说明 四份文本,一处可查

协议不是装饰。AIGC 标识说明单独成篇,让用户知道片上会出现什么标识、为什么。
9:41
协议与说明
用户协议
2026-08 版 · 最近更新 8 月 16 日
隐私政策
含照片、声音、人设档案的处理方式
AIGC 标识说明
生成内容会带什么标识、在哪里
积分与退款规则
扣分点、预扣、退回、退款
内容规范
什么不能做,做了会怎样
关于 AIGC 标识
待定稿
按现行要求,AI 生成内容需要带可识别的标识。本平台的做法是:
① 成片画面内保留一个不遮挡字幕的标识位;
② 下载文件带生成信息元数据;
③ 发布物料里附一段可直接粘贴的说明文案。
具体样式与位置以最终版本为准。
协议更新会在站内读完之后才视为已读,不会用一句「继续使用即同意」带过。

这屏在验证

  • 四份文本按被查询频率排,AIGC 标识单独成篇
  • 标识做法先给三条可执行承诺,并如实标注「待定稿」
  • 协议更新的告知方式明确写出来,不藏在角落
AIGC 标识样式与位置是 05 里挂着的待确认项,本轮不假装已定。
c-listc-rowc-tag--wc-cardc-alert--info

H3 公告列表 置顶 + 未读 + 过期隐藏

置顶排最前,未读加小圆点,过期公告自动隐藏。三种规则在同一列表里就能看懂。
9:41
公告
置顶重要未读
9 月 29 日 22:00–23:00 渲染服务维护
期间提交的成片会排队,维护结束后自动继续,不额外扣积分。
未读 · 09-25
充值档位调整说明
¥500 档赠送由 40 调整为 60 积分,已入账订单不追溯。
已读 · 09-18
作品文件留存期说明
成片文件保留 7 天,记录长期保留,可随时重新生成。
已过期 · 07-02
暑期活动:邀请双倍积分
活动已结束,本条不再展示在默认列表里。
只有影响权益、服务可用性的公告才会用强制弹窗,其余都在这里等你看。
2 条未读

这屏在验证

  • 置顶 / 重要 / 未读三层标记互不替代
  • 过期公告用降透明度表示,不直接删(用户可能还要回看)
  • 什么情况下会弹窗,明确写出来
强制弹窗公告的发布与复核在后台 F2 / F3,第二人复核。
c-card--accent-errc-ib--errc-tag--solidc-tag--ec-alert--info

H4 公告详情 站内读完才算送达

强制弹窗类公告要求读到页尾才出现「我已读完」。这不是折腾人,是为了让服务中断这类信息真的被看到。
9:41
公告详情
重要服务通知2026-09-29 10:00 发布
9 月 29 日 22:00–23:00 渲染服务维护
为了修复排队积压问题,服务将在 9 月 29 日 22:00–23:00 进行维护。

对你有什么影响:
① 这段时间提交的成片会进入排队,不会失败;
② 已在生成中的任务不受影响,会正常完成;
③ 维护期间不额外扣积分,排队超时会按规则退回预扣分。

你需要做什么:
不需要做什么。若 23:30 后仍显示排队中,把任务号发给客服,我们会手工处理。

相关页面:充值说明 · 积分与退款规则
往下读到页尾,就会出现「我已读完」。没读完关掉,下次进站还会再出现一次。
往下滚,页尾才是「我已读完」
滚动到底后可确认

这屏在验证

  • 公告正文按「影响 / 你要做什么」两段写,不写官话
  • 内链只跳站内页面,不跳外站
  • 未读完时按钮不可用但保持可聚焦,并说明为什么
「站内读完」是 F8 的硬规则;强制弹窗另需第二人复核(后台 F3)。
c-tag--ec-cardc-alert--infoc-btnc-hint

H5 文章列表 点整卡跳公众号

纯外链,站内不做正文页。两条锁:白名单域名 + 不带任何用户身份参数。
9:41
文章
点开会在微信里打开公众号文章,站内不显示正文,也不会带上你的账号信息。
字幕安全区
家长最容易忽略的三个信号,比成绩更早告诉你问题
从情绪、睡眠、同伴关系三个角度,聊聊怎么早一点看见孩子的状态。
公众号09-26 · 阅读 2.1 万
字幕安全区
陪写作业的正确姿势:先闭嘴三分钟
把「监督」换成「陪在旁边的沉默」,孩子的抵触会明显下降。
公众号09-19 · 阅读 1.4 万
字幕安全区
孩子说「我不会」,他真正想说的是什么
「我不会」往往不是能力问题,而是求助信号。
公众号09-12 · 阅读 0.9 万

这屏在验证

  • 整卡可点,跳转目标明确写成公众号
  • 三条锁里最容易被忽略的「不带身份参数」写在提示里
  • 不做站内正文页,因此列表页的信息密度要够
外链白名单(mp.weixin.qq.com / channels.weixin.qq.com)由配置维护,见后台 F4 / F5。
c-alert--infoc-cardc-shotc-tag--brand
状态专章

六种状态对照

状态不是页面的附属,是页面的一部分。这一章用六屏把「空 / 加载 / 排队 / 失败 / 超限 / 无权限」摆在一起,每一屏都标了它属于哪一页的真实状态。

S1 空态 还没有数据 vs 筛选无结果

两种空态文案必须不同。混用会让用户以为系统坏了,或者以为自己的作品丢了。
9:41
我的作品
还没有作品
出第一条片大概需要 3 分钟。出完它就会出现在这里,文件保留 7 天。
当前筛选没有匹配结果
「已过期」这个筛选下暂时没有内容。清空筛选可以看到全部 3 条。

这屏在验证

  • 两种空态放在同一屏对照:一个有出口,一个说明是筛选造成的
  • 空态里给「要多久」,比只给一句「暂无数据」有用
  • 筛选无结果必须给清空入口
06 原则二:空态不是装饰,是引导。
c-emptyc-empty__figc-segc-btn--pri

S2 加载态 骨架屏,不跳动

保持行高与结构,加载完不跳。禁止无意义的转圈——转圈只说明「在忙」,不说明「在忙什么」。
9:41
选一个选题
正在按你的定位筛选题,大约 5 秒。
35%
正在读你的档案与人设
行业 / 客户 / 口头禅 / 禁用词
骨架屏保留最终结构,加载完不会跳位。这一步会预扣 1 积分,失败自动退回。

这屏在验证

  • 骨架屏保住行高与卡片结构,加载完不跳动
  • 进度环给出「在做什么」,比转圈多一层信息
  • 预扣与退回规则在加载态就说明,用户不会以为卡住了在扣钱
06 原则二:不用无意义转圈。
c-skel--animc-ringc-card--tintc-alert--info

S3 排队态 未开始 → 可以全额退回

这是「可以取消并退回积分」的那一态。与已开始态的取消文案必须长得不一样,用户才不会按错。
9:41
排队中
3
前面还有 2 个任务
预计 4 分钟内开始 · 现在取消不扣积分
任务还没开始:现在取消,预扣的 10 积分全额退回。
撤销后会退回
选题生成1
文案生成2
成片生成(预扣中)10
退回10
选题与文案已经生成过,那 3 分不退——它们你已经拿到了。
1
那个总说「等一下」的孩子
生成中 · 已跑 01:12
2
别把「你怎么又这样」挂嘴上
等待中 · 已等 00:48
3
孩子写作业拖拉,真正的原因不在孩子身上
这是你的 · 尚未开始
占用 10 积分,取消即退回

这屏在验证

  • 取消文案=「取消并退回积分」,与已开始态完全不同
  • 队列里能看到自己排在第几个,等待不再不可知
  • 退回金额与不退的部分分开写清,减少争议
04 异常表与 05 取消规则:未开始全额退,已开始不退已消耗。
c-queuec-costc-alert--okc-card--liftc-btn--pri

S4 失败态 一定说清积分退没退

失败只有两种:整条失败(全退)与部分阶段失败(退回对应部分)。用户最关心的不是错在哪,是钱退没退。
9:41
生成失败
画面渲染超时
任务号 T-20260926-0118 · 20:41 中止
10 积分已原路退回,可用余额已更新。这条记录在积分明细里写明了原因。
失败原因与建议
① 服务侧:渲染节点超时(不是你的内容有问题)。
② 重试通常就好了;连续失败两次请联系客服,我们会手工跑。
③ 已生成的文案与分镜都还在,重试不用重新扣选题和文案的分。
积分变化
成片生成10
失败退回-10
实际消耗0
可用 17 · 预扣中 0

这屏在验证

  • 失败页第一信息是「积分退没退」,不是错误码
  • 原因给「不是你的问题」这样的判断,减少自我怀疑
  • 重试的扣分边界写清楚:只扣成片这 10 分
失败态必须带「积分已退回」,这是 05 第 09 节的状态规则。
c-card--accent-errc-alert--okc-costc-ib--errc-btn--pri

S5 超限态 不够就说不够,并给出路

积分不足是唯一允许拦在按钮上的阻断之一。拦下时要保存好现场:草稿、已选内容一个都不丢。
9:41
文案
选题2文案3画面4音色5生成
积分不够了
这一步需要 2 积分,你现在有 1 积分
差多少
当前可用1 积分
本次需要2 积分
还差1 积分
最省的做法:充 ¥100(100 积分),够出 7 条完整成片。
已给你存成草稿:选题、文案草稿、画面与音色的选择全都留着。充值到账后回来,一键接着做,不用重来。
也可以先这样
① 先存草稿,明天的注册赠送到账再出(如果你还没用过)。
② 邀请 1 个朋友,双方各得 5 积分,够这次和下一次。
积分不足 · 已存草稿

这屏在验证

  • 能量化就量化:还差 1 分,充多少够几条,一次算清
  • 草稿保存是最容易被漏的一步,也是靠它把用户留住
  • 给第二条出路(邀请),不把所有路都指向付款
积分不足是允许拦在按钮上的两种情形之一(另一种是账号被封)。
c-card--accent-warnc-kvc-alert--okc-ib--warnc-steps

S6 无权限态 不出现 403

账号被限制生成时:能看的都能看,能下载的都能下载,只把「生成」这个动作撤下,并给申诉路径。
9:41
工作台
你的账号已被限制生成,原因:内容涉嫌违规(2026-09-28 起,期限 7 天)。
现在还能做什么
① 已生成的成片照常可以下载,不受限制影响;
② 作品列表、积分明细、人设档案照常可看可改;
③ 生成相关按钮不可用,到期或申诉通过后自动恢复。
④ 预扣中的积分会在限制解除后按规则结算或退回。
限制只针对「生成」这一个动作。为什么不是直接封号?因为你的作品没有违规,账号也不该被一杆子打死。
申诉
申诉会在 24 小时内有人处理。处理结果会发站内消息,你也可以在消息中心看到进度。
生成已停用 · 下载与查看不受影响

这屏在验证

  • 无权限不是空白页:把「还能做什么」逐条列出来
  • 不可用的按钮保持可聚焦(aria-disabled),点下去给出原因
  • 不允许生成 ≠ 不给下载,已成片始终可下载
05 第 09 节:无权限态不出现 403,也不做整页拦截。
c-alert--warnc-alert--infoc-cardc-btnc-check
DEMO

可点击演示

2 个

下面的手机屏是可以点着走的:绿点标出的位置都能点,会真的翻页、弹确认层、改余额。它不是另做的一套页面,用的就是上面这批组件。

1

出片主链:选题 → 文案 → 画面 → 音色 → 生成 → 结果

点穿一遍就能看出三件事:扣分前一定先给「本次扣 N,剩余 M」并要一次确认;文案确认只扣文案那 2 分,成片确认只扣成片那 10 分;生成中可以离开,取消文案随状态变。

9:41
选一个选题
生成一次选题扣 1 积分;自己输入题目,润色免费。
1 积分
可用 30 积分
1
孩子写作业拖拉,真正的原因不在孩子身上
反直觉结论,你上次这条类型转发最高
催作业的三句话,越催越慢
对话复盘型,适合做口播
先做这一步,写作业能快一半
方法型,收藏率高
可用 30 积分
文案草稿
选题2文案3画面4音色5生成
孩子写作业拖拉,真正的原因不在孩子身上
改稿不扣积分186 / 600
确认扣 2 积分;不限次改稿,不重复扣。
未确认 · 不能进下一步
文案草稿
选题2文案3画面4音色5生成
孩子写作业拖拉,真正的原因不在孩子身上
确认这段文案?
第 2 步 · 一次确认
文案生成2
改稿、重选、预览0
本次合计2
当前可用29
确认后剩余27
选题那 1 积分已扣过;生成成片还要 10 积分,到时再确认一次。
画面与样式预览
选题文案3画面4音色5生成
分镜 6 帧
共 02:41
字幕安全区
字幕安全区
字幕安全区
字幕安全区
字幕安全区
字幕安全区
真画面由系统二定义,这里是骨架占位。
换一套骨架
免费
这一步免费 · 改到满意为止
选音色
选题文案画面4音色5生成
试听免费且不限次。
本次将扣 10 积分 · 确认后剩余 17
确认生成
选题文案画面音色5生成
这一条要花多少
选题生成1
文案生成2
成片生成10
本条合计13
选题与文案的 3 分已经扣过,这次只扣成片这 10 分。
确认清单
选题写作业拖拉的原因
文案186 字 · 反常识开头
画面大字标题 · 深青绿配色
音色我的音色 · 陈颖
时长约 02:41
生成开始后取消,这 10 积分不退;在开始之前取消,全额退回。
生成成片?
扣 10 积分
成片生成10
本条已扣(选题+文案)3
本次合计10
当前可用27
本次之后剩余17
入队预扣 10 分,出片成功才真正结算;失败自动退回。
生成中
62%
正在合成画面
第 3 / 5 个阶段 · 预计还有 1 分 20 秒
队列第 2 位
拆解分镜
6 帧 · 完成
完成
合成配音
02:41 · 完成
完成
渲染画面
进行中 62%
进行中
压字幕
待执行
待执行
可以离开这一页,任务会继续跑。完成后会给你发站内消息。
扣了 10 积分 · 预扣中
成片好了
成片已生成完成,可以下载了。文件保留 7 天。
字幕安全区
孩子写作业拖拉,真正的原因不在孩子身上
时长02:41
画面竖屏 1080×1920
音色我的音色
字幕安全区
字幕安全区
字幕安全区
字幕安全区
站内不播放视频,这 4 张 + 完整字幕就是全部。
完整字幕
00:00孩子写作业拖拉,很多家长第一反应是这孩子太懒了。
00:06但我在咨询里见过太多这样的情况:
00:11不是他不想写,是他不知道从哪里开始。
剩余 17 积分

点这些位置

  1. 底部 「选好了,写文案」 → 进文案页
  2. 「确认并使用」 → 弹「确认这段文案?」,写明扣 2 剩 27
  3. 弹层 「确认文案」 → 进画面页(余额变 27)
  4. 「下一步:音色」 → 「生成成片」 → 弹「生成成片?」
  5. 弹层 「确认生成」 → 生成中(余额变 17)
  6. 「看成片」 → 结果页:下载按钮是唯一强动作
弹层里的「再看看 / 返回改一改」都能退回去,退回去不扣分——这是最容易做错的一处:把用户困在确认框里。

这一条链在验证什么

  • 三个扣分点各自确认,不是最后一次性扣 13
  • 余额在每一步都更新,用户随时对得上账
  • 「看」永远免费:分镜、骨架、试听、预览都不扣分
  • 生成中可离开,取消按钮文案带后果
2

三个扣分点,三次确认,一本账

同一部手机里走一遍「换一批选题(-1)→ 确认文案(-2)→ 确认生成(-10)」,每一步都能看见余额怎么变。

9:41
工作台
可用积分30
一条完整成片会扣三次,每次都要你点头
① 选题生成
1 积分 · 换一批再扣 1
② 文案生成
2 积分 · 改稿免费
③ 成片生成
10 积分 · 入队预扣
不用等到最后一步才看见总账。每个扣分点各自确认一次,账目随时对得上。
选题
再生成一批新选题?
会把当前 5 条全部换掉,换掉的不能再找回。
选题生成1
本次合计1
当前可用30
确认后剩余29
扣分前展示「本次扣 N,剩余 M」
选题
新一批 5 条已经好了 · 已扣 1 积分,去掉的内容不会再出现。
可用积分30
陪写作业,最该闭嘴的三分钟
换新后第 1 条 · 场景型
孩子说「我不会」,其实是想让你陪
换新后第 2 条 · 情绪型
这一次扣完,余额从 30 变成 29。
可用 29 积分
文案
选题2文案3画面4音色5生成
陪写作业,最该闭嘴的三分钟
文案生成2
改稿、重选、预览0
本次合计2
当前可用29
确认后剩余27
文案这 2 分只扣一次,改稿不再扣
确认生成
选题文案画面音色5生成
三次扣分,一次看全
① 选题生成1
② 文案生成2
③ 成片生成10
一条片合计13
前两次已扣 3 分,这次只扣成片这 10 分。
当前可用27
本次之后剩余17
入队预扣 10 分,成功才结算;开始前取消全额退回,开始后取消不退已消耗。
生成中
可用积分16
48%
已预扣 10 积分
成功后结算;失败或取消自动退回
余额怎么变
注册赠送+30
换一批选题-1
文案生成-2
成片(预扣中)-10
可用 / 预扣中17 / 10
预扣中的 10 分仍在你的账号名下,只是暂时不能用。
可用 17 · 预扣中 10

点这些位置

  1. 工作台三行,点任意一行的 「去确认」
  2. 选题确认 → 「确认换一批」:30 变 29
  3. 「继续去文案」 → 「确认文案」:29 变 27
  4. 在生成确认页看三笔账摊开 → 「确认生成」:27 变 17
  5. 生成中页可以看到可用 17 / 预扣中 10 是怎么拆的
取消按钮的两种文案在状态专章里对照看:未开始=「取消并退回积分」,已开始=「取消(不退回积分)」。用统一的「取消」会让人按错。

这一条链在验证什么

  • 预扣与结算在界面上说得清(可用 / 预扣中两栏)
  • 每一次扣分都能退回,且退回要写原因
  • 积分数值全部来自后台配置,界面里不写死数字逻辑

与 06C 的关系

  • 06C 是组件库的活验收(6 屏,证明零自制类可以拼出真页面);这一份是产品的高保真(36 屏 + 6 状态 + 2 演示)。
  • 两份用同一套组件与同一套令牌,没有新增任何类名。08 里出现的每一个类,都能在 07 查到定义。

还没验证的(不许当成通过)

  • 真机渲染:这份在桌面浏览器里看,390×844 是模拟尺寸,真机上的安全区、键盘弹起、字体回退都还没跑。
  • 200% 缩放与键盘焦点顺序:未实测。
  • 触摸热区:所有可点元素都按 ≥44px 设计,但没有在真机上用手指验过。
  • 成片画面:占位。等系统二。

下一步

  • ① 系统二定稿后,替换全部 c-shot 占位与 C4 / F2 的实时预览内容。
  • ② 08 的后台部分(独立文件)与这一份共用同一套组件与令牌。
  • ③ 真机实测清单跑一遍,逐项改。

这一份的边界

  • 不含真实数据、不含后端、不含支付——所有数字都是演示值,数值口径以 05-PRD 与后台 H1 配置为准。
  • 不含桌面端。桌面端本期不进 PRD,只留 V2 议题与 render_target 字段。