构建UI组件设计规范思维导图

功能一致性使你的产品更具可预测性。用户能够预测元素的行为方式

视觉一致性包括UI的颜色、字体、大小、位置和其他视觉方面，它能帮助用户识别UI元素并归类

基于组件的设计规范可以使应用程序具有视觉和功能上的一致性，这有助于用户感到宾至如归，并能够轻松地得到指导以完成与产品的所需交互

组件是用于UI设计和开发的一种很好的办法，使用较少的可重用的组件，更好地实现一致性

使用组件设计规范的优势

在创建基于组件的设计规范前，UI设计规范不是一个组件库，也是组件的颜色，对于构成整个产品体验的基本部分而言，它是一个真实来源

在制作第一个组件设计规范之前，必须设置 样式指南和设计语言来控制这些组件

Shopify使用Polaris设计系统，该设计系统包含一个内部反应组件库，旨在为使用Shopify的商家创建更一致的体验

组件库基本上是一种在团队构建应用程序时执行一系列UI组件的方法

Bit是构建组件库的新趋势。通过使用Bit，你可以组织来自云上不同项目的组件，而无需重构这些项目或现有库

每个组件都可以正在进行的任何项目中发现，使用或开发，同时可以轻松地跨代码库进行同步更改

每个组件都会显示一个实时UI操作系统 ，自动解析文档，测试结果（Bit运行组件单元测试等），以便所有组件都可以被设计和开发团队发现

建立新事物的过程中，必须对规则进行适当的调整，预留出一些空间给变量，不能因为调整让事物陷入混乱

正确的工具和工作流程对UI也有很大的帮助，像Bit和Storybook这样的工具就可以帮助促进这种平衡