当产品业务不断迭代，设计产出的不确定性越来越高，一套具有包容性和多元化的设计系统，可以帮助设计师将不确定性控制在一定范围内，从而真正的释放重复劳动，让更多的设计者有机会去触及更好的产品体验。
为了更深入了解设计系统，接下来的系列文章就来围绕设计系统来跟大家分享一下。
在深入探讨设计系统之前，我们需要先来了解一下设计系统的概念是怎么形成的。
设计系统最早的概念来自于建筑设计领域，著名建筑大师帕拉迪奥（Palladio）在年出版了「建筑四书」，是最重要和最有影响力的建筑书籍之一。
这本书也是最早的系统性文档示例之一，帕拉迪奥从古罗马建筑中汲取灵感，在书中提出了设计和建造建筑物的规则和词汇，包含了原则和模式，并详细地说明和解释了这些建筑物是如何使用的。
《建筑四书》是最早的系统文档示例之一
例如在楼梯部分就对不同功能的楼梯进行了分类：螺旋楼梯、椭圆形楼梯和直道楼梯。同时描述了不同楼梯应该在什么样的建筑物及场景中使用，比如螺旋楼梯适用于「空间狭小的位置」因为螺旋楼梯占用的空间比直楼梯少，但螺旋楼梯上楼花费的体力会更多。
在年包豪斯运动时期，现代主义先驱路易斯沙利文所提出了“形式追随功能”的著名现代主义设计名言。
他创新来自于把之前的装饰元素融入到了19世界后期新出现的高层建筑里，通过装饰来强化建筑的竖直分格。这样的原则才促成了他著名的信条“形式总是追随功能”。
以这句话为出发点，他根据每个项目的功能需求，在必然的结构演变中加以模仿，从而将组件与模块的概念运用在了工业与建筑设计当中。
年发布的「美国宇航局图形标准手册」就是现代styleguide的早期代表作，它提供了颜色、字体、图形、用法和示例，以及明确的设计原则，直到现在的品牌/样式视觉规范依然没有跳出这个范围。
在现代平面设计史中，从包豪斯设计原则到排版和网格系统，都在围绕如何通过规则指南去统一“设计语言”。它们对现代平面设计、网页设计的演变都产生了根本性的影响，同时也为“设计系统思维”建立了雏形。
20世纪90年代中期，在互联网的早期发展阶段，当时的web网页是由HTML技术实现的，在这种技术背景下网页的设计有非常大的局限性，非常限制网页设计师的设计发挥。
早期网站的外观更像是经过美化后的Word文档。而各个浏览器也是以满足功能来决定网页应该是怎么展示的。
随着越来越多的人使用互联网和电脑，在年出现了关于CSS的第一个提案。提案很大一部分是在讨论页面应该如何展示、是否需要考虑用户是如何浏览页面的，以及