最近几年,设计系统非常火。不管是 2C 还是 2B,很多大公司(甚至是政府)都构建了自己的设计系统。如果你想学习别人是如何搭建设计系统、组件库和交互规范,最快的方式就是研究他们的设计源文件。
△ alexpate/awesome-design-systems
△ Examples
△ Adele – Design Systems and Pattern Libraries Repository
从这些 Design System Repo 中可以看出,大部分设计团队都选择用 Sketch 来搭建设计规范和可复用的组件库。这里收集了 24 个公开的官方 Sketch 组件库,源文件资源可以下载。
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 团队维护)
下载地址:macOS UI Library
23. Mand Mobile 滴滴
下载地址:Mand Mobile
24. Auth0 Cosmos
下载地址:Cosmos - Auth0 Design System
再安利一个 Sketch 插件
Automate-Sketch 插件的作者 @Ashung Hung 出了一款新插件 Ashung/design-systems,可以快速帮你找到最新的设计系统。
△ https://github.com/Ashung/design-systems
作者社交网络账户:
- 知乎:https://www.zhihu.com/people/jamiefang/activities
- 推特:https://twitter.com/jamiefang
- 追波:https://dribbble.com/jamiefang
图片素材作者:rybaki
「设计系统好文合集」
================明星栏目推荐================
优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。
设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
AI绘画创意与实战
已累计诞生 655 位幸运星
发表评论 已发布19条
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓