41 lines
2.1 KiB
Markdown
41 lines
2.1 KiB
Markdown
# 加载页设计 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
|