Appearance
A7 原型设计与交付
写完本页 · 你能带走
建议顺序： 是什么 → 交什么算过 → 骨架 →（对照母婴样板）→ 演示自检 · 合格
0→1 四步 · 第 ④ 步 · 交付物（你来做）
上一环：A6 需求规格与 PRD · 下一环：A8 协作推进与项目闭环
跟练默认线：晨悦编排 + 零售 · 母婴馆
本页定位：定统一验收 + 屏级骨架；五件套细做见 HTML 子页。
什么是原型交付？
什么是原型交付？ 把 A5 路径、A6 规格落成别人能点着走完的界面演示物。
入门标准：能打开 · 能点 · 能讲 · 能交接。不是视觉大赛，也不是完整工程上线。
入门标准：能打开 · 能点 · 能讲 · 能交接。不是视觉大赛，也不是完整工程上线。
❌ 低阶交付
只有截图 / 静态线框「点了大概会跳」说不清
和 PRD 字段对不上 · 无拒答态
✅ 合格交付
本地或链接可打开Happy Path + 拒答/空态可点到
文案/字段对齐 A6 固定样本
在 0→1 里站哪 输入：A6 路径 · 模块 · 固定样本 · 验收。
输出：可演示原型 + 简短 README（怎么开、点哪条路径、已知限制）。
本页不要用原型代替 PRD；冲突时以 PRD 为准回写。
输出：可演示原型 + 简短 README（怎么开、点哪条路径、已知限制）。
本页不要用原型代替 PRD；冲突时以 PRD 为准回写。
和 A5路径步骤变成可点的屏；异常变成可演示的态
和 A6字段、默认态、拒答口径以 PRD 为准；旁注可细，勿双真源
和工具换工具不降验收；跟练主推五件套，便于 mock 契约
交什么算过（统一验收）
必过 1 · 能打开
链接或本地一命令可进主屏 必过 2 · 能点
主路径可点完（对齐 A5/A6） 必过 3 · 能讲
对着屏讲清：用户/系统在干啥 必过 4 · 能交接
README：入口 · 样本问法 · 已知限制 内容下限主会话屏 + 清单卡（或等价主结果）+ ≥1 异常态（如拒答）
固定样本与 A6 页头一致（Happy + 异常各至少一句）
样式信息层级清楚、可点区域明显即可；不卡像素
工具不同 · 验收同一套 用五件套、Figma 或墨刀，过关标准一样。换工具不降验收。
建议结构（骨架）
一份通用骨架 · 不分工具 先交「屏级清单 + 演示路径 + README」；再用五件套 / Figma / 墨刀实现。母婴馆只在样板示范填法。
如何交一份原型交付包 点下方展开，把骨架整段复制到 README 或作业说明里再填。实现细节进对应工具子页。
📌 点开复制 · 原型交付 · 完整骨架
text
A7 原型交付 · {产品名} · {模块名}
对齐：A6 版本 / 固定样本 Happy · 异常
工具：五件套 / Figma / 墨刀（圈一）
链接或打开方式：…
1. 屏级清单（跟练至少 3 态）
· 进入屏：能力说明 · 输入区 ·（可选）示例问法按钮
· 结果屏：清单卡字段 = A6 §4（名称 · 理由 · 了解…）
· 异常态：拒答 / 空结果 / 资料不足（至少 1）
· （可选）追问态：缺月龄等
2. 可点路径（对着演示）
Happy：打开 → … → 清单 → 了解（可 mock）
异常：打开 → 异常样本 → 可见收场（无违规内容）
3. 数据 / mock 对照
字段名与 A6 一致；Happy 与异常两套可切换（或两帧）
4. README（能交接）
打开方式 · 演示步骤（含口述 30 秒）· 已知限制 · 与 A6 差异（无则写无）
5. 自检
四能 + 内容下限 + 字段不打架（见文末合格标准）工具怎么选
怎么演示才算过
①→打开链接/本地→30 秒内进主屏
②→跑 Happy 固定样本→清单字段齐、可点了解
③→跑异常固定样本→拒答可见、无违规内容
④→口述 + README→外人能按说明复测
✅ 演示过关❌ 演示翻车
点「样本·DHA」→ 出现名称+理由+了解
只有一张静态海报图
点「样本·医嘱」→ 拒答文案，无剂量方案
「异常以后再说」或仍出推荐卡
README 写清打开方式与两条样本
「我电脑上能开」但没说明
常见踩坑 · 只做 Happy，无拒答/空态
· 清单字段和 A6 不一致（PRD 写「理由」，界面只有标题）
· 用「见 Figma」代替可点路径，评审点不动
· 样式抠很久，主路径还点不通
· 清单字段和 A6 不一致（PRD 写「理由」，界面只有标题）
· 用「见 Figma」代替可点路径，评审点不动
· 样式抠很久，主路径还点不通
30 秒 · 评审可以这么说 「对齐 A6 两个固定样本：补 DHA 走出清单+了解；医嘱走出拒答。原型只表达界面，规格以 PRD 为准。」
走一遍 · 母婴馆样板
跟练按「3 态」交即可。结构可抄；实现用五件套时详见 HTML 子页。
头对齐 A6
模块母婴馆小悦 · 主会话
Happy 样本「8 个月宝宝补 DHA」
异常样本「宝宝发烧吃什么药」
1进入屏 · 该有什么
能力说明
能阶段化问答 / 清单+理由；不做医嘱诊治
输入区
输入框 + 发送（可点）
快捷样本
建议两按钮：DHA · 医嘱（演示用）
成功标准
打开即懂「能问什么」；能触发下一路
2结果屏 · 清单卡
卡片字段
名称 · 一句话理由 · 「了解」入口
条数
演示 ≥1 条即可（mock）
了解
可跳转占位页或 toast；须可点
成功标准
每条看得见理由；对齐 A6 §4
3异常态 · 拒答
触发点「样本·医嘱」或输入发烧吃药问法
用户可见拒答说明 + 建议问医生；无用药剂量方案、无商品清单冒充药方
可恢复可再发非医嘱问法（或回进入屏）
4演示路径
1打开 · 能力说明→2样本 DHA→3清单+理由→4点了解→!样本医嘱 → 拒答
演示口述 30 秒（可贴 README） 「固定样本补 DHA：出带理由清单，点了解可跳转。换发烧吃药 → 拒答，不给方案。缺月龄追问若没做，README 里写明限制。」
5README 最小例
打开：浏览器打开 index.html（或粘贴预览链接）
Happy：点「样本·DHA」→ 清单 →「了解」
异常：点「样本·医嘱」→ 拒答
限制：无真实下单；追问态未做（若适用）
Happy：点「样本·DHA」→ 清单 →「了解」
异常：点「样本·医嘱」→ 拒答
限制：无真实下单；追问态未做（若适用）
怎样算合格
- [ ] 能打开（链接或本地，说明写在 README）
- [ ] 能点：Happy Path 走完（进入 → 清单 → 了解）
- [ ] 能点异常：≥1 拒答/空态，现象符合 A6
- [ ] 屏级齐：进入屏 · 结果屏 · 异常态 都有
- [ ] 字段不打架：清单字段对齐 A6 §4
- [ ] 能讲 / 能交接：口述或 README 含两条固定样本
练 + 交
A7 · 练 + 交
上一环 A6 · 下一环 A8交付：可点原型 + README（先填本页骨架，再选工具实现）
跟练线：母婴 3 态；主推 五件套
建议用时：半日～1 日（有 A6 时；先通路径再美化）
主路径 · 去做 HTML 五件套 或 Figma / 墨刀；交作业仍勾本页合格表