編者按：近兩年為了給公司產品制定合理的設計規范，參考了許多國內外優秀的設計規范，趁著這次機會做一個整理，而且這些設計規范基本上都是附帶 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