设计令牌最有用的地方,不是描述一个颜色,而是阻止一次决策。
当规范写下"唯一的强调色是 #0066cc,别无其他"时,它并不是在小题大做。它是在让一百场未来的争论,在发生之前就消失。每一个想引入第二种强调色的设计师,都会撞上令牌这堵墙,然后退回去——产品因此保持了一致。
约束会复利
Apple 的设计语言以克制著称:一种强调色,一种阴影,一套字体家族的几种字号。这种克制不是局限——它是你在首页、商店和产品页之间切换时,感受不到接缝的那种一致性的来源。
同样的原则也适用于个人网站。这个博客有:
- 一种强调色——每一个链接、每一个按钮、每一个焦点环。
- 一种阴影——只留给图像,绝不用于界面元素。
- 一套字阶——标题用 600,正文用 400,不存在 500。
我能加更多吗?当然。网站会因此更好吗?几乎肯定不会。
令牌即 API
一份好的令牌文件,是过去的你和未来的你之间的 API 契约。过去的你说:*这是我在头脑清醒时做的决定。*未来的你说:谢谢,今晚凌晨一点,我不会再重新争论这些了。
:root {
--primary: #0066cc; /* 唯一的强调色,是的,唯一 */
--shadow-product: rgba(0,0,0,0.22) 3px 5px 30px 0; /* 仅用于图像 */
}
把你的约束写下来。未来的你会感谢你。