我试图理解谷歌材料设计指南中的以下段落:
其他元素,如图标和分隔线,也受益于黑色而不是纯色的 alpha 值,以确保它们适用于任何颜色的背景。
这是什么意思?00 alpha 值将是完全透明的,对吗?
我试图理解谷歌材料设计指南中的以下段落:
其他元素,如图标和分隔线,也受益于黑色而不是纯色的 alpha 值,以确保它们适用于任何颜色的背景。
这是什么意思?00 alpha 值将是完全透明的,对吗?
alpha 值在 RGBA 颜色空间中用于指示颜色的透明度。alpha 值从 0 到 1,其中 0 完全透明,1 完全不透明。
这允许进行“alpha compositing”,用外行术语来说,就是将图像放置在背景之上并组合颜色以创建透明错觉的过程。有关此颜色空间的更多信息,您可以谷歌“rgba 颜色空间”或访问此维基百科页面
RGBA 颜色通常用 4 个值表示,每个 RGB 分量 3 个,最后一个表示 alpha 值(例如 (0,0,0,0.5)),尽管在您引用的颜色样式文档中它们被表示在十六进制 RGB 值前面有一个 % 值(例如 50% (#000000))。
至少在参考文档的范围内,“黑色的 alpha 值”将是指示 RGBA 空间中以黑色作为其 RGB 值 (0,0,0) 的任何颜色的一种简短方法。它们的范围从 100% 纯黑色 (0,0,0,1) 到通过所有可能的透明度值的完全半透明黑色 (0,0,0,0)。
因此,例如,黑色的 57% alpha 值,表示为 57% (#000000),将是“黑色的 alpha 值”,其中 alpha 等于 0.57,表示它是 57% 不透明的。
在此图像中,您可以看到颜色样式文档中建议的“黑色 alpha 值”。我将它们放在白色和红色的顶部,这样你就可以看到“alpha compositing”的效果。
完整的上下文如下:
对灰色文本、图标和分隔线使用 alpha 值
为了传达信息的层次结构,您可以对文本使用不同的阴影。白色背景上的文本的标准 alpha 值为 87% (#000000)。视觉层次结构中较低的辅助文本的 alpha 值应为 54% (#000000)。用户的文本提示,如文本字段和标签中的提示,具有更低的视觉突出度,并且应该具有 26% 的 alpha 值 (#000000)。
其他元素,如图标和分隔线,也受益于黑色而不是纯色的 alpha 值,以确保它们适用于任何颜色的背景。
此外,还有两个示例图像。
问题是:他们似乎在使用“阿尔法值”的新定义。
此外,他们引用的 hex-rgb 值不正确,示例百分比是针对他们在黑色背景上的白色文本的图示示例(文本说这些值是针对白色上的黑色文本)。
据我所知,他们建议您在指定文本和规则时除了使用颜色值之外还使用透明度值。
对于图标,也许他们建议您对项目进行轮廓化并提供非白色 Alpha 通道,而不是固定颜色遮罩,以便您可以通过编程方式更改颜色,而无需为每个可能的值提供新的艺术。
TLDNR;该部分写得不好,需要编辑