This commit is contained in:
40
design-qa.md
Normal file
40
design-qa.md
Normal file
@@ -0,0 +1,40 @@
|
||||
# 加载页设计 QA
|
||||
|
||||
- source visual truth path: `C:\Users\ADMINI~1\AppData\Local\Temp\codex-clipboard-6d038678-2d48-4ee0-b4fc-152d414e7184.png`
|
||||
- implementation screenshot path: `C:\Users\Administrator\AppData\Local\Temp\museum-launch-390x844.png`
|
||||
- comparison evidence path: `C:\Users\Administrator\AppData\Local\Temp\museum-launch-comparison.png`
|
||||
- viewport: `360x800`、`390x844`、`430x932`
|
||||
- state: 首页首次进入,加载层可见,加载进度进行中
|
||||
|
||||
## Full-view Comparison Evidence
|
||||
|
||||
白色全屏背景中仅保留彩色 Logo、英文馆名、中文馆名和原生进度动效。实现层级、内容顺序和居中关系与参考图一致,没有继续使用全屏背景图、蒙层、口号、状态卡或加载说明文案。
|
||||
|
||||
## Focused Region Comparison Evidence
|
||||
|
||||
对 Logo 与馆名区域进行了聚焦对比。Logo 使用参考图中的真实彩色图形资产,馆名使用页面文字以减少图片体积。360px、390px、430px 三档视口中 Logo 均完整加载,中英文馆名均未换行或溢出,进度动效可见。
|
||||
|
||||
## Fidelity Surfaces
|
||||
|
||||
- Fonts and typography: 英文使用无衬线字体栈并保持单行;中文使用宋体字体栈,字重和留白接近参考图。
|
||||
- Spacing and layout rhythm: Logo、英文、中文和进度条垂直居中排列,三档移动视口无裁切或重叠。
|
||||
- Colors and visual tokens: 白色背景、黑色馆名和博物馆黄绿色加载色符合现有品牌色。
|
||||
- Image quality and asset fidelity: Logo 来自参考图真实图形区域,WebP 尺寸为 `738x106`,约 12 KB;未使用 CSS 绘图、SVG 或占位图替代。
|
||||
- Copy and content: 英文馆名为 `SHENZHEN NATURAL HISTORY MUSEUM`,中文馆名为 `深圳自然博物馆`。
|
||||
|
||||
## Findings
|
||||
|
||||
无 P0、P1 或 P2 问题。
|
||||
|
||||
## Patches Made
|
||||
|
||||
- 移除旧的两张全屏加载图、蒙层、口号、状态卡、加载说明和恢复按钮。
|
||||
- 增加彩色 Logo 图形资产,馆名改为页面文字。
|
||||
- 保留现有加载进度、最短展示时间、模型完成、超时和淡出逻辑。
|
||||
- 修复本地验证环境中的旧 Vite 进程,确认新静态资源可正常加载。
|
||||
|
||||
## Follow-up Polish
|
||||
|
||||
无阻塞项。
|
||||
|
||||
final result: passed
|
||||
Reference in New Issue
Block a user