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

一. Material Design

Material Design 官方相关源文件下载

Material Design 色板 Sketch 源文件下载

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

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

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

 

二. iOS Human Interface Guidelines

iOS 官方组件库下载地址

Facebook iOS GUI 下载地址

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

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

 

三. 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 组件库,用起来也很方便,有微信端设计需求的朋友可以参考。