R3.07.5placeholder-final color match设计
占位与最终图的主色接近可减少突兀
别名: 主色占位 · LQIP · blurhash · 揭示闪烁
概念解释
图还没到时，槽里会先出现一块颜色、模糊缩略图或骨架。这块若和最终画面的主色、明度差很大，揭示瞬间就是一次亮度跳变，像闪了一下。占位与最终图主色接近，是为了把这次揭示从“闪”收成“显”。它不解决盒子尺寸——那是未声明宽高的问题——只解决像素替换时的颜色突变。
机制
视觉系统对大面积的亮度阶跃敏感。槽从浅灰骨架跳到深色照片、或从品牌色块跳到高键静物，等于在已注视的区域放了一帧强瞬变。主色接近时，平均亮度和色度连续，细节是在已有色场上生长，瞬变被压下去。做法包括：取原图平均色或主色填底、LQIP / blurhash 这类极低分辨率预览、以及与裁切后画面（不是原图整幅）一致的色。用整幅原图的平均色去填一张深色裁切缩略图，仍会对不上。
占位比最终图更亮或更饱和时，揭示像“砸下来”；更暗则像“洞被填上”。两种都比同明度的色场替换更抢注意。动画淡入可以缓和，但淡入不能替代色场匹配：从不匹配的色淡到照片，中间帧仍然穿过一段错误色。
边界
用户明确在等结果的进度条、转圈，预期就是中性灰或品牌色，不必去匹配尚未知道的图。纯装饰且面积很小的图标，色跳几乎不可见。夜间模式与图片自身明暗冲突时，先服从可读的页面底，再在图槽内部匹配。实况摄像头、生成中的图没有可预知主色。打印没有“揭示”这一帧。
怎么落地
- 构建时从实际展示用的裁切提取主色或 blurhash，写入标记，槽底色用这个值，而不是通用浅灰。
- 骨架的色块形状可以勾结构，但大面积填充必须跟主色走，不要用与照片无关的品牌色铺满英雄槽。
- 揭示可用短淡入，淡入前后的平均亮度差应肉眼不明显；差过大就先改占位色，而不是把淡入加长。
- 验证：冷加载录屏，在揭示帧前后对槽做平均亮度采样，跳变应显著小于未匹配的浅灰占位。列表快速滚动时，不应出现一排“白闪再出图”。