筆者近兩年為了給公司產(chǎn)品制定合理的設(shè)計(jì)規(guī)范，參考了許多國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)規(guī)范，趁著這次機(jī)會(huì)做一個(gè)整理，而且這些設(shè)計(jì)規(guī)范基本上都是附帶 Sketch 源文件的，非常值得大家下載學(xué)習(xí)、參考和使用。

1、Material Design
由 Google 設(shè)計(jì)團(tuán)隊(duì)推出的 Material Design 一經(jīng)發(fā)布就紅遍了全球設(shè)計(jì)界，多個(gè)富有突破性的設(shè)計(jì)理念，將理性與感性相結(jié)合的完美標(biāo)準(zhǔn)，使得越來(lái)越多的人基于 Material Design 制作了自己產(chǎn)品的設(shè)計(jì)規(guī)范。

除了谷歌官方的 Sketch 組件庫(kù)外，還有一個(gè)基于 Material Design 色板的 Sketch 源文件下載，用起來(lái)非常方便。

Material Design 官方相關(guān)源文件下載

Material Design 色板 Sketch 源文件下載

2、iOS Human Interface Guidelines
iOS 的設(shè)計(jì)規(guī)范其實(shí)并沒(méi)有 Material Design 那么具體和細(xì)節(jié)，但作為一個(gè) iOS 平臺(tái)的設(shè)計(jì)人員還是需要把它們的設(shè)計(jì)理念爛熟于胸。

對(duì)于 iOS 平臺(tái)的 Sketch 組件庫(kù)，我只推薦兩個(gè)，一個(gè)是 Facebook 推出的 iOS 10 組件庫(kù)，另外一個(gè)是由 Apple 官方推出的組件庫(kù)，同樣都有 Sketch 源文件。

iOS 官方組件庫(kù)下載地址

Facebook iOS GUI 下載地址

3、Lightning Design System
Lightning Design System 是由 Salesforce 團(tuán)隊(duì)推出的一個(gè)設(shè)計(jì)規(guī)范，它們的規(guī)范文檔也是相當(dāng)完整而且可參考性很強(qiáng)，推薦大家研究，同時(shí)它們也有 Sketch 組件庫(kù)可供下載。

Lightning Design System 官方文檔

Sketch 源文件下載地址

4、Ant Design
這是由螞蟻金服體驗(yàn)技術(shù)部設(shè)計(jì)開(kāi)發(fā)的一種設(shè)計(jì)語(yǔ)言，其中涵蓋了大量跟 UE 相關(guān)的設(shè)計(jì)理念、交互模式、視覺(jué)規(guī)范等等，具有極強(qiáng)的參考價(jià)值，非常適合英語(yǔ)不好的小朋友理解 UE 的一些理念（比如我）。

除此之外，他們還基于 Ant Design 推出了 Sketch 組件庫(kù)、Axure 元件庫(kù)等等，強(qiáng)烈推薦好好研究學(xué)習(xí)。

Ant Design 相關(guān)資源下載

5、Element
這是由餓了么 UED 設(shè)計(jì)開(kāi)發(fā)的基于 Vue 的前端組件庫(kù)，雖然在很多交互模式和組件樣式以及設(shè)計(jì)理念上都參考了 Ant Design，但是也做了一些自己的修改和調(diào)整。

他們同樣也推出了 Axure 元件庫(kù)文件以及 Sketch 組件庫(kù)，有興趣的朋友可以參考研究一下。

Element 相關(guān)資源下載

由國(guó)外 Shopify 團(tuán)隊(duì)推出的 Polaris 設(shè)計(jì)規(guī)范也有比較不錯(cuò)的參考價(jià)值，而且內(nèi)容非常豐富完整，感興趣的朋友可以查看官方文檔好好研究一下，他們同樣提供 Sketch 組件庫(kù)。

Polaris 相關(guān)資源下載

7、WeUI
由微信團(tuán)隊(duì)推出的可以用于微信小程序設(shè)計(jì)的 Sketch 組件庫(kù)，用起來(lái)也很方便，有微信端設(shè)計(jì)需求的朋友可以參考。

WeUI 相關(guān)資源下載

8、Atlassian Design![由國(guó)外知名軟件企業(yè) Atlassian 推出的設(shè)計(jì)語(yǔ)言，涵蓋了品牌、營(yíng)銷、產(chǎn)品相關(guān)的設(shè)計(jì)規(guī)范和理念，其豐富程度僅次于 Material Design，可以說(shuō)給了設(shè)計(jì)師很多參考與幫助，另外還提供了非常完整詳細(xì)的 Sketch 組件庫(kù)，強(qiáng)烈推薦大家研究學(xué)習(xí)！

設(shè)計(jì)團(tuán)隊(duì)官網(wǎng)

GUI Sketch 組件下載

寫在最后：

將設(shè)計(jì)規(guī)范做成 Sketch 組件庫(kù)甚至 Axure 元件庫(kù)其實(shí)任務(wù)量很大，但是這項(xiàng)工作做好了能夠大大提高產(chǎn)品、設(shè)計(jì)、開(kāi)發(fā)團(tuán)隊(duì)的協(xié)作效率，感謝這些團(tuán)隊(duì)對(duì)設(shè)計(jì)領(lǐng)域做出的貢獻(xiàn)！](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)

總結(jié)

以上是生活随笔為你收集整理的常见设计规范与 Sketch 源文件下载集合的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。