常见设计规范与 Sketch 源文件下载集合

Posted 2022-04-02 格格巫 MMQ!!

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

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

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

Material Design 官方相关源文件下载

Material Design 色板 Sketch 源文件下载

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

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

iOS 官方组件库下载地址

Facebook iOS GUI 下载地址

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

Lightning Design System 官方文档

Sketch 源文件下载地址

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

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

Ant Design 相关资源下载

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

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

Element 相关资源下载

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

Polaris 相关资源下载

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

WeUI 相关资源下载

8、Atlassian Design![由国外知名软件企业 Atlassian 推出的设计语言，涵盖了品牌、营销、产品相关的设计规范和理念，其丰富程度仅次于 Material Design，可以说给了设计师很多参考与帮助，另外还提供了非常完整详细的 Sketch 组件库，强烈推荐大家研究学习！

设计团队官网

GUI Sketch 组件下载

写在最后：

将设计规范做成 Sketch 组件库甚至 Axure 元件库其实任务量很大，但是这项工作做好了能够大大提高产品、设计、开发团队的协作效率，感谢这些团队对设计领域做出的贡献！](https://img-blog.csdnimg.cn/32ae6613ab964733afae14708f7b7ba8.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qC85qC85berIE1NUSEh,size_20,color_FFFFFF,t_70,g_se,x_16)