你好！
社区亲爱的读者，我很高兴回到您身边，分享在IT公司Omega工作中获得的经验和知识。
设计系统的主题似乎已经被各个方面考虑：您可以找到许多文章，帖子，报告和其他材料。尽管如此，遇到这个词的每个人都有很多问题。我将尝试详细回答主要问题：
什么是设计系统？
这是为了什么
如何创建呢？
什么是设计系统？
让我们按顺序整理一下。设计系统是三个实体的组合：
视觉语言就是我们所看到的。
框架-可视语言库，其代码。
准则-有关一切外观和应用方法的规则。
可以认为设计系统是任何IT产品中的独立产品。
视觉语言
设计系统的视觉组件包括许多元素，主要包括：
色彩
UI-
– . , , . - , , , .
, , -, , , ? ? , .
Framework
– , , . .
. , « ». , « ».
, ? , . , ? , ?
, .
Guidelines
, -, « », .
, , . , - . . .
, . , ? , :
?
?
?
UI- : , .
, - . , - . , , .
-?
IT-, : -? , – « »?
. , . .
– . - .
, Figma . , , .
- . . .
– . .
, , , , .
, : , , .
IT- .
, : , , .
UX
, , . , , .
- user flow (, , ). , user flow .
- . , , .
-
-, , , .
-, - – . . - . : , - .
, - . - , .
, - - , , Figma. , UI-kit. , Figma ,
-?
-. , . , . (Brad Frost) «Atomic Web Design».
, :
创建设计系统后，重要的是弄清楚如何在公司的实践中实施它。在第二篇文章中，我将讨论如何逐步建立在任何公司中实施设计系统的过程。
我希望每个人都能从这篇文章中学到很多东西。我再次确信，本文的工作构成了知识，并激发了进一步学习的动力。
感谢您的关注！