6.5 KiB
需求与设计对齐指南
用于新建或明显更新原型、主题、项目文档等资源时,先收敛产品需求,再确认设计方案。对齐贯穿全过程:读取资料、生成规格、计划实施和验收时,只要发现会改变方向、范围、成本或验收标准的问题,都应回到相应阶段继续确认。
核心流程:
读取上下文 -> 产品需求对齐 -> 产品需求确认 -> 设计方案对齐(V2 基底已锁定)-> 设计决策确认 -> 规格/计划 -> 实施验证
何时触发
- 新建原型页面、主题或项目文档。
- 明显重构信息架构、核心交互、页面流程或视觉方向。
- 用户需求模糊,例如只说“生成一个健身 APP”。
- 存在多种合理功能范围、布局方式、交互路径、内容组织或视觉方案。
- 用户明确要求先看方向、先出方案、先写规格或先出计划。
- 资料、主题、现有原型或资源目录之间有冲突,且会改变产出方向。
局部文案、样式、素材替换、明确 bug 修复等不改变产品范围、信息架构和视觉骨架的任务,可以跳过正式对齐;但仍要记录采用的假设,并在发现关键缺口时回到对齐流程。
上下文读取
提问前先读取可获得的信息,不把项目里能找到的问题抛给用户。
优先级:
- 用户当前消息、附件、截图、链接和已给出的约束。
- 当前目录最近的
AGENTS.md、README.md和相关rules/。 - 关联原型:目录结构、入口文件、必要样式和已有交互。
- 资源目录:只做目录级扫描,了解已有原型、主题、文档和资产。
- 相关文件:只读取会影响本次判断的文件,不批量展开无关文件。
重点看:
src/prototypes/:是否已有同类原型、参考页或可复用页面结构。src/themes/:是否已有相近主题或设计系统。src/resources/:是否已有业务说明、字段、流程资料或素材。- 原型内
assets/、canvas-assets/:是否有用户提供或历史沉淀的素材。
产品需求对齐
产品需求阶段负责回答“做什么”,方向应以收敛为主。通常需要明确:
- 目标用户和核心任务。
- 本次范围、功能清单和不做什么。
- 页面或资源的核心内容、数据来源和素材来源。
- 关键状态、核心路径和必要交互。
- 用户最终如何判断结果可用。
只问会影响范围、成本或验收的问题。能从上下文推断的内容直接记为假设继续;如果缺失信息会导致不同功能范围、不同页面结构或不同验收标准,必须先问。
设计方案对齐
设计方案阶段负责回答“怎么表达”。
设计基底(本仓库已锁定,禁止再选)
本仓库 全部 src/prototypes/** 的设计基底 固定为 OneOS V2 设计规范,不得再向用户罗列或比选 src/themes/* 或其他主题:
| 项 | 路径 |
|---|---|
| 总览 | src/resources/design-system/DESIGN.md |
| Token / CSS | src/resources/design-system/tokens.json、oneos-ds-tokens.css |
| 分章 | src/resources/design-system/chapters/ |
| Agent 强制规则 | .cursor/rules/oneos-v2-design-system.mdc(alwaysApply: true) |
src/themes/ 仅用于主题演示与素材库,不是业务原型的设计基底候选源。用户零散提出的颜色、字体、布局、动效等,一律视为在 V2 规范上的局部调整,不另起视觉系统。
本阶段应对齐的内容
进入明显 UI 改版或新建页前,对齐布局、交互与内容呈现(不问设计基底)。新建页面、大面积 UI 改版或模糊需求,设计阶段至少覆盖 5 个设计问题或设计决策变量;局部微调、明确 bug 修复或用户已给出完整设计约束时不受此下限限制。
常见设计问题包括:
- 首屏目标:主操作、信息概览或引导转化。
- 信息层级:哪些内容必须突出,哪些可以折叠或延后。
- 布局模式:V2 列表 / 看板 / 主从、详情全页、向导等(在规范模板内选型)。
- 交互路径:高频用户效率优先,还是首次用户理解优先。
- 数据呈现:真实数据、文档推断、临时示例数据或空状态优先。
- 视觉语气:严格继承 V2(默认);仅用户明确要求时在规范内加强某种倾向。
落地时必须引入 V2 CSS Variables / tokens 与 OneOsAppShell(适用 PC Web 时);缺少 token 时贴近 V2 视觉语言,并在方案或交付说明中写明假设。
可视化对齐
对齐内容保持简洁,不做过度扩写;优先用轻量文本图帮助用户确认关键结构。
- 新建页面、大面积 UI 改版或布局不明确时,必须先用 ASCII Wireframe 对齐页面布局,再进入实现。
- ASCII Wireframe 用于表达区域、层级、主次关系和关键操作位置,不替代最终视觉设计。
- 流程、结构、关系和图表类内容,可按需使用 ASCII Diagram 辅助沟通;只有会帮助用户更快判断方向时才使用。
提问规则
- 先读上下文,能推断就不问。
- 默认一次只问一个决策点;同一主题下强相关的 2-3 个参数可以合并为一问。
- 尽量给出 2-3 个互斥选项,并标出推荐答案。
- 推荐答案要说明取舍,不只表达偏好。
- 不为了补齐形式追问已能从上下文判断的问题。
- 用户回答后继续收敛;如果出现新分支,再追加提问。
确认与记录
进入实现前必须让用户确认产品需求和设计方案。确认产物可以是中文规格文档、执行计划或方案摘要,但至少包含:
- 产品需求:目标用户、核心任务、范围、功能清单、内容/数据来源、验收重点。
- 设计方案:设计基底固定为 V2(
src/resources/design-system/DESIGN.md)、整体设计方向、关键设计决策、设计假设。 - 实施边界:本轮会做什么,不会做什么。
确认过的方案或规格需要归档为当时决策快照;未确认的不归档。
- 保存位置:原型相关内容保存到
src/prototypes/<prototype-name>/.spec/。 - 文件命名:文件名必须包含日期,建议使用
YYYY-MM-DD-<topic>.md。 - 归档内容:只记录已确认的需求问题、设计问题、用户选择和最终设计决策。
- 归档性质:只表示当下决策,不要求跟随后续实现继续同步变化。
触发过对齐时,本轮交付说明或确认产物中只需补充:
- 问题。
- 用户选择。
- 最终设计决策。