为颜色提供语义别名的指南。
通过实际的色阶名称引用色阶可以很好地工作,例如 blue
和 red
。但通常,创建诸如 accent
、primary
、neutral
或 brand
的语义别名会很有帮助,尤其是在主题方面。
使用这种方法,你可能会遇到需要为多个语义使用相同色阶的情况。常见的例子包括
yellow
映射到“警告”,你可能还需要 yellow
来传达“待处理”。red
映射到“危险”,你可能还需要 red
来传达“错误”或“拒绝”。green
映射到“成功”,你可能还需要 green
来传达“有效”。blue
映射到“accent”,你可能还需要 blue
来传达“info”。在这种情况下,你可以选择定义多个映射到相同色阶的语义别名。
或者,你也可以简单地建议你的团队成员在没有合适的语义别名的情况下,使用原始色阶名称。
Radix Colors 色阶中的每个步骤都针对特定用例而设计。为了帮助你的团队知道该使用哪个步骤,你可以根据设计的用例提供别名。
同样,使用这种方法,你可能会遇到需要为多个用例使用相同步骤的情况。常见的例子包括
在这些情况下,你可以选择定义多个映射到相同步骤的别名。
或者,你也可以简单地建议你的团队成员在用例没有别名的情况下,使用原始步骤编号。
在为亮模式和暗模式设计时,有时你需要将一个变量映射到亮模式中的一个颜色,以及暗模式中的另一个颜色。常见的例子包括
避免使用诸如“CardBg”或“Tooltip”之类的特定变量名称,因为你很可能需要为多个用例使用每个变量。
如果你愿意,可以重命名色阶。原因可能包括
gray
,以保持简单。sky
或 grass
重命名为 blue
或 green
,以保持命名直观。blurple
。