设计系统的呼吸感

设计系统发展到今天，已经很难再为「组件库」写一篇有意义的文章——按钮、输入框、卡片，这些东西的规范几乎已经标准化。真正困难的是另一件事：当几十个设计师在不同页面上使用这套系统时，成品为什么有的像出自同一只手，有的却像拼贴画？

答案通常不在颜色和字体里，而在间距。颜色和字体是显性的语言，间距是隐性的语法。组件之间 8px 还是 16px 的差异，单看无伤大雅；但当这种差异在不同页面上反复出现，页面就开始「散」。

所以我们给系统定的第一条规则不是色板，而是节奏：所有间距必须是 4px 的倍数，行高统一使用 1.6 与 1.9 两档，区块之间的留白永远大于区块内部的留白。规则只有三条，但每一条都回答同一个问题——元素之间应该怎么呼吸。

系统需要规则，更需要被规则约束出来的气质。判断一套设计系统是否成立，不要看它的文档页，去看它被实际使用一个月后的页面：那些页面之间共享的、说不清道不明的「像」，才是系统真正的价值。