从落地到上线——设计规范全面构建指南

1）组件说明文档

2）设计过程说明文档

开发层面-高效沟通，减少重复

基于UIkit创建的组件库，帮助他们在最终产品中保持代码的一致性和复用性。并且设计语言作为一种工具，是整个团队顺畅沟通的最重要的语言。所以我们确保我们的设计语言，是能够让开发，产品都懂，并在第一时间执行的。既然是语言，那么每个元素都会有自己都名字。每个组件，甚至每个组件中不同属性的元素我们也赋予它名字。

"无名万物之始，有名万物之母。"—《道德经》

我们的祖先发明语言文字的过程，其实就是一个给万事万物命名的过程。而名字是连接人和世界的渠道。名字也是主观的，因此它有情感温度，也会有文化偏见和个人信息资产的反应。所以我们需要给设计系统中的每一种组件都有属于它的名字，才能让它成为一种专属于你们产品的特殊语言。

不单单是色彩，我们对字体，icon，以及间距等也定义了尺寸。给抽象事物以不同的命名来赋予它意义。也能让使用者能高效使用它的价值。

设计层面-高效输出，快乐传承

设计师们可以更加便捷高效地创建，分享，定义设计界面的内容。此外，在设计传承方面，也能让我们更好地将设计原则传递给新人。

场景：

设计师a："此次版本迭代涉及到优惠券页面的优惠，这个页面的字体和颜色有规范吗？"

设计师b："有的。请参照设计规范。"

不同设计师在接到需求开始设计以后的担心：怕风格有差别，怕页面不统一，也就是修改！辛苦做好页面以后发现和别的同时做的差别很大，也不符合产品整体品牌调性，陷入循环改稿中。此时设计规范就是迭代的明灯，天上的北斗七星，指引方向让你不偏离终点的方向。

同步更新

设计资产的目标用户，除了团队中的前端开发，那么最大受益者其实就是设计师们。设计系统的一大优点便是修改设计系统中任何一个原子，整个系统所有这个原子都能感知到。这便是设计系统都可持续性，统一性。也是设计系统的基础。

自定义内容

组件中的内容都可自定义进行修改

解放重复生产力

"Here's the simple truth: you can't innovate on products withoutfirst innovating the way you build them. "

—— Alex Schleifer

这句话的道理和我们的设计原则中第一性原理相通，从原理出发，一步步往前推演，直到找出适合该问题的解决方法。这和在构建设计系统的时候是一个道理。学习从元认知能力开始，而组件一个系统，从元件开始。埃隆马斯克从组成汽车的发电机开始思考，创办了特斯拉；从底层元素的创新开始，才会有产品整体性的创新。

原文链接： https://www.yuque.com/jiuxia/lmxmbp/sk0fym

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/