比较设计稿与实际页面

两张页面单独看都“差不多”，并排后才发现标题基线、卡片间距和按钮状态在悄悄偏移。设计差异难以描述，常常不是因为看不见，而是没有统一尺度。

多图比较应把视觉感受翻译成可定位、可测量、可排序的差异

设计稿与页面截图若使用不同宽度，一个卡片换行并不一定是实现错误。比较之前先统一视口、缩放、主题和内容状态；否则 ChatGPT 会认真列出许多由环境制造的假差异。

从“感觉不对”走到“这里不同”

不要只问哪张更好。可以要求按页面区域描述：“顶部导航高度不同；第二张卡片标题基线下移；主按钮在禁用状态仍使用高饱和颜色。”位置和现象说清以后，设计师与开发者才有同一个讨论对象。

严重度也不等于像素差最大。一个两像素的装饰偏移可能无关紧要，提交按钮缺少焦点状态却会阻止键盘用户完成任务。让 ChatGPT 帮忙整理差异很方便，优先级仍要回到用户是否能完成那件事。

请以设计稿为基准比较这些图片。按页面区域列出可见