N3.06.6alpha accumulation设计研究

半透明面板叠加会让不透明度累乘

别名: 不透明度累乘 · 多层叠加 · stacked translucency

概念解释

两块各半透明的面板重叠,人看见的不是「还是半透明」,而是一块更不透的脏色。不透明度累乘(alpha accumulation)把「每块都透一点」的意图,在重叠区写成几乎不透。这和单层面板与花纹墙混色不是同一件事:即使背景均匀,层与层已经在互相伤害。

机制

over 运算下,两层 α 的合成不透明度是 1−(1−α₁)(1−α₂)。0.4 叠 0.4 得到 0.64;三层到约 0.78。设计时每块单独看都「挺透」,重叠是运行时才出现的几何事件——人一转头、一面板滑过另一面,累乘就发生。累乘区不但更不透,色度还会按层序偏向前层颜色,夹在中间的文字对比度被吃掉,环境也被多吃一层。光学透视近似加光,公式不同,但多层仍会把亮度推高、把后面对比度洗掉,只是方向是变亮而不是变暗。单层内部的渐变 α 不是累乘,不要和多层 over 搞混。

怎么研究

把层数与重叠面积当作自变量,测量重叠区对环境特征的可见性、以及夹层文字的识别率。必须在会滑动、会跟随的布局里测;静态三层截图低估动态重叠。

自变量:重叠层数、单层 α、层序。 因变量:合成不透明度(可按像素计量)、夹层文字正确率、环境关键点是否仍可见。

也可以让人调「看起来还算透」的最大同时层数,得到主观层预算。

边界

完全不重叠的平铺没有累乘。故意做的体积雾、粒子用累乘当密度,那是目标不是故障。加性混合的光学透视上,累乘表现为过亮而不是过暗,验收标准要改成「后面还能否读」而不是「够不够透」。头部锁定的 HUD 若永远叠在世界锁定面板上,等于给所有世界内容加了一层固定税,层预算一开始就被占用。

怎么落地

  • 给同时可见的半透明层一个层预算:两层已经该开始避免重叠,第三层重叠必须被布局禁止。
  • 面板移动时做重叠检测;重叠则提高前层不透明并藏后层文字,或把后层推开。
  • 不要用「每块都很透」当验收,验收重叠区的合成结果。
  • 验证:把所有半透明面板拖到彼此重叠,截一张重叠区。看环境关键物是否还在、中间层的字还能否读。读不出或环境没了,累乘就越过预算。

延伸

  • 同组N3.06.1 半透明界面会与背景混淆 · N3.06.2 遮挡是最强的深度线索,不应违反 · N3.06.3 透明度需随背景复杂度调整 · N3.06.4 投影与接触阴影比半透明更能声明深度 · N3.06.5 透明度承担的是可穿透的语义,不只是视觉风格 · N3.06.7 光学透视设备上黑色等于透明,深色界面遮不住现实
  • 相邻N3.03 深度冲突 · N3.14 空间中的信息密度与堆叠
  • 站内检索alpha accumulation · opacity stacking · Porter-Duff over

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/N3.06.6