美文网首页
Atomic Design - 如何快速设计网站(二)

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

作者: 老马在放羊 | 来源:发表于2017-06-22 12:05 被阅读28次

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

相关文章

网友评论

      本文标题:Atomic Design - 如何快速设计网站(二)

      本文链接:https://www.haomeiwen.com/subject/mutfcxtx.html