设计走查时，如何高效标注 UI 问题？

设计走查不是简单说“这里和设计稿不一样”，而是要明确哪里不一致、差异是什么、应该如何调整。标注越清楚，前端和设计之间的沟通越顺畅。

网页 UI 问题经常出现在细节里：字号不对、间距不一致、按钮状态缺失、颜色偏差、图片比例异常、组件边距不统一。如果只是截图发群里，很容易说不清楚问题位置。

设计走查常见的 UI 问题有哪些？

• 字号、行高、字重和颜色不符合设计规范。
• 模块间距、按钮边距和列表留白不一致。
• 按钮 hover、disabled、active 等状态缺失。
• 图片比例、圆角、阴影或边框与设计稿不一致。
• 移动端和桌面端适配效果不一致。

为什么 UI 反馈需要标注？

UI 问题往往不是功能错误，而是视觉和体验细节偏差。标注可以让前端明确看到问题区域，例如某个按钮、某段文字、某个模块或某个间距，而不是让对方在整张截图里寻找问题。

设计反馈应该怎么写更清楚？

建议每条反馈都包含问题位置、当前效果、期望效果和修改建议。如果能附上截图标注，就可以减少很多“你说的是哪个地方”的追问。

设计走查适合导出文档吗？

适合。尤其是页面改版、官网上线、活动页验收和外包交付时，把 UI 问题统一整理成文档，能让开发按条处理，也方便设计师复查修改结果。

用 Page Feedback Helper 做设计走查

如果你需要经常做网页设计走查，可以使用 网页问题反馈工具 Page Feedback Helper。它支持在网页上截图、标注 UI 问题、填写修改建议，并导出反馈文档，适合设计走查、页面验收和视觉还原反馈。