
值得研究的设计系统
设计系统是一组让数字产品保持一致的规则、组件和判断标准。这里列出的十个系统都公开可查,文档较为完整。我们标出各自值得学习的内容,帮助您按需要阅读。

Google
Material Design 3
可以学什么: 学习如何从一个主色生成动态配色,以及如何记录组件的每一种状态。
查看设计系统
IBM
Carbon
可以学什么: 严谨的网格、适合数据展示的字体,以及信息密集却仍然清晰可读的表格。
查看设计系统
Shopify
Polaris
可以学什么: 界面文案:电商中的操作、错误和空状态应该怎样命名与说明。
查看设计系统
Atlassian
Atlassian Design System
可以学什么: 清晰的设计令牌命名,以及面向大量用户的产品内容指南。
查看设计系统
英国政府
GOV.UK Design System
可以学什么: 细致的无障碍设计,以及让不同用户都能顺利填写的表单。
查看设计系统
Apple
Human Interface Guidelines
可以学什么: 在不同平台上,有目的地运用层级、留白和动态效果。
查看设计系统
Microsoft
Fluent 2
可以学什么: 将纵深、材质和光线应用于工作界面。
查看设计系统
GitHub
Primer
可以学什么: 面向开发者工具的组件,以及实用的配套文档。
查看设计系统
Adobe
Spectrum
可以学什么: 满足无障碍需求的色阶,以及面向创意工具的组件。
查看设计系统
Salesforce
Lightning Design System
可以学什么: 适用于信息密集型企业应用的设计模式。
查看设计系统好的设计系统应包含什么
设计令牌(有明确名称的颜色、字体和间距)、覆盖全部状态的组件、内容与文案规则、无障碍标准,以及解释每项决策原因的文档。
聊聊吧?
告诉我们您的需求,我们会回复一份具体的方案,写明范围和阶段。


