设计规范及开源UI组件库网站资源汇总

下面分享几个前端常用的组件库以及一些国内外大厂的设计规范，对于我们设计规范的制定有一定的指导意义。

1.Element桌面端组件库

这个组件库是我们公司前端人员常使用的一个组件库，里面组件设计十分简洁，颜色也很好看，可以无需调整直接拿来使用了，对于一些网站后台的设计特别适用，而且可以直接下载Sketch组件库，设计直接取用，非常方便。

2.Ant Design蚂蚁金服框架

链接地址1：https://ant.design/（开发）

链接地址2：https://mobile.ant.design/（mobile）

链接地址4：https://motion.ant.design/（动效）

Ant Design也是前端人员用的比较多的一个组件库，里面也有非常多的一些设计资源可以下载，一些设计规范也是很有指导意义，可以多看看。

3.iView开源UI组件库

链接地址：https://www.iviewui.com/

iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。这个平台是比较早的一个组件库，但现在基本不更新了，基本已经被Element替代。

4. iOS Human Interface Guildeline —— Apple

链接地址：https://developer.apple.com/

苹果设计规范值得好好看一看，里面有最新的iOS组件可以下载。

5.Material Design —— Google

链接地址1：https://material.io/design/（设计）

链接地址3：https://material.io/develop/（开发）

谷歌的Material Design值得好好学习一下。

6.其他大厂设计规范

Facebook Design：http://facebook.design/

Microsoft Design：https://www.microsoft.com/design/fluent

Firefox(火狐)：https://design.firefox.com/photon/welcome.html

IBM：https://www.ibm.com/design/language/

Yelp(美国最大的点评网站)：https://www.yelp.com/styleguide

Uber：https://www.uber.design/#menu

Brand Style Guide Examples（品牌设计规范汇总）：

https://saijogeorge.com/brand-style-guide-examples/