跳转到内容

设计与体验 · DEFINED TERM

Opacity 透明度

控制元素整体与背景混合的程度。

你可能会这样说“禁用状态可以降低强调,但文字仍要看得清。”

VISUAL EXAMPLE

先看懂它怎么工作

MECHANISM

运行机制

  1. 计算前景颜色
  2. 与背景混合
  3. 输出最终对比度

USE WHEN

适合这样用

次要层级、遮罩和状态过渡

NOT FOR

不要这样理解

不能用过低透明度制造白字白底

TELL YOUR AGENT

可直接发给 Agent

请按“Opacity 透明度”的概念处理这个需求:禁用状态可以降低强调,但文字仍要看得清。。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

正文和操作仍满足对比度,透明层叠后颜色可预测

OFFICIAL SOURCES

官方来源