超全面！5个高质量的设计规范和Sketch 源文件免费下载

编者按：近两年为了给公司产品制定合理的设计规范，参考了许多国内外优秀的设计规范，趁着这次机会做一个整理，而且这些设计规范基本上都是附带 Sketch 源文件的，非常值得大家下载学习、参考和使用。

一. Material Design

Material Design 官方相关源文件下载

Material Design 色板 Sketch 源文件下载

由 Google 设计团队推出的 Material Design 一经发布就红遍了全球设计界，多个富有突破性的设计理念，将理性与感性相结合的完美标准，使得越来越多的人基于 Material Design 制作了自己产品的设计规范。

除了谷歌官方的 Sketch 组件库外，还有一个基于 Material Design 色板的 Sketch 源文件下载，用起来非常方便。

想要深入学习 Material Design 的朋友们，看这几篇Material design学习资料就够了。

• 《追随谷歌的设计！MATERIAL DESIGN组件中的学问》
• 《重磅教程！帮你全面彻底搞定MATERIAL DESIGN的学习笔记》
• 《学霸的自学笔记！MATERIAL DESIGN设计规范学习心得》
• 《超赞！谷歌设计师的MATERIAL DESIGN实践心得》
• 《从设计指南说起，详解Material Design体系组件》

二. iOS Human Interface Guidelines

iOS 官方组件库下载地址

Facebook iOS GUI 下载地址

iOS 的设计规范其实并没有 Material Design 那么具体和细节，但作为一个 iOS 平台的设计人员还是需要把它们的设计理念烂熟于胸。

对于 iOS 平台的 Sketch 组件库，我只推荐两个，一个是 Facebook 推出的 iOS 10 组件库，另外一个是由 Apple 官方推出的组件库，同样都有 Sketch 源文件。

说到 iOS 设计规范，设计师们可千万别错过这篇好文→ 《优设独家！可能是最全面的 iOS 11 学习指南》

三. Lightning Design System

Lightning Design System 官方文档

Sketch 源文件下载地址

Lightning Design System 是由 Salesforce 团队推出的一个设计规范，它们的规范文档也是相当完整而且可参考性很强，推荐大家研究，同时它们也有 Sketch 组件库可供下载。

四. Ant Design

Ant Design 相关资源下载

这是由蚂蚁金服体验技术部设计开发的一种设计语言，其中涵盖了大量跟 UE 相关的设计理念、交互模式、视觉规范等等，具有极强的参考价值，非常适合英语不好的小朋友理解 UE 的一些理念（比如我）。

除此之外，他们还基于 Ant Design 推出了 Sketch 组件库、Axure 元件库等等，强烈推荐好好研究学习。

五. Element

Element 相关资源下载

这是由饿了么 UED 设计开发的基于 Vue 的前端组件库，虽然在很多交互模式和组件样式以及设计理念上都参考了 Ant Design，但是也做了一些自己的修改和调整。

他们同样也推出了 Axure 元件库文件以及 Sketch 组件库，有兴趣的朋友可以参考研究一下。

六. Polaris

Polaris 相关资源下载

由国外 Shopify 团队推出的 Polaris 设计规范也有比较不错的参考价值，而且内容非常丰富完整，感兴趣的朋友可以查看官方文档好好研究一下，他们同样提供 Sketch 组件库。

七. WeUI

WeUI 相关资源下载

由微信团队推出的可以用于微信小程序设计的 Sketch 组件库，用起来也很方便，有微信端设计需求的朋友可以参考。

由微信团队推出的可以用于微信小程序设计的 Sketch 组件库，用起来也很方便，有微信端设计需求的朋友可以参考。

对微信小程序还不太了解的朋友们可以看看这篇→ 《收藏起来！可能是最全面的微信小程序开发设计指南（附实战案例）》

写在最后：

将设计规范做成 Sketch 组件库甚至 Axure 元件库其实任务量很大，但如果这项工作做好了能够大大提高产品、设计、开发团队的协作效率。最后，感谢这些团队对设计领域做出的贡献！

优设人气专题

中文字体下载丨优设独家专访丨在线抠图神器丨灵感大全

免费图库丨配色神器丨读书计划丨PPT 神器丨鲁班设计

iOS 11 学习指南丨人工智能丨PS 教程丨AI 教程丨C4D 教程

================明星栏目推荐================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备：http://hao.uisdc.com