我正在尝试了解Google的材料设计指南中的以下段落:
其他元素(例如图标和分隔线)也将从黑色的alpha值(而不是纯色)中受益,以确保它们可以在任何颜色的背景上使用。
这是什么意思?00 alpha值将完全透明,对吗?
我正在尝试了解Google的材料设计指南中的以下段落:
其他元素(例如图标和分隔线)也将从黑色的alpha值(而不是纯色)中受益,以确保它们可以在任何颜色的背景上使用。
这是什么意思?00 alpha值将完全透明,对吗?
Answers:
完整的上下文如下:
对灰色文本,图标和分隔符使用alpha值
要传达信息的层次结构,可以为文本使用不同的阴影。白色背景上的文本的标准alpha值为87%(#000000)。在视觉层次结构中较低的次要文本应具有54%(#000000)的alpha值。用户的文本提示(如文本字段和标签中的文本提示)的视觉突出度甚至更低,并且其alpha值应为26%(#000000)。
其他元素(例如图标和分隔线)也将从黑色的alpha值(而不是纯色)中受益,以确保它们可以在任何颜色的背景上使用。
此外,还有两个示例图像。
问题在于:它们似乎正在使用“ alpha值”的新颖定义。
此外,其引用的hex-rgb值不正确,示例百分比是其在黑色背景上的白色文本的示例示例(文本说该值适用于在白色上的黑色文本)。
据我所知,他们建议您在指定文本和规则时,除了颜色值之外,还要使用透明度值。
对于图标,也许他们建议您对商品进行轮廓处理并提供非白色的Alpha通道,而不是固定的颜色遮罩,以便您可以通过编程方式更改颜色,而无需为每个可能的值提供新的装饰。
TLDNR;该部分的文字写得不好,需要复制编辑
alpha值用于RGBA颜色空间中,以指示颜色的透明度。alpha值从0变为1,其中0完全透明,而1完全不透明。
这允许进行“ alpha合成”,换句话说,就是将图像放置在背景顶部并组合颜色以创建透明效果的过程。有关此色彩空间的更多信息,您可以Google“ rgba色彩空间”或访问此Wikipedia页面
RGBA颜色通常用4个值表示,每个RGB分量3个,alpha值的最后一个(例如(0,0,0,0.5)),尽管在“颜色样式”文档中已引用了它们%值位于十六进制RGB值前面(例如50%(#000000))。
一个“ 的黑α值 ”,至少在所引用的文件的范围,将是一个很短的方式来指示任何一个中的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合成”的实际效果。