什么是原型与线框
线框（Wireframe）关注布局、信息层级与流程，刻意回避视觉细节；原型（Prototype）关注交互与流程可走通程度，分低保真与高保真两档。二者的目标是澄清需求、提前暴露分歧，而不是提前交付界面代码。原型上必须标注它不包含真实数据与后端逻辑，否则容易被当成已完成功能理解。
基本信息
| 低保真 | 手绘或线框工具，关注布局与流程，修改成本极低 |
|---|---|
| 高保真 | 接近真实视觉与交互，适合可用性测试与验收讨论 |
| 使用约定 | 标注「原型不包含真实数据与后端逻辑」及待定项 |
| 配套产出 | 流程说明、字段清单、状态与异常态定义 |
落地要点
- 先低保真：纸面或线框快速对齐信息结构与主流程，不纠结配色
- 补异常态：空态、加载中、错误、无权限与超长内容一并画出
- 按需高保真：只在需要测量交互细节或做可用性测试时提高精度
- 标注假设：把待定项、依赖的接口与业务规则显式写进原型注释
- 记录结论：评审后更新原型注释并同步到需求条目与验收标准
- 控制复用：原型产物不作为生产代码，需要时按生产标准重写
保真度选择
| 保真度 | 适用判断 | 产出形式 |
|---|---|---|
| 纸面草图 | 讨论信息结构与流程 | 手绘、白板照片 |
| 低保真线框 | 对齐页面布局与字段 | 线框工具稿，灰阶 |
| 可点原型 | 验证流程可走通与跳转 | 可点击交互稿 |
| 高保真原型 | 可用性测试与细节确认 | 接近真实的视觉与交互 |
原型评审要记录的信息
原型评审要记录的信息
# 每个页面/流程节点的注释（示意）
状态：默认 / 空态 / 加载中 / 错误 / 无权限
字段：来源接口、是否必填、校验规则、超长与特殊字符处理
交互：点击后跳转目标、是否需要二次确认、可否撤销
假设：金额展示规则待定，需与财务确认口径
非目标：本期不做导出与批量操作原型的价值在于把分歧提前暴露：评审的目标是找出「做法不一致的地方」，而不是确认「画得好不好看」。
把高保真原型直接当验收标准，界面细节争论会挤占架构与功能评审的时间，真正的风险反而被放过。