像原子设计这样的UI方法将逻辑和结构带到各个屏幕上。现在是时候把这种想法扩展到产品的各个方面了。这里有一个小秘密。为什么有点像宿醉和流行音乐，大多数产品似乎会随着年龄的增长而变得越来越差？你可能会认为恰恰相反：有一个伟大的团队花了很多年的时间反复研究一个产品，最终会产生完美的成品。相反，十年后，你的手机突然变得更难解锁。为什么？漫长而痛苦的答案是纪律不严。项目会随着时间的推移而增长。更多的人加入，一些更早的人离开，设计视野的清晰度下降。企业决定去开拓新的市场，新的功能像圣诞装饰品一样被钉上。内部协作变得越来越困难，子团队开发自己的设计理念。来自更加多样化的客户群的请求蜂拥而至。需要通过增加更多的东西来遏制竞争。蔓延开来。很快，天黑后独自进入一些屏幕是不安全的。好的产品会变质。我们中最优秀的人都会遇到这种情况。更简短的答案是，大多数产品团队并不坚持一个坚实的基础设计系统。统一和指导体验的所有方面，从产品的概念构建块到UI的细节，再到如何命名事物。因此，如果你在设计一个成功的、不断成长的产品时遇到了"顺其自然"的问题，啥叫人工智能，那么这里就告诉你如何将设计的各个方面都作为一个单一的系统来考虑，这样可以在腐朽开始之前拯救你。TL；DR鉴于这是互联网，而且你可能有动物视频要看，物联网是什么意思，我就直截了当地说：50年前，平面设计师发现在设计一堆相关的东西时，想出一些共同的基本规则是个好主意。数码产品设计师意识到，这也是确保按钮始终保持不变的一个好方法。""设计系统"是构建一致的用户界面的一种有用的方法。但大多数设计系统实际上只是模式库：一个大盒子的UI-Lego部件，可以以近乎无限的方式组装。所有的部件可能都是一致的，但这并不意味着组装的结果会是一致的。你的产品不仅仅是一堆可重用的UI元素。它有结构和意义。它不是一个普通的网页，而是一个概念体系的体现。通过在设计系统中体现产品概念，设计者可以超越一致的ui来创建一致的产品。那是简单的版本。如果你已经得到了，上帝保佑。具有结构完整性的软件制作软件并不像是搭建一座桥梁。建筑工人有一个明确的最终目标，成熟的方法和充分理解的材料，他们中的大多数人穿着更好。大多数行业远比软件开发稳定。这很好-大多数人通常更喜欢开车穿过那些不是用白板标记设计的桥，也不是通过谷歌搜索错误信息来设计的。曼哈顿大桥在建，1909年。©欧文·昂德希尔/国会图书馆数字产品设计还处于起步阶段。我们边走边想办法。一旦我们发现了一些问题，事情又会发生变化——技术进步，你的团队壮大，竞争出现——而你最终发现的过程又一次中断了。计划一制定就过时了。如果没有一个可以依赖的蓝图，那么多的软件最终会在自身的重量下屈服也就不足为奇了。所以很明显我们需要一些东西来确定并保持我们的方向。使产品开发中的困难部分变得更容易，使缓慢的部分更快，并使我们远离所有产品似乎都会随着时间推移而陷入的巨大的复杂性深渊。进入设计系统。设计系统简史一种风格或另一种风格的设计系统已经存在了很长一段时间了。简单地说，当你需要设计的不仅仅是一件事情，而是一整套让你感觉像一个连贯的家庭的事情时，设计系统是很有用的。如果你想出了一个模板并一直坚持下去，你将免费获得这种连贯性。因此，与其设计一个地铁标志，你可能会想出一套图形标准，让你设计出一整套标志和符号协同工作。另外，我们能把活页夹拿回来吗？老派酷。纽约市交通局图形标准手册，由Massimo Vignelli和Bob Noorda编写，手机网站自助建站，1970年来源。或者不是为一个组织设计一个标志，你可以开发一个视觉系统来在各种不同的环境中代表这个组织。空间探索和经典平面设计，有什么不爱的？《美国宇航局图形标准手册》，理查德·丹恩和布鲁斯·布莱克本，1975年。像Twitter Bootstrap这样的CSS框架将这些思想引入web开发领域，提供可重用的代码片段，以方便地构建一致的UI元素，如按钮和下拉菜单。太棒了，即使世界上所有的网站在那里看起来基本上一模一样。

Twitter引导，最初由马克·奥托和雅各布·桑顿创建，2011年布拉德·弗罗斯特（Brad Frost）颇具影响力的原子设计方法论提出了一种更具结构性的方法。与分散在屏幕上的"原子"元素（如标签、输入、按钮）不同，原子设计建议将一小部分UI元素集合视为有意义的组件（例如页脚、登录表单）。在这个想法上下定论，我们一会儿再谈。Brad Frost的原子设计方法，2013年最后，Google的材料设计指南进一步推动了这一概念的发展，带来了更深层次的形式合理性、大胆的美学以及在一系列平台上构建UI元素的资源和指南。（我在谷歌工作，为Android Wear平台编写了第一套指南。）谷歌材料设计，2014如今，许多大公司都建立了自己的定制内部设计系统，试图避免不可避免的不一致。Airbnb、Salesforce和Uber已经建立了全面的系统来控制自己的产品ui。模式库的局限性也许这些对你来说都不是新闻。也许你已经有人在你自己的团队中维护了一个漂亮的小模式库。（如果你不确定是谁，就找一个不能停止做乐高类比的人。）所以你就不能勾选方框继续前进吗？或者模式库和设计系统之间有区别吗？我是说，当然。但确实有。大多数模式库采用web页面的形式，列出所有UI元素的不同样式：所有不同大小的标题、所有按钮样式、所有用于构建UI的下拉列表。如果团队中的所有设计师和工程师都同意只使用这些元素，那么UI会自动保持一致。如果你想在整个应用程序中进行设计更改，它还允许你调整这些样式。一点也不坏。

对讲机的旧模式库，现已退役。需要一些纽扣吗？我们抓到他们了。但是模式库有一些问题。是的，海量数据，它们允许你保持所有最小元素的一致性。但他们对如何组合在一起没有意见。他们对你的产品或其背后的概念一无所知。回到我们的乐高类比，新零售企业应用中心，仅仅有一个有限的积木模型库来选择，并不妨碍我构建一些真正疯狂的东西。

令人印象深刻，但不完全一致的设计-这只是窗帘。现在想想你能买到的那些品牌乐高套件。每一篇文章都更加固执己见。它知道它会被用来做什么。仍然有一些通用的部件，但是当你把它们以某种方式组合在一起时，它们就形成了某种特定的东西，比如AT-AT步行机的腿。这是一个设计系统。

（警告：那些高规格的品牌套件实际上有点无聊，没有比一个巨大的砖头桶和想象力更好的乐高了。连贯性对成年人来说是严格的。）从原子设计到全栈设计系统这种方法与我前面提到的原子设计方法没有什么不同。原子设计会告诉你把你的一些基本元素（标签、输入、按钮）粘在一起，称之为分子。然后你可以重复使用这个分子。此外，你可以把一些分子粘在一起形成一个可重复使用的有机体。我遇到的每一个这样的系统的真实例子的问题是，他们仍然故意不知道正在构建的产品。当你为一个特定的产品创建一个定制的设计系统时，你必须