02-13屏原型规格
13 屏原型规格（以现行 iOS 实现为准）
Section titled “13 屏原型规格（以现行 iOS 实现为准）”本文档描述当前 iOS OnboardingShell 的 13 个 step（其中 networkWarmup 非用户可见页，但作为流程步骤存在）。
默认设计基线：
- 视觉与坐标以 Pencil
390x844画布为基准（详见05-启动登录coach-实现收口结论-2026-04-13.md） - iOS 侧采用“Pencil 绝对坐标 + 轻量比例映射”的方式落地 opening 段（brand/showcase/coach）
1. 全局规则
Section titled “1. 全局规则”1.1 顶部结构与阶段进度
Section titled “1.1 顶部结构与阶段进度”- Opening 段（01-04）为沉浸式进入：不显示顶部阶段进度条
- 问答与计划段显示阶段进度条（总共
6个阶段）：- 阶段 2 / 6：
intent / pain / level - 阶段 3 / 6：
weekIntro / time / interest - 阶段 4 / 6：
explanation - 阶段 5 / 6：
generating（当前实现隐藏进度条） - 阶段 6 / 6：
plan
- 阶段 2 / 6：
1.2 回退与改选
Section titled “1.2 回退与改选”当前实现的回退链路（与 OnboardingShellState.goBack() 一致）：
| step | 名称 | 是否可回退 | 返回到 |
|---|---|---|---|
| 01 | brandIntro | 否 | - |
| 02 | networkWarmup | 否（无返回按钮） | - |
| 03 | welcomeShowcase | 否（无返回按钮） | - |
| 04 | coachIntro | 是 | 03 |
| 05 | intentQuestion | 是 | 04 |
| 06 | painQuestion | 是 | 05 |
| 07 | levelQuestion | 是 | 06 |
| 08 | weekIntro | 否（无返回按钮） | - |
| 09 | timeQuestion | 是 | 07 |
| 10 | interestQuestion | 是 | 09 |
| 11 | explanation | 是 | 10 |
| 12 | generating | 否（无返回按钮） | - |
| 13 | plan | 是 | 11 |
统一规则：
- 单选页：点击即进入下一步；返回时保留已选高亮
- 任一答案发生变化（
intent / pain / level / time / interest）即视为需要重新生成计划 - 老用户入口：在
welcomeShowcase点击我已有账号进入登录流；关闭登录后退出 onboarding，进入主界面
2. 逐步规格（13 steps）
Section titled “2. 逐步规格（13 steps）”01 brandIntro（启动页）
Section titled “01 brandIntro（启动页）”- 目的：品牌开场，短暂建立气质后自动推进
- 视觉：白底；使用真实
logo与真实mascot资源（不拼字，不自造 logo） - 动作：至少停留
2.2s后进入02
02 networkWarmup（网络预热，非用户可见页）
Section titled “02 networkWarmup（网络预热，非用户可见页）”- 目的：后台预热（例如 offerings 等），避免后续首触卡顿
- 视觉：简单 loading + 文案（当前为
准备连接） - 动作：预热完成后自动进入
03（无固定停留时长）
03 welcomeShowcase（登录起始页，4 页轮播）
Section titled “03 welcomeShowcase（登录起始页，4 页轮播）”这是一个“单 step 内的 4 页轮播”，对应 Pencil 02-05 四张图：
- 02：
边听边学 / 更容易开始（listen） - 03：
随时随地 / 口袋里的学习材料（transit） - 04：
坚持听懂 / 长出语感（wave） - 05：
真实材料 / 毫不枯燥（material）
统一规则：
- 轮播自动切换：每页停留
3.5s - 标题/副标题/插图固定同一锚点，不做按页差异化位移
- 图片不做“从右往左进场”；文本始终在图片上层
交互：
- 主按钮：
开始→04 - 次入口：
我已有账号→ 登录流（关闭登录后退出 onboarding）
04 coachIntro（教练开场）
Section titled “04 coachIntro（教练开场）”- 目的：用一屏把“我来带你走完问题并生成计划”说清楚
- 视觉：包含
👋emoji（字号 64）、标题你好!、红色高亮短语个人专属计划 - 动作：
- 主按钮：
我准备好了→05 - 返回：→
03
- 主按钮：
05 intentQuestion（主目标）
Section titled “05 intentQuestion（主目标）”- 标题：
你现在最想 / 改善什么？ - 选项：
听懂一点 / 更敢开口 / 重新开始 - 动作：
- 点击任一选项 →
06 - 返回 →
04
- 点击任一选项 →
06 painQuestion（卡点）
Section titled “06 painQuestion（卡点）”- 标题：
你最容易 / 卡在哪里？ - 选项：
一听就丢 / 连不起来 / 很难开始 - 动作：
- 点击任一选项 →
07 - 返回 →
05
- 点击任一选项 →
07 levelQuestion（起点判断）
Section titled “07 levelQuestion（起点判断）”- 标题：
你现在更接近 / 哪一种？ - 选项：
刚开始 / 学过一点 / 基础还行 - 动作：
- 点击任一选项 →
08 - 返回 →
06
- 点击任一选项 →
08 weekIntro（安排第一周，自动页）
Section titled “08 weekIntro（安排第一周，自动页）”- 标题：
接下来，/ 安排你的第一周 - 辅助文案：
再看两步，就能开始。 - 动作：自动停留约
1.2s后进入09
09 timeQuestion（时间承诺）
Section titled “09 timeQuestion（时间承诺）”- 标题：
这周你想留 / 多少时间？ - 选项：
每天 5 分钟 / 每天 10 分钟 / 每天 20 分钟 - 动作：
- 点击任一选项 →
10 - 返回 →
07（当前实现从本页返回会跳过08）
- 点击任一选项 →
10 interestQuestion（内容偏好）
Section titled “10 interestQuestion（内容偏好）”- 标题：
你想从哪类 / 内容开始？ - 选项：
轻松听一听 / 日常对话 / 更有结构感 - 动作：
- 点击任一选项 →
11 - 返回 →
09
- 点击任一选项 →
11 explanation（开始方式说明）
Section titled “11 explanation（开始方式说明）”- 标题：
你会这样开始 - 内容模块：三条卡片式说明（见 fixtures）
- 主按钮：
生成我的计划→12 - 返回：→
10
12 generating（生成中，自动页）
Section titled “12 generating（生成中，自动页）”- 目的：把等待变成“正在为我准备”
- 动作：至少停留
2.0s后进入13 - 注：当前实现不等待真实数据，后续可改为“至少 2.0s 且数据准备完成才进入 13”
13 plan（第一周计划交付）
Section titled “13 plan（第一周计划交付）”- 标题：
这是你的 / 第一周 - 内容：基于答案生成的 4 张卡片（变体规则见
03-落地与验证.md） - 主按钮：
正式开始- 动作：打开外部订阅/付费页（Paywall），不在
OnboardingShell内实现订阅页本体
- 动作：打开外部订阅/付费页（Paywall），不在
- 返回：→
11
3. 线性流程（实现版）
Section titled “3. 线性流程（实现版）”flowchart TD
S01[01 brandIntro]
S02[02 networkWarmup]
S03[03 welcomeShowcase 4-page carousel]
S04[04 coachIntro]
S05[05 intentQuestion]
S06[06 painQuestion]
S07[07 levelQuestion]
S08[08 weekIntro]
S09[09 timeQuestion]
S10[10 interestQuestion]
S11[11 explanation]
S12[12 generating]
S13[13 plan]
PAY[Paywall (external)]
S01 --> S02 --> S03 --> S04 --> S05 --> S06 --> S07 --> S08 --> S09 --> S10 --> S11 --> S12 --> S13 --> PAY