精选 7 个大厂组件库源文件分享

感谢大家对黑马家族的关注和支持！又到了黑马哥资源分享的时间啦！

很多同学一开始接触 UI 设计，就会对设计规范比较感兴趣，而掌握规范和灵活运用规范也是至关重要的，可以让我们基于优秀案例的基础上更好的提高项目的设计质量。各大设计规范的研究也是为了让我们的设计更加严谨，更能符合用户的体验需求。

现在行业中的设计规范很多，大厂的设计规范也是层出不穷。为了方便大家掌握这些资源，黑马哥将会为大家进行整理。今天先给大家分享 7 个大厂的设计规范和组件库源文件，希望这些资源的运用可以提高大家的设计效率和设计的规范性。

一. 微信小程序组件

微信小程序由于基于微信庞大的用户量和活跃度，加上开发成本的因素，成为众多产品的优先选择。而微信小程序的设计指南有助于让设计师快速掌握小程序设计规范，在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求，实现用户与小程序服务方的共赢。

组件库下载地址：

二. 企业级B端组件：AD

Ant Design 是目前国内最实用的企业级产品开源组件库，经过大量项目实践和总结，逐步打磨出一个服务于企业级产品的设计体系。基于「自然」、「确定性」、「意义感」、「生长性」四大设计价值观，通过模块化解决方案，降低冗余的生产成本，让设计者专注于更好的用户体验。

组件库下载地址：

三. 滴滴 Mand Mobile

Mand Mobile 是面向金融场景设计的移动端组件库，目前已实际应用于滴滴四大金融业务板块的10余款产品中，适合新手设计师学习搭建组件库。

组件库下载地址：

四. 京东 Taro UI

Taro UI 是一款基于 Taro 框架开发的多端 UI 组件库，由京东·凹凸实验室倾力打造的多端开发解决方案。这套组件可以在微信小程序、支付宝小程序、百度小程序、H5等多端进行适配，使用非常灵活。

组件库下载地址：

五. 有赞 Zan Design

Zan Design 是有赞打磨出的一套服务于产品设计的设计模式和实践方法，提供了设计所需的各方面的指导、资源，能够有效地提升设计师与开发者之间的协作效率，降低生产成本，使设计师能专注于打磨更好的用户体验。

组件库下载地址：

六. iOS 系统组件

iOS 的设计规范和指南对产品设计的影响还是比较明显的，在设计指南中也提供了很多设计资源供设计师使用。资源包含：iOS 和 iPadOS、苹果系统、手表操作系统、操作系统和各类设计模板等。

组件库下载地址：

七. 字节 ArcoDesign

ArcoDesign 由字节跳动 GIP UED & 架构前端团队联合打造的一款企业级设计系统。旨在让社区听见更多的声音，同时让公司创造“最佳实践”的设计系统，为更多中小型企业及个人设计师和开发者提效，创造更多高效美观的 “最佳实践”。

组件库下载地址：

小结

行业中的设计规范和组件库资源很多，都是集合了自家产品的特点进行输出的，我们在使用的过程中也要结合自己的业务特点和实际的团队情况。规范是死的人是活的，不要束缚于规范，而要凌驾于规范做出属于自己特色的设计作品。

本期先为大家推荐这 7 个比较常用的设计资源，后期将会继续为大家补全更多的规范资源。

作者：黑马青年（vx: heimaux）

本文由 @黑马青年原创发布。未经许可，禁止转载。