个严格的系统,您只能从内部调色板中指定一种颜色,也就是说,您不能在令牌值中写入任意的十六进制颜色代码。可以将 alpha 参数添加到标记值中以指定颜色的额外透明度。我们计划使用此参数为控件添加禁用和触摸状态,这样我们就不必向调色板添加具有不同透明度的相同颜色。
目前,该计划中已有超过 150 个代币。每个控件都 手机号码数据 有全局变量和完全定义的样式,以及不适合更合乎逻辑的统一的独特情况,例如消息气泡样式。
常用代币
常用令牌的示例
比较重要的一点是,token的名字需要清晰简洁,以便于快速的找到。选择了以下命名原则:从大到小。按照这个逻辑,在全局样式中首先指示一般类型,在组件中按顺序指示名称、状态,最后指示具体的重绘元素。如果可能的话,标记应该 利基分析工具评论 是通用的——反映类型和语义,而不是特定情况下的位置和内容。
该计划的进一步工作
Sketch 和 Zeplin
下一步是向开发人员提供有关布局中使用的令牌的清晰信息。为此,我们将令牌可视化为一个符号,除了名称之外,还有深色和浅色主题中使用的颜色的预览,以及调色板中颜色的名称。
我们在编译了大部分方案之后
以符号的形式生成了这样的标记,并且已经有了相当多的标记。为了避免手动编译它们,我们准备了一个小插件,它可以提取当前版本的 JSON 模式,并以模板中的符号形式从中生成标记,用颜色库的一般样式替换颜色。使用相同的插件,我 电话线索 们生成一个库更新:添加新的令牌并更新现有令牌的值。库中的符号在所有使用它的布局中都会更新。