如何定义一套设计语言——原子设计理论做规范 （三）
在拆解产品中的控件时，可以把复用性高的筛选出来，利用原子设计理论，由五种不同的阶段组合，创建一个有层次，有规范的设计规范系统。
其中关键的五个概念分别是：原子，分子，组织，模板，页面。
以下以导航栏为例来看一下如何拆解组件：
1.原子
构成UI的基本元素和最小单位。通常以颜色，文字，图标，分割线，边框等。
2.分子
原子排列成为分子，组成的简单UI组件。 导航栏、标签栏、等。
3.组织
由原子和分子组成。
4.模板
以页面为基础的架构，将上述三个元素进行排版。
5.页面
不同的模板组成页面。
以上就是将导航栏的模块打散，细化，重组，整合，替换，做成替换，可独立改变的组件。可供多个场景使用。这样有修改的时候，只需要定位到某个组件，就可以实现整体的修改，减少劳动力，提高工作效率。
