最近幾年，設(shè)計(jì)系統(tǒng)非常火。不管是 2C 還是 2B，很多大公司（甚至是政府）都構(gòu)建了自己的設(shè)計(jì)系統(tǒng)。如果你想學(xué)習(xí)別人是如何搭建設(shè)計(jì)系統(tǒng)、組件庫(kù)和交互規(guī)范，最快的方式就是研究他們的設(shè)計(jì)源文件。
△?alexpate/awesome-design-systems
△?Examples
△?Adele – Design Systems and Pattern Libraries Repository
從這些 Design System Repo 中可以看出，大部分設(shè)計(jì)團(tuán)隊(duì)都選擇用 Sketch 來(lái)搭建設(shè)計(jì)規(guī)范和可復(fù)用的組件庫(kù)。這里收集了 24 個(gè)公開的官方 Sketch 組件庫(kù)，源文件資源可以下載。
1. Apple UI Design Resources
下載地址：Design Resources - Apple Developer
2. Google Material Design
下載地址：Sticker sheets & icons - Resources - Material Design
3. Ant Design 螞蟻金服
下載地址：A UI Design Language
4. Salesforce Lightning Design System
下載地址：Downloads - Lightning Design System
5. GE Predix Design System
下載地址：Predix Design System
6. Shopify Polaris
下載地址：Resources - Shopify Polaris
7. VMware Clarity
下載地址：https://vmware.github.io/clarity/news
8. Palantir Blueprint
下載地址：Blueprint - Documentation
9. Atlassian
下載地址：Web GUI pack | Atlassian Design
10. Nutanix Design System
下載地址：Nutanix UI Visual Guideline 2.0
11. Trello Nachos
下載地址：Nachos | Trello
12. IBM Carbon
下載地址：Carbon Design System
13. Priceline Design System
下載地址：Priceline One Design System
14. Microsoft Fluent Design System
下載地址：Design Universal Windows Platform (UWP) apps
15. U.S. Web Design System
下載地址：https://designsystem.digital.gov/getting-started/designers/
16. Morningstar Design System
下載地址：http://designsystem.morningstar.com/getting-started.html
17. Element 餓了么
下載地址：Element
18. MongoDB Design
下載地址：MongoDB Design
19. Audi
下載地址：User Interface / UI Introduction
20. Hewlett Packard Grommet
下載地址：Grommet
21. WeUI 微信
下載地址：weui/weui-design
22. macOS UI Library (非官方，由 Sketch 團(tuán)隊(duì)維護(hù))
下載地址：macOS UI Library
23. Mand Mobile 滴滴
下載地址：Mand Mobile
24. Auth0 Cosmos
下載地址：Cosmos - Auth0 Design System
再安利一個(gè) Sketch 插件
Automate-Sketch 插件的作者 @Ashung Hung?出了一款新插件 Ashung/design-systems，可以快速幫你找到最新的設(shè)計(jì)系統(tǒng)。
△ https://github.com/Ashung/design-systems
作者社交網(wǎng)絡(luò)賬戶：
- 知乎：https://www.zhihu.com/people/jamiefang/activities
- 推特：https://twitter.com/jamiefang
- 追波：https://dribbble.com/jamiefang
圖片素材作者：rybaki
「設(shè)計(jì)系統(tǒng)好文合集」
- 《大型的視覺(jué)設(shè)計(jì)系統(tǒng)都是怎么設(shè)計(jì)出來(lái)的？》
- 《從設(shè)計(jì)指南說(shuō)起，詳解iOS系統(tǒng)組件分類體系》
- 《超全面總結(jié)！「完美」的字體系統(tǒng)搭建與維護(hù)指南》
================明星欄目推薦================
優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛(ài)好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺(jué)效果。
設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備： http://hao.uisdc.com
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng)，未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論！每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后，在評(píng)論區(qū)留言，系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今，是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái)，提供獎(jiǎng)品贊助 聯(lián)系我們
AI輔助海報(bào)設(shè)計(jì)101例
已累計(jì)誕生 753 位幸運(yùn)星
發(fā)表評(píng)論 為下方 19 條評(píng)論點(diǎn)贊，解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓