Brad Frost提出的原子化设计已经成为了响应式设计的代名词。Brad第一次讨论原子化设计是在2013年，他写道：

“最近，我一直对接口的组成，以及如何通过更有条理的方式来构造设计系统很感兴趣。”

Brad接着描述了他的原子设计系统，是如何由原子、分子、组件、模板和页面组成的。

• 原子：HTML的基础，包括按钮、表单和标签等元素。
• 分子：一组元素的组合，例如由标签、输入框和按钮组成的搜索表单。
• 组件：一组分子组合在一起形成界面的一部分。
• 模板：大多数组件结合形成页面级的对象。
• 页面：测试设计系统有效性的必需品。

Brad将原子化设计描述为“用于构建网页设计系统的方法。”这个方法由工具和模式库来创建原子化设计系统。

然而，并不是每个人都认同原子化的设计方式。Mark Boulton就写出了他的顾虑，我不得不同意他的说法。

“一致性和效率是要付出代价的。这个代价就是设计，是人类对从无到有创造作品的感觉。我描述的不是设计过程。它就像一个制造蛋糕的机器，生产出大量相同的蛋糕。虽然裹着不同的糖衣，但它们的味道都是一样的。”

当你单独地设计各个部分，那么往往很难知道它们是否能够融为一体。

如果人们不能一眼全览设计的全部，人们很容易感觉到设计不连贯，缺乏连通性。而且想要摆脱组件库提供的默认样式也将变得更加困难。你只需要看看基于Bootstrap和Foundation的成千上万的相似网页就能够意识到了。

做得好，组件库可能会成为非常有用的资源。Salesforce的闪电设计系统是最好的资源之一。Salesforce成立于1999年3月，是一家客户关系管理（CRM）软件服务提供商。