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