Skip to content

Design Token

本质

在我看来,设计系统其本质是一个约束系统,通过制定系统性的规范,来对其他协同人员进行约束,以尽量减少设计差异,尽最大可能的保证设计一致性;它的约束范围涵盖很广,既包含了其他设计协作人员,也包含了下游的研发人员。甚至在某种程度上,对上游对接方、业务方、产生约束影响;

但从另一个角度看,其也是一个效率协同系统,通过一体化的设计规范,让其他设计人员能够更快地参与到设计协作中,减少了不必要的培训流程,也减少了设计人员“天马行空”式发散设计,保证产出的一致性。也能让 UI 设计人员有更多精力专注到设计本身和设计创造的工作上来。

设计系统的核心是通过设计约束和设计协同,为团队提高一致的样式和交互指南,帮助同一个团队设计不同产品呈现出统一的设计风格,节省重复设计的时间,让团队更加简单高效。

它包含了什么?

设计系统本身是一个可重复使用的设计资源库指导规范; 其中设计资源库包含了一系列的元素,组件库颜色库字体等; 指导规范包含了设计方向前端指南交互规范等完整标准。

将这些内容资源、规范,进行标准化、数据化,组成了一个个标准设计参数,即 Design Token 。公司内部设计协同人员和上下游,以通过调用这些 Token,以实现规范复用和落地,使得大规模设计更加简化。

目前市面上已经有许多很便捷的参数管理调用工具(比如 figma),可以帮助相关人员很方便的使用和维护它。

官方标准?

设计本身因人而异因时而异因事而异,并没有唯一真理性标准。特定公司和组织的设计系统具体内容和实现方式因公司而异,具体取决于设计实践的规模和成熟度以及产品团队的需求。

即便如此,我们也可以参考一些优秀的设计资源,来辅助我们打造更合适的设计系统。你可以参考设计资源

特别鸣谢

特别感谢 B 站新像素-草帽老师,在我学习过程中,对我帮助和启发很大。

内容原创 - 严禁转载