Token规范

简介

随着B2B业务的逐渐发展,业务演进到 “平台化、垂直市场、采购市场” 阶段时,UI 也面对了更多的问题和挑战:“周期性业务的品牌更新”,“不同品牌的多种垂直业务同期构建”,“众多相似的后台系统构建”,“跨业务/部门的设计、前端协作问题”。

于是我们通过在前端与设计师之间构建出一套“翻译”方式,来解决设计师内部协作的一致性问题,解决一群设计师与工程师如何规模化的生产各种业务的问题,这就是Design Token。Design Token 通过将设计构建UI样式时使用的基本元素(色彩、圆角、字体、距离、投影、线条粗细……)Token化,将品牌与模式解耦;

在每一次UI流行趋势的到来时,不再需要前端在每一个页面修改代码的方式去更新迭代,而是将相应Token中的样式值修改即可实现品牌的一次次升级;

例如:当前品牌色需要升级,界面整体灰色系调性需要改变,当年流行松散清晰的排版风格,我们只需要在Token中将色值替换,距离的基础值加大,即可实现全站的品牌升级,或是全站的子品牌创建。

了解具体Token设计标注规范, 点击这里

下一篇: 色彩