- 国内外设计规范汇总(长期更新)
- 2021 全球 UX 设计工具统计报告
国内设计系统
| 名称 | 简介 | | —- | —- | | 鸿蒙设计系统 | 华为的鸿蒙系统,大家可以通读一遍鸿蒙的设计文档,质量很高 | | TapTap 设计系统 | 心动网络的设计系统,目前只有 Figma 版 | | Arco Design | 字节跳动旗下 | | Semi Design | 字节跳动旗下 | | Ant Design | 阿里巴巴的蚂蚁设计规范,蚂蚁的框架也是驰名国内外了 | | Figma 官方汇总的高质量组件库 | 都是在 Figma 社区公开的高质量组件库,由 Figma 官方整理,这个页面也是 Figma 官方做的 Design System 独立网站,可以感受到 Figma 团队多么认真了。 |
国外设计系统
| 名称 | 简介 |
|---|---|
| Material Design | 谷歌的设计规范(Android),设计规范老大哥。 |
| Material Design 3 | 谷歌的设计规范(Android),2021 年正式上线了 3.0 版本,跟老版本不重合,算是一个全新的设计规范,对应 Android 12 的全新界面和交互。 |
| Human Interface Guidelines 苹果人机交互指南(iOS) | 另一位大哥,只不过苹果一直对设计文档的对外细化不太上心,看看隔壁谷歌态度 |
| Nord Design System | 非常具有参考和学习的设计系统 |
| Lighting Design System | 这可是设计系统里的“老 OG”了,属于极度认真实干那一类,也是最早整 Design Token 的设计系统,而且一直在更新,在 What’s New 页面中可以看到设计系统的更新日志。 |
| Spectrum(Adobe) | Adobe 的设计系统,虽然自家软件很臃肿,但设计系统也值得参考学习。 |
| BrandSite - 国外科技大厂的设计规范汇总 |
