Atomic Design - 如何快速设计网站(二)

为什么要使用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/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容