值得研究的设计系统

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

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

可以学什么: 适用于信息密集型企业应用的设计模式。

查看设计系统

好的设计系统应包含什么

设计令牌(有明确名称的颜色、字体和间距)、覆盖全部状态的组件、内容与文案规则、无障碍标准,以及解释每项决策原因的文档。

聊聊吧?

告诉我们您的需求,我们会回复一份具体的方案,写明范围和阶段。

带来您想打破的东西。

品牌定制网站、电商,以及 AI 智能体团队。我们会以一份具体的方案回复您。

© 2026 Byte Argentina,布宜诺斯艾利斯 品牌独一无二,网站也该如此。
聊一聊