开源组件采集
随笔
在进入一个项目时，这个项目通常只有两种情况：从"0"开始的项目 & 已经突破了"0"，正在持续迭代优化的项目。
对于从"0"开始的项目个人认为相对较好入手和把控一些。确认好设计风格后，即可在此基础上开展统一的视觉语言、基础识别系统、和组件库规划等，并在每次的迭代开发中，把控前端输出的产品样式外观还原度；
而对于已经在迭代的项目，设计切入时就需要结合多方因素去考虑工作的主次。因为这类项目往往存在很多的痛点，比如代码堆积后的改版难易度（开发工作量）、线上客户改版体验、领导对于这个项目的迭代规划等等。
针对这两种不同阶段的项目，或有一个好的稳定的开始、或有一个逐步优化的切入点，都需要在组件和视觉的统一性上做足功夫，所谓磨刀不误砍柴工我觉得用在这里就很贴切。
那么，如何做好这个前期的视觉统一性和组件的系统性。
第一，了解分析项目的使用环境和受众；
第二，整理项目中的元件，从元件层级进行样式的统一；
第三，元件的样式统一后，对元件组成的部件进行样式的规范；
第四，形成可参考及具备操作性的文档存档，以便于在项目的长期迭代或人员变更后的样式依据。
开源组件库收集
1.antdesign/阿里
Ant Design - 一套企业级 UI 设计语言和 React 组件库
基于 Ant Design 设计体系的 React UI 组件库，用于研发企业级中后台产品。
2.element ui/饿了么
Element - The world’s most popular Vue UI framework
Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
3.semidesign/抖音
Semi Design
Create a consistent, good-looking, easy-to-use, and efficient user experience with a user-centric, content-first, and human-friendly design system
4.LEGAOD Design/京东/中后台
LEGAO Design - 一套 PC 端的 React 组件库
PC端 React 组件库
5.NUTUI/京东/移动端
NutUI - 移动端组件库
京东风格的轻量级移动端组件库
6.ARCO Design/字节跳动
Arco Design - 企业级产品的完整设计和开发解决方案
