# Issue Hub AI 视觉差异报告

生成时间：2026-06-18T04:47:26.995Z

## 方法

- 对比对象：`docs/design/images2/` 高保真设计图 vs `docs/design/implementation-screenshots/` 当前实现截图。
- 差异阈值：单像素 RGB 均方差大于 24 记为变更像素。
- 输出：每页一张高亮差异图，灰色代表低差异区域，粉色代表明显差异区域。
- 用途：这是视觉打磨诊断工具，不替代人工设计评审；AI 生成稿中的文案、图标细节和截图动态数据会天然造成差异。

## 汇总

- 对比页面：12 张。
- 接近设计稿：0 张。
- 需要人工复核：7 张。
- 需要继续视觉打磨：5 张。

| 页面 | 尺寸 | 状态 | 平均差异 | RMS | 变更像素 | 最大差异 | 差异图 | 热点区域 |
| --- | --- | --- | ---: | ---: | ---: | ---: | --- | --- |
| dispatcher-01-center-dashboard.png | 1672x941 | 需打磨 | 19.94 | 47.78 | 17.7% | 255.00 | [diff](dispatcher-01-center-dashboard-diff.png) | bottom-right 60.21 / 44.1%<br>bottom-right 58.27 / 40.5%<br>bottom-left 41.63 / 25.2% |
| dispatcher-02-issue-pool.png | 1672x941 | 复核 | 17.18 | 43.47 | 14.1% | 255.00 | [diff](dispatcher-02-issue-pool-diff.png) | top-left 38.14 / 51.1%<br>top-left 35.93 / 33.7%<br>top-right 35.40 / 35.7% |
| dispatcher-03-department-queue.png | 1672x941 | 复核 | 17.42 | 41.57 | 13.9% | 255.00 | [diff](dispatcher-03-department-queue-diff.png) | top-right 44.93 / 31.5%<br>bottom-center 43.69 / 26.5%<br>top-left 42.49 / 26.1% |
| dispatcher-04-escalation-center.png | 1672x941 | 需打磨 | 18.62 | 45.94 | 15.7% | 255.00 | [diff](dispatcher-04-escalation-center-diff.png) | middle-left 45.96 / 36.9%<br>bottom-left 45.89 / 27.0%<br>bottom-left 43.25 / 37.3% |
| dispatcher-05-knowledge-review.png | 1672x941 | 需打磨 | 18.92 | 44.57 | 14.9% | 255.00 | [diff](dispatcher-05-knowledge-review-diff.png) | bottom-center 44.90 / 28.0%<br>top-right 43.13 / 28.1%<br>middle-center 42.71 / 26.0% |
| dispatcher-06-rule-config.png | 1672x941 | 复核 | 17.81 | 42.33 | 15.5% | 255.00 | [diff](dispatcher-06-rule-config-diff.png) | bottom-right 40.55 / 31.7%<br>top-left 37.67 / 24.3%<br>middle-left 35.90 / 37.9% |
| dispatcher-07-analytics-board.png | 1672x941 | 需打磨 | 19.95 | 44.41 | 19.2% | 255.00 | [diff](dispatcher-07-analytics-board-diff.png) | middle-left 46.00 / 47.9%<br>top-left 43.41 / 87.6%<br>bottom-left 43.33 / 27.5% |
| client-01-workbench.png | 1672x941 | 复核 | 17.72 | 44.08 | 14.7% | 255.00 | [diff](client-01-workbench-diff.png) | bottom-right 44.44 / 28.5%<br>bottom-left 39.36 / 30.5%<br>middle-center 39.28 / 23.7% |
| client-02-submit-issue.png | 1672x941 | 复核 | 14.16 | 37.39 | 11.3% | 254.34 | [diff](client-02-submit-issue-diff.png) | bottom-center 49.09 / 28.9%<br>top-left 44.02 / 49.6%<br>middle-right 40.06 / 33.5% |
| client-03-issue-detail-handler.png | 1672x941 | 需打磨 | 18.22 | 43.82 | 16.2% | 255.00 | [diff](client-03-issue-detail-handler-diff.png) | top-right 48.63 / 45.9%<br>top-left 48.63 / 34.7%<br>top-left 45.36 / 38.6% |
| client-04-submitter-tracking.png | 1622x969 | 复核 | 17.91 | 43.59 | 14.3% | 255.00 | [diff](client-04-submitter-tracking-diff.png) | bottom-right 60.46 / 43.0%<br>top-left 48.90 / 35.1%<br>top-center 43.67 / 30.6% |
| client-05-mobile-submit.png | 1536x1024 | 复核 | 17.87 | 44.91 | 12.9% | 254.34 | [diff](client-05-mobile-submit-diff.png) | top-right 53.75 / 29.6%<br>middle-left 52.37 / 36.2%<br>top-left 47.51 / 34.9% |

## 判读建议

- 优先处理 `needs-polish` 页面中热点集中在 top-left/top-center 的差异，这通常对应侧栏、顶部工具区和首屏结构。
- 如果热点集中在 right-middle/right-bottom，优先核对右侧检查器、AI 建议面板、操作区密度和滚动状态。
- 如果热点集中在 center-middle，优先核对表格密度、卡片边界、图表形态和主要工作区信息层级。
- 当平均差异下降但变更像素仍高，通常说明整体布局接近但文字、图标、间距和局部状态还需要人工修正。