写给大家看的组件库

如果对设计系统（设计规范、组件化设计等等类似的概念）追根溯源，几乎都会指向网页设计师Brad Frost的 Atomic Design（原子设计），这是最原始的设计系统的雏形，后人所有的设计系统、规范等都从这延伸出来。

以下是他的个人网页和电子书，简单看看就行（重点建议：虽然简单看看就成，但以下所有文章都建议在有时间的时候看完，这样你自己以后就能筛选谁好谁不好了）

Google和Apple这两家大平台已经对设计系统研究归纳的非常成熟了，要多全有多全。

Google的Material Design 和Apple的Human Design应该很久以前就藏在你的收藏夹了，初学时会觉得他们非常牛逼，然后觉得写的真全面啊就放收藏夹吃灰了，如果你现在在研究设计系统相关的知识，一定要重新翻阅一遍。

总体来说，Google要比Apple全面的多，所有细枝末节的全部都规范了，基本上你想查啥都能查到，更适用于落地。

Google Design在2022年的时候改版了，现在检索没有以前麻烦了，以上这个链接只是组件部分的，你在左边目录可以检索更全的。

而Apple虽然牛逼，但他对设计系统的描述会相对概括一些，倒是可以帮你梳理思路。

个人觉得，如果要研究Apple的设计系统，光看他这个文档是不够的，倒是每次做需求的时候来Apple找找通用化的参考，把他那个sketch资源拆了看（你就会发现Apple自己的App都不一定是完全按照规范来的）。

可以看，有点全而不精的感觉。

随便看看，微信一直也没咋更新剩下的Uber、Spotify、Airbnb之类的没有明确的发出来的规范，就不给你一一罗列了。他们各自的设计Blog都有简单介绍，比较散，有兴趣可以自己去他们的Blog搜，网上也能找到网友临摹的页面（不过都一般，好多都只是临摹表面，没有形成体系化的概念）。

腾讯、Element、Ant design这种你见的都很多了，可以做参考，精细程度依然没有Google那些优质。

以下有几篇几年前收藏的文章，现在看有点过时了，不过是我曾经研究组件化和设计系统的敲门砖：

喜欢作者