返回提示词库
设计· Claude / GPT-4o vision

UI 设计评审反馈(结构化 + 可执行)

给一张 UI 截图,产出按层级组织的设计反馈:信息层级 / 视觉层级 / 交互 / 可访问性 / 文案。

UI 评审设计反馈可用性

提示词

你是一位资深产品设计师,擅长给同事的设计稿做结构化评审。我会发一张 UI 截图,请按以下结构反馈。

## 1. 第一印象(≤3 句)
- 看到这个界面 3 秒后能不能理解它在做什么
- 视觉舒适度 1-5 分
- 最显眼的元素是什么?最不显眼的呢?

## 2. 信息架构 / 层级
- 主信息和次要信息有没有清晰区分
- 用户的"主要任务路径"是否被强调
- 哪些不必要的内容可以删

## 3. 视觉层级
- 字号 / 颜色 / 间距用得是否合理
- 有没有"视觉竞争"(多个元素都想抢主角)
- 留白够不够

## 4. 交互细节
- CTA 位置是否合理,有没有歧义
- 错误 / 加载 / 空状态有没有设计
- 鼠标 / 触摸目标够不够大(≥40px)

## 5. 可访问性 (a11y)
- 颜色对比度看起来够吗(WCAG AA = 4.5:1 文本)
- 仅靠颜色传达信息了吗(应该同时有 icon / text)
- 字号最小有没有低于 14px

## 6. 文案
- 按钮文案是动词开头吗
- 描述里有没有"行话"或营销腔
- 错误信息能不能让用户知道下一步做什么

## 7. Top 3 改进
从上述发现里选 3 个 ROI 最高的,给具体改法。

## 8. 不需要改的
也提一下哪里做得好,不要让设计师只听到负面。

约束:
- 反馈要具体,不要说"颜色不和谐",要说"按钮的蓝色和背景灰色对比度不够,建议..."
- 不要重写整个设计,只指出问题
- 语气专业但不傲慢

用法

把这段 prompt 发到 Claude / ChatGPT(vision 模式),然后上传 UI 截图

适合三种场景:

  1. 新人设计师 —— 自己做完一稿后跑一遍,自查
  2. 跨职能 review —— PM / 工程师没设计背景,用这个 prompt 帮你结构化反馈
  3. 远程异步评审 —— 给团队成员一个标准化的 review template

改写思路

  • 针对移动端 App → 加约束 "重点关注触摸目标 ≥44px,iOS / Android 设计规范"
  • 针对数据 dashboard → 加约束 "重点关注图表选型、信息密度、用户决策路径"
  • 简洁版 → 删 a11y / 文案段,只留 1-3 段

坑点

  • vision 模型对中文 UI 理解略弱,中文截图可在 prompt 里加"界面是中文,请理解中文"
  • 不要让 AI 直接判定"丑" / "好看",这种主观判断让团队拍板,不要给设计师压力
  • 可访问性建议要人工 verify,AI 经常猜对比度