在我们进行网站建设的时候，经常会提到网站设计风格指南和设计系统，不管是网站设计风格指南还是设计系统都是为了把网站做的更好，那这两者之间有什么区别呢？

一个设计系统整合了风格、组件、行为模式，形成了品牌的视觉语言。当品牌还有一个应用程序、一个个人帐户、一个在线商店，并且除了网站之外还有不同的团队正在处理它们时，就会使用该系统。系统组件可能因情况而异，但大多数情况下，这些是指南、UI 套件、模式、前端开发人员的文档，甚至是专门的设计团队。

设计系统是在完成项目工作后创建的，并为创建新的网站设计页面提供基础。这将有助于前端开发人员和设计人员开发新的产品可视化并减少下一阶段工作的测试时间。创建设计系统需要付出努力和时间，但在未来，以单一形式创建新网站页面将比仅使用 UI 套件快得多。

指南和品牌手册 - 指南描述了公司徽标、版式和颜色的使用。这是任何设计系统的基础。风格指南（风格指南）——与指南类似，描述视觉风格（如指南）并包括涵盖文本风格和消息情绪的编辑政策。

设计系统与样式指南和 UI Kit 之间的主要区别：UI-kit和guideline是产品，设计系统是方法论；项目设计完成后组装UI-kit；至少完成一个项目，就建立了一个设计体系，有数据可以分析；如果你的页面和内容很少，你可以限制自己在UI-kit，其他情况下，你应该在指南中注册元素的行为和项目规则；当在一个品牌设计下处理多个项目时，您将需要您的设计系统来统一和简化未来的工作。