为什么要使用Atomic Design方法
业内人士会觉得这样的设计方式不就是我们一直在用的吗?何必又发明个什么Atomic Design。其实不然,Atomic Design把這套工作流程给规范化了,并形成一套可以复用的系统。表现在下面三个方面:
易协作
基于Atomic Design, 用户和团队成员可以更好的理解设计过程。
灵活性
Atomic Design提供了从抽象到具体的一个流程。通过它,我们可以在保证一致性的前提下,提高灵活性,并及时展现最终内容。
可复用
整个构建网页的过程是一个装配的过程,所有元素都可以复用,而不是狗熊扳棒子,扳一个丢一个。
本质上,Atomic Design就是网站设计中的乐高,用各种最小化的标准颗粒去搭起不同的解决方案,可以随时组合,拆卸,重新组合。
Pattern Lab
为了实践這套理论,我们创建了一个工具,叫做Pattern Lab。Pattern Lab有一套完整的Atomic Design系统。可以在Github上找到这个项目:
https://github.com/bradfrost/patternlab
这里也有一个Demo
http://demo.patternlab.io/