高级进阶 | 如何建立适合产品的设计组件库（下）
点击"小凯的设计笔记"添加关注，我们一起进步🤔🤔🤔
本文1492字，预计阅读8分钟
我们接着上篇来讲没看过上篇的，传送们《高级进阶 | 如何建立适合产品的设计组件库（上）》
按钮：
按钮也是组件库基本的组件之一，但是按钮的颜色、大小在不同的场景下会不一样，例如下图：
（点击看大图）
是按钮组件中的一个基本样式，通过Sketch我们可以根据自己的使用场景对颜色 ，文字内容，大小 进行变化。针对这些变化我们不用再单独制作控件，只需用一种即可。
（点击看大图）
......
因为篇幅关系所以其他的组件就展开讲了，通过上面几个组件模块，我们应该对组件库的建立有了一些认识。它并不复杂，只要根据产品的实际情况出发，然后考虑到几个通用的点以及每个产品特殊的情况即可。当我们把一些常用的组件建立好之后，组件库的第一阶段也就相应的完成啦。
然后我们可以看到一个组件库应该是这样的：
（部分截图，点击看大图）
又或者是这样的：
（部分截图，点击看大图）
在Symbol里面是这样的：
（部分截图，点击看大图）
又或者是这样：
（部分截图，点击看大图）
公众号里我为大家提供了30家大厂的组件库源文件。我们也可以通过研究他们的组件库，学习到他们的思考方式，组建方式等等，然后结合我们自己的实际情况出适合自己的组件库。
意见收集
通过上面的内容的讲解，一个设计组件库基本已经建立完成了，那么到底是否适合产品使用呢，我们还需要内部进一步讨论，听取各方反馈意见，进行增删改查，然后就可以正式投入使用啦。这里可以使用内部网盘，外部网盘等同步工具进行设计组件库同步方便小伙伴们云端调用。如果有小伙伴不知道怎么做呢可以看我另一篇文章《想法结合工具，让你的效率翻十倍》，或者私信我。
然而故事到这里并没有结束，只要是人做的事情就一定会有Bug，即使当时很多人讨论过觉得很完善一点毛病没有，随着时间推移我们也会发现很多新的问题出现，所以设计组件库也需要像产品需求一样迭代。所以及时总结各方的反馈意见就至关重要，可以定期对设计团队、产品经理、开发小哥等相关同事进行意见访谈，问问他们现阶段遇到的一些问题以及有什么建议，然后把这些意见收集起来进行筛选判断，然后下次更新的时候就可以把这些问题解决掉。
持续更新
根据上面的反馈意见我们要定期对设计组件库进行更新，但是越往后会发现新的问题出现。例如组件库越来越繁杂，组件越来越多，所以保持组件库的轻量化就很必要了，随着产品的更新迭代必然有些组件是会失去存在的意义的。这个时候我们就可以对这个组件按下删除键了。
组件库的更新也需要产品更新日志，这样小伙伴们才知道每次更新了那些内容，方便了解。可以通过建立一个表格来进行更新日志管理。
总结
以上是我对建立设计组件库的一点小心得，希望对小伙伴们有帮助。在我们的日常工作中会遇到很多问题，遇到问题不要慌，分析问题的本质寻找最优的解决方案。不积跬步无以至千里，当不知道怎么做的时候就从最小的入手，由简单到复杂逐步递进。我们要学会举一反三，看再多文章还是需要小伙伴们自己去实践，设计师的核心价值就是解决问题，所以加强我们解决问题的能力至关重要。
希望这篇文章对你有帮助❤️❤️❤️
我整理了30家大厂的组件库源文件文件，分享给大家，关注我的公众号回复“组件库”获取文件，期待着你的进步。
作者：Kane_D
本文由Kane_D原创发布于小凯的设计笔记。未经许可，禁止转载。
往期精彩✨✨
想法结合工具，让你的效率翻十倍
渐变质感技法：渐变配色之对比用色（上）
点击“阅读原文”更多内容等着你✨✨✨