先写界面设计 Brief
只解决开工前的设计定义,先固定用户、层级、状态和约束,再进入视觉稿或代码。
使用判断
适用场景
页面需求已经明确但设计或开发容易直接套模板,缺少可执行的视觉和交互边界时使用。
预期结果
得到一份可交给设计和前端共同执行的页面 Brief,包含层级、状态和响应式约束。
Prompt 快速复制
请为下面的页面生成一页设计 Brief,不要写代码:
页面目标:{{page_goal}}
目标用户:{{audience}}
核心任务:{{primary_task}}
已有品牌或设计规范:{{design_rules}}
输出:
- 页面唯一主任务和成功信号。
- 内容层级:必须突出、辅助说明、可以隐藏。
- 必须覆盖的 loading、empty、error、success 和 disabled 状态。
- 桌面端与移动端的布局约束。
- 不采用的视觉模式及原因。
每条结论都要能指导组件、文案或验收;禁止只写“现代、简洁、高级”。使用说明
先提供项目已有规范;如果规范与个人偏好冲突,以项目正式规范为准。