先写界面设计 Brief

只解决开工前的设计定义,先固定用户、层级、状态和约束,再进入视觉稿或代码。

Prompts 提示词场景 · 产品与需求设计更新 · 2026-09-09

使用判断

适用场景

页面需求已经明确但设计或开发容易直接套模板,缺少可执行的视觉和交互边界时使用。

预期结果

得到一份可交给设计和前端共同执行的页面 Brief,包含层级、状态和响应式约束。

Prompt 快速复制

请为下面的页面生成一页设计 Brief,不要写代码:

页面目标:{{page_goal}}
目标用户:{{audience}}
核心任务:{{primary_task}}
已有品牌或设计规范:{{design_rules}}

输出:
- 页面唯一主任务和成功信号。
- 内容层级:必须突出、辅助说明、可以隐藏。
- 必须覆盖的 loading、empty、error、success 和 disabled 状态。
- 桌面端与移动端的布局约束。
- 不采用的视觉模式及原因。

每条结论都要能指导组件、文案或验收;禁止只写“现代、简洁、高级”。

使用说明

先提供项目已有规范;如果规范与个人偏好冲突,以项目正式规范为准。

出处