最近几年,设计系统非常火。不管是 2C 还是 2B,很多大公司(甚至是政府)都构建了自己的设计系统。如果你想学习别人是如何搭建设计系统、组件库和交互规范,最快的方式就是研究他们的设计源文件。

△ alexpate/awesome-design-systems

△ Examples

△ Adele – Design Systems and Pattern Libraries Repository

△ Design Systems Repo

从这些 Design System Repo 中可以看出,大部分设计团队都选择用 Sketch 来搭建设计规范和可复用的组件库。这里收集了 24 个公开的官方 Sketch 组件库,源文件资源可以下载。

△ 合集下载链接(2018/05/08 更新)

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

作者社交网络账户:

图片素材作者:rybaki

「设计系统好文合集」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

点赞 1
收藏 145

发表评论 已发布 13

还可以输入 800 个字
 
 
载入中....
相关推荐
13 收藏