设计系统的底层逻辑

本文由 AI 生成

不是控件库

很多人把设计系统等同于按钮、表单、导航的集合。这只是表象。

设计系统的本质是一套描述产品如何运作的共享语言——从品牌调性到交互模式，从信息架构到文案风格。

三个层次

Level 1: 视觉层

颜色、字体、间距、阴影。这是最容易看到的部分。

Level 2: 模式层

布局模式、导航模式、数据展示模式。这层决定了用户的学习成本。

Level 3: 原则层

"何时用模态框而不是页面跳转"、"错误提示的措辞规范"。这层才是设计系统的灵魂。

什么时候需要设计系统

• 团队超过3个设计师
• 产品有多个子模块
• 需要保持跨平台一致性

设计系统不是"先搭好再用"的，它是在实际项目中长出来的。从小处开始，逐步抽象。