正文
当然，文字的语义化功能是有限的，也只是 Design Token 最终的一个呈现。想要真正增强“画面感”，让大家能读、能理解还需要我们在 Design System 中建立一整套对应的系统，并让大家对它们有着清晰的记忆。
这里我们将继续以 Salesforce 的 Lightning Design System 为例，来给大家进行 Design Token 的详细分析。
Lightning Design System 的 Design Token
Token 原本的意思是令牌，在工程逻辑中用于用户身份与服务器端进行验证操作。
而在 Design System 的领域中，Design Token 的定义更像是设计变量。对设计变量名称的合理定义可以让属性参数更容易理解，也更便于对产品风格的控制。
Salesforce 在文档中也对他们的定义作出了一段解释，简单来说就是：
Design Token 是设计系统中的视觉设计原子。它们是一组有着统一命名规则的实体，用于存储视觉设计部分的具体参数，比如 HEX 色值、间距、尺寸的像素等。使用它可以有帮助为 UI 开发工作维护一套具备可扩展性、一致性的视觉体系。
举个例子，在背景色部分 Lightning 定义了（节选） notification、badge hover、error dark 等 token，并在建立样式体系的过程中为其定义了具体的色值。
于是在开发的过程中，大家所看到的将是更为语义化的描述。如果需要调整产品的整体风格，只要这套体系的搭建足够的健壮，整个实施过程将变得更加的高效且安全。
Lightning 定义了一整套 Token，包含如下几类属性：
-
Background Color
-
Text Color
-
Border Color
-
Font
-
Font Size
-
Opacity
-
Line Height
-
Spacing
