前边对《Atomic Design》全书做了翻译并根据章节顺序梳理了核心要素，进行了常识提炼。本篇文章将对全书内容进行概要和重新梳理，让大伙可以更了解的弄懂原子设计的所有内容。本文将分为三部分关于原子设计，你想要的都在这里它可以促进整个体验的一致性和凝聚力；加快团队的工作步骤，节省时间和资金；在所有岗位之间打造协作性更好的工作流；打造每一个人之间的共享词语表；提供有用的文档，帮助大家影响利益有关者、同事、甚至第三方；使跨浏览器/设施，性能和可访问性测试愈加容易；提供好的扩展性基础，可以伴随时间的推移进行修改、扩展和改进。
概要来讲，就是现有设计办法难以满足现在的环境，需要模块化的解决方法。而基于模块化的终极解决方法就是设计体系，设计体系的基础是风格指南，风格指南的核心是样式库，而原子设计是构建样式库的理论依据。因此，大家需要学习原子设计理论，来构建样式库，从而打造是自己团队的设计体系。
弄了解为何，大家再看看看原子设计理论到底是什么。
原子设计是一种办法，它由五个不一样的阶段组成，这类阶段一块工作，以更科学和层次分明的方法创建界面设计体系。原子设计的五个阶段是关于原子设计，你想要的都在这里整体与部分之间切换，确保组件的功能正常并且在界面中维持和谐；离别结构与内容，两者会互相影响；规范组件命名。
弄了解了原子设计的理论常识后，大家需要将它运用起来，打造我们的样式库，从而形成设计体系。具体操作可分为4步关于原子设计，你想要的都在这里全局元素，导航，图片，图标，表单组件，按钮，标题，区块，列表，交互式组件，多媒体组件，第三方插件，广告，消息提醒，颜色，动效等。 这类采集到的唯一元素，将作为打造样式库的依据。
对于新项目来讲，则需要商品经理和交互设计师来迅速生产低保真的线框图，从而确定整个项目的内容样式清单，可以用Excel表格来展示。
从内容清单中，大家也可以得到将要设计页面的所有元素。
下面需要视觉设计师来确认整体视觉风格。可以通过以下几种方法来进行关于原子设计，你想要的都在这里选择本行业和其他行业相对著名的网站20-30个，在项目启动会上向利益有关者展示，每一个网站20秒。之后，让每一个人对所看的网站从1-10分进行打分，1分表示非常糟糕，10分表示非常不错。
完成之后，将每一个人的分数相加，然后进行讨论。讨论得分最低的5个网站，得分高的5个网站和争议大的网站（有人打了高分，有人打了低分）。参与者向大伙讲解他为何打高分或者打低分，哪儿吸引到他或者哪儿感觉非常差劲，通过小组来对建议的分歧进行讨论。
通过这个测试，设计师可以在前期弄了解利益有关者的爱好，并解决审美差异，最后在视觉方向上达成一些共识，从而可以更好的拓展下一步的设计工作。
样式图块可以在前期打造视觉方向，而又不需要设计完整的设计稿。它通过前期调查的情绪版演化而来。通过文字、颜色，排版，造型，质感等方向，打造一个由各种样式图块组成的页面。通过该页面，可以和利益有关者交流视觉的每个方面，而又不需要费时去直接出设计稿，进行迅速的反馈和讨论。
样式图块对于探索视觉方向很有用，但仍然比较抽象，因此还需要更直观一点的展示方法，这就是元素拼贴。
在用样式图块确定了基本的视觉元素之后，可以将这类元素应用于实质的界面组件中，从而生成元素拼贴。它可以向利益有关者展示实质的页面元素将会是什么样子，从而让他们真实体验到最后的页面成效。
当然，还有其他方案办法可以帮助打造视觉方向，但整体的原则都是在前期多进行探索和确认，持续的进行交流，而不是直接深入细节去做完整的设计稿。
在确定了样式库的范围和视觉方向之后，就能开始着手搭建样式库。这个阶段分为两个部分关于原子设计，你想要的都在这里关于原子设计，你想要的都在这里文章转载：
