虎课网为您提供字体设计版块下的B端设计核心：原子理论-B端产品设计零基础入门02图文教程，难度等级为新手入门，下面开始学习这节课的内容吧！

本节课讲解B端设计核心：原子理论，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复，作业也可以在评论区进行提交。

学完本课内容后，同学们可以根据下图作业布置，在视频下方提交作业图片，老师会一一进行解答。

那我们开始今天的教程吧。

1.原子理论起源于化学类的分子结构，但是B端的设计结构里面和原子理论整体的思维逻辑不谋而合，这是这节课的目录。

2.原子理论包含了这五大结构，原子、分子、组织、模版、页面，原子论由古希腊唯物主义哲学家“德谟克利特”提出，他发现在化学世界中，所有的物体都是由原子构成，原子组合构成分子，分子组成构成有机物，最终形成了宇宙万物。

3.原子是物质的基础组成部分，是构成设计系统的最基础元素，在界面中原子以元素的形式存在，例如颜色、文字、图标、分割线、间距、圆角、阴影等。

4.分子层属于原子和原子之间的结合，在界面中，分子是由多个元素组成的组织，如按钮、弹窗、搜索框等。

5.例如按钮，它的组成元素包含了文字、色块、图标、间距，通过原子之间的组合形成了分子。

6.组织层是分子和分子的结合，它的优势是具有扩展性，我们可以称之为区块组件，如列表操作区块、列表展示区块、表单区块、数据统计卡片区块。

7.模版是由多个原子、分子的组合结果，其结构上会更为复杂，同时也更具有拓展性，如表单页、详情页、列表页、异常页等等。

8.页面是带有业务交互逻辑的场景，它包含多个模块，例如详情场景、 数据统计场景、权限管理场景。

9.设计师通过将模版进行内容化处理，并加入对应的交互逻辑，最终得出结果。

10.原子理论在系统中的优势包含原子/分子、组织/模版、页面，原子/分子是根据不同类型的问题，原子和分子可以提供更多自由组合的解决方式，支撑更多不同需求。

11.组织/模版是通过组织和模版的结合，对比多个页面，可以发现它们之间是否符合一致性，页面是通过系统页面之间的对比串联，可以规避不正确的调整决策，并梳理整体交互逻辑。

12.原子理论在设计中的优势包含组件多样性、系统一致性、开发便捷性，原子理论在设计过程中也会产生很好的帮助，利用原子设计原理，可以确保多个设计师在整个项目中被约束，防止出现不统一的结果。

13.这是目前市场中成熟的设计系统，它们多来自大型企业，为了方便产品、设计、开发的同步作业，这些企业已经对不同场景、状态都做了对应的设计系统结构。

14.本节课的知识点包含这三个方面，原子的设计结构，原子在系统中的优势，原子在设计中的优势。

15.同学们记得上传自己的作业哦！

以上就是B端设计核心：原子理论-B端产品设计零基础入门02图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！