版权申明：本教程出自"罗耀_UI"原创，感谢"罗耀_UI"的原创教程分享！
原子设计理论：
分形理论：
前言
原子设计理论并不是什么高大上的规则，它最早就是为了让网页设计师更容易理解网页的构成，后来慢慢延伸到UI设计当中，它的基础原理套用了宇宙中所蕴涵的元素的概念，即宇宙中已知的物体分解后都可以分解为一组有限的原子。
FEVTE编注：更多UI设计教程，和UI设计理论知识请访问飞特网UI设计教程栏目：https://www.fevte.com/plan/UIdesign/
这里的宇宙中的"物质的最小单位是原子"，这一理论是由英国化学家/物理学家约翰·道尔顿提出的，继承古希腊原子论和牛顿微粒说，提出的原子论。化学元素由不可分的微粒（原子）构成的，它在一切化学变化中是不可再分的最小单位。这应该也是我们教科书中写到的。
最小的单位用物理术语是"基本粒子"，指人们认知的构成物质的最小/最基本的单位，是组成各种各样物体的基础。而最新研究表明，比原子还小的还有夸克和希格斯玻色子（上帝粒子），自从夸克理论被提出后，人们意识到基本粒子也有比较复杂的结构，而不是以前认知中的只有原子。从此大家开始对基本粒子避而不谈了。
我说这些基础概念的目的是为了给分形理论做铺垫，这会对"分形理论"的概念产生一定的影响。分形理论目前在UI设计圈还没有被提及，我觉得它的构成要比原子设计理论更契合UI设计的构成，所以我才想通过自己的理解把这些知识传递给大家。
我本人探究问题喜欢寻找本源，因此我就去查了一下原子设计理论提出者 Brad Frost 写的书，书名是《Atomic Design》，书中第二章有提到原子设计理论的由来，但我英文不好，只能通过自己的理解去做解释。下面会提供原文，给大家一定的参考。
我的理解：我试图寻找一种使用户界面系统化的方法，并在各行各业和其他领域中寻找灵感。相对于我们所处的这个复杂的世界，如自然构成的复杂、人体结构的复杂、社会结构的复杂等等，某个领域制定系统化的方法就显得容易了很多，因此我们可以从这些世界构成中学习、剖析、研究并把这些知识转化并加以利用。
许多领域，如工业设计和建筑设计，已经开发出智能系统，用于制造极其复杂的物体，如汽车、飞机、轮船和大厦。这些智能系统的形成也参考了自然结构等类似的结构。因此我们可以在自然结构等类似结构中探寻，或许就能找到我们想要的答案。
书籍下面 Brad Frost 就开始扯他的高中化学课，和高中化学老师了，这里就没有什么参考价值了。
化学反应由化学方程式表示，化学方程式通常显示原子元素如何结合在一起形成分子。在下面的示例中，我们看到氢和氧如何结合在一起形成水分子。
在自然界中，原子元素结合在一起形成分子。这些分子可以进一步结合并形成相对复杂的生物。进一步说明：原子 是所有物质的基本组成部分。每个化学元素都有其独特的特性，在不失去其含义的情况下无法对其进行进一步分解。（原子由更小的位组成，例如质子，电子和中子，但原子是最小的功能单元）
分子 是两个或两个以上通过化学键结合在一起的原子的组。分子的这些组合具有其自身的独特的属性，并且比原子更有可操作。
生物体是由分子共同协作组成的一个整体，这些相对复杂的结构可以从单细胞生物一直到像人类这样极其复杂的生物的这样的一个范围。
这样理解会简化宇宙中令人难以置信的组成部分，但基本原理仍然存在：原子结合在一起形成分子，然后进一步结合形成生物体。这种原子理论意味着，已知宇宙中的所有物质都可以分解为有限的原子元素集：
前面我讲了如何将宇宙中的所有物质分解为一组有限的原子元素。这样的规则与我们的代码结构不谋而合，我们的代码可以分解为一组相似的有限元素。Josh Duck的HTML元素周期表很好地阐明了我们所有的网站页面，HTML5页面，以及其他所有内容都是如何由相同的HTML元素组成的。
Josh Duck是个程序员，他利用HTML代码与元素周期表的共性，做出了一个以元素周期表为形式的HTML标识。网站是：joshduck.com 大家有兴趣可以看一下。
因为我们是从一组相似并有限的模块和元素进行构建的，所以我们可以应用自然界中发生的相同过程来设计和开发我们的用户界面。
飞特游客
委托设计