点击此处返回
未登录用户
每日可免费学习1个教程
酸梅干超人
关注人数：23173
1.【UI进阶】-UI界面的视觉认识
2.【UI进阶】- iOS14规范的基本认识
3.【UI进阶】-移动端文字应用的说明
4.【UI进阶】- iOS进阶的规范介绍
5.【UI进阶】-iOS 深色模式的介绍
6.【UI进阶】-谷歌MD设计规范认识
7.【UI进阶】-平面四要素和信息层次认识
8.【UI进阶】- UI配色的概念和技巧
9.【UI进阶】-启动图标的设计规范
10.【UI进阶】-启动图标的设计案例
11.【UI进阶】-工具图标的设计规范
12.【UI进阶】-常见的线性图标设计
13.【UI进阶】-常见的面性图标设计
14.【UI进阶】-常见的金刚区图标设计
15.【UI进阶】-轻质感图标设计
16.【UI进阶】-UI中原子理论的应用
17.【UI进阶】-主流电商产品视觉组成
18.【UI进阶】-主页头部和广告位设计
19.【UI进阶】-常见的快速入口组件设计
20.【UI进阶】-瓷片区多样性设计解读
21.【UI进阶】-商品卡片列表页设计排版
22.【UI进阶】-商品分类页面常见布局设计
23.【UI进阶】-主页头部和广告位设计
24.【UI进阶】-购物车页面布局
25.【UI进阶】-购物流程页面的交互和设计详解
26.【UI进阶】-电商个人主页设计的特点和注意事项
27.【UI进阶】-高质量配图应用技巧
28.【UI进阶】-投影的深入了解和应用
29.【UI进阶】-渐变色的应用技巧
30.【UI进阶】-几何渐变填充背景制作
31.【UI进阶】-玻璃拟态背景模糊应用
32.【UI进阶】-Mockup样机素材应用
33.【UI进阶】-标准的项目展示排版布局
34.【UI进阶】-项目展示的设计和输出
本篇教程学习的是第16课 原子原理应用，喜欢的一起来学习吧。
那我们开始今天的教程吧。
1.在第一节课中，我们就讲过，APP视觉的组成其实特别简单，它们只由基础的四个元素拼装而成。
2.UI界面的组成部分，包含几何元素，文字元素，图标元素，图片元素，任何一种都是包含这些内容的。
3.但是依靠这几个元素来解释整个页面的构成，显然是不够充分的，我们需要一些更复杂的描述概念，来进行工作的梳理和沟通。
4.国外网页设计师Brad Frost，从化学周期表中获得启发，原子结合在一起，可以形成分子，进一步形成组织、器官、个体。
5.而我们所说的基础元素，就是这个框架中的原子，基础元素相互结合，就可以成为更复杂的内容，对应。
6.最开始基础的原子，组成分子，组成组件，器官，最后合并成一个完整的项目。
7.控件，即一个页面中最基础的交互单位，可以产生交互效果或传递信息，而不是静态元素。
70000+教程，每天免费学一课
打开APP，离线免流量
