N3.06.1translucent UI blending设计研究
半透明界面会与背景混淆
别名: 半透明混色 · 图地混淆 · alpha 混合
概念解释
一块三成不透明的菜单浮在花纹墙前，灰字和墙纸叠成同一块色斑——分不清哪一笔是字、哪一笔是墙。半透明界面与背景的混色（translucent UI blending）把前景改写成「面板色 × α + 背景色 × (1−α)」，对比度被当前背景实时改写，图-地分离随之塌掉。几何可以完全分开，读起来仍然糊成一层；这是颜色通道上的混合，不是面板插进墙里那种体积相交。
机制
Porter-Duff 的 over 运算按像素做凸组合。背景空间频率一旦撞进文字的频带——细纹墙纸、百叶、树叶、另一块界面上的字——混合后的频谱里分不出字的边缘。对比度不是面板自己的属性，而是对当前背景的条件值：同一块白字，贴白墙前接近零，贴黑沙发前又够读。图-地组织靠亮度阶跃和闭合轮廓；α 把阶跃削薄，轮廓被背景纹理打断，分组就断了。视频透视还能先把面板后面的像素压暗再混合；光学透视是加光，没有不透明衬底可抢。
怎么研究
用可读性任务：同一串字母或图标，操纵背景类型和 α。实验室灰场几乎不暴露混色，必须上空间变化的背景。
自变量：α、背景空间频率（均匀色 / 1/f 噪声 / 室内纹理）、文字对比度极性。 因变量：识别正确率、阅读时间、主观「字浮在上面还是融进去」评分。
Pelli-Robson 式对比度阈值和 MNREAD 式阅读速度都能用。眼动上，融进背景的字会增加回视和注视时长，比满意度分数更敏感。
边界
均匀暗背景、高对比实心按钮上，混色几乎测不到。低视力和色觉异常的对比度储备更薄，同一 α 下更先垮。光学透视的环境光动态范围远大于面板可加的光，户外比室内更容易糊。视频透视上调好的 α 不能直接搬到光学透视。游戏里故意用半透明做能量罩是语义，不是可读性失败。
怎么落地
- 文字、图标、可点热区不要直接画在半透明层上；先铺一块足够不透明的衬底，再放控件。
- α 按最坏背景验收，不要按设计软件里的纯色画布验收。
- 需要看穿环境时，让框和字不透明，只让面板中间的空隙透。
- 验证：把界面叠到条纹墙纸、百叶窗、书架三张实拍上各读一段。任何一张上要眯眼或挪头才能读，混色就没被管住。