以符号形式出现的代币我们在布局旁边添加这样的标记,并将所有内容一起发送给 Zeplin。如果从名称上看不太清楚,或者您需要明确标记属于哪个元素,请添加描述并将标记分成几部分,描述特定的元素。使用Sketch Runner插件通过符号名称快速搜索,我们以布局注释的形式获得了我们自己的黑暗主题描述构造函数。
如何添加所用令牌的描述
添加所用令牌的描述
对于如何将令牌嵌入布局并随后发送给 Zeplin,我 Viber 数据库 们还没有找到更原生、更简单、更直观的解决方案。虽然 Zeplin 允许您命名唯一的颜色,但在我们的方案中,一种颜色可以在多个标记中使用。
我们不需要为数百个屏幕中的每一个绘制一个黑暗版本
而是简单地以标记的形式描述所有内容,从而节省设计师的时间。所有可用的组件令牌值均已测试,您只需替换正确的即可。唯一的事实点是 UI Kit – 在其中您 能准确地指出阻碍你前进的因素 不仅可以找到组件的当前状态,还可以找到其使用的令牌。
在测试阶段检查截图时就已经可以发现暗色主题实施中的错误。测试人员可以自己注意到明显不正确的颜色并向设计师寻求帮助——他们所需要的只是正确令牌的名称来解决问题。
架构更新
当您需要通过替换现有令牌的值或创建新令牌的值来更新模式时,您只需编辑 JSON 文件。为此,我们调出方案的当前版本并在文本编辑器中进行更 电话线索 改,同时不要忘记在添加令牌时指定所有主题的值。我的计划包括为自己制作一个应用程序,以便我以更简单的方式编辑图表,但现在这就足够了。