原子设计是创建设计系统的理论方法，分为原子、分子、组织、模板、页面五个层次

什么是原子设计？

原子设计是创建设计系统的理论方法，分为原子、分子、组织、模板、页面五个层次。从最基础的原子开始，原子构成分子，分子组成组织，相互协作以创造出更有效的页面。

原子设计借鉴了化学中看待事物的方式，并将其应用在数字产品中。例如我们看的界面是由一些基本的元素组成，文字，颜色和图标等都是一个个原子。

原子设计是一种思维模式，并不特指某一种设计风格或框架。通过原子设计理论，将产品和页面联系为一个有机的整体，其中的每个小元素都发挥着至关重要的作用。

二、原子设计方法论: 从原子到产品

原子设计有特定的框架，方便帮助设计师组织思路并在设计过程中作为指导。

1. 原子

原子指化学反应不可再分的基本微粒，虽然基础但会对分子和个体的形成产生很大的影响。

同理在设计中，原子是构成设计的最基础的元素，可以是一个icon、一种字体…本身不具备特有的功能但这些基础元素同样值得重视。

2. 分子

分子由原子构成，以一定的次序和排列方式结合成分子。回到设计中，多个设计元素组合在一起，也会创造出一种新东西——具有明确功能性的组件。

原子设计强大的地方在于，可以为分子(组件)的创造分配时间，以确保组件具有明确的意义和功能。

3. 组织

不同的分子组合形成组织，在设计中各种不同的组件组合在一起，形成一个完整的功能模块，例如在首页轮播图模块，有图像、文字等元素，还有按钮、导航箭头等组件。

利用组织这个概念能帮助设计师建立模块化意识，对页面结构有更深入的理解。