原子设计理念:http://www.woshipm.com/pd/728887.html
    https://zhuanlan.zhihu.com/p/26130595

    BradFrost 布拉德 · 弗罗斯特, 设计系统理论方法-原子设计中将界面分为5个层次,
    即原子设计理论

    1. Atoms,原子
    2. Molecules,分子
    3. Organisms,组织
    4. Templates,模板
    5. Pages,页面

    Atomic Design 原子设计 - 图1

    原子设计概念的提出,使得设计体系由设计规范演变成为了一种更为高效、科学的设计系统。
    当我们改变原子时,整个体系都会产生变化,
    同时我们也可以逐级调整,总之你的每次改变都会影响到这个系统,但是它又是保持一致性的。

    原子设计理论从

    • 原子(Atoms)
    • 分子(Molecules)
    • 组织(Organisms)
    • 模板(Templates)
    • 页面(Pages)
    • 标准流程(Patterns)
    • 再到更完善的设计体系(Design Systems),

    这一切都是为了产品设计、研发效率和一致性提供帮助。
    同时,它们也是传达设计原则、构成产品独特气质的基石。Design Token 就是原子级的最基础的构成要素。