UI设计中的原子设计理论是指把它带入到用户界面中之后,原子设计就会产生五个不同层面的组成方法,这些层面相互影响,以叠加组成的方式来创建界面的系统。本文小编来给大家分享UI培训中原子理论的应用知识。
1、UI界面的组成部分包含几何元素,文字元素,图标元素,图片元素。
2、除去这四个简单的元素组成,我们还需要一些更复杂的描述概念,来进行工作的梳理和沟通。
3、国外的一个网页设计师Brad Frost,表示将原子结合在一起可以形成分子,进一步形成组织、器官、个体。这是他从化学周期表中获得的启发。
4、基础元素相互结合,就可以成为更复杂的内容。由基础的原子、组成分子、组成组件、器官合并成一个完整的项目。
控件
· 即一个页面中最基础的交互单位,可以产生交互效果或传递信息,而不是静态元素。
· 常见的基础控件包含开关、按钮、编辑菜单、文本框、滑块,指示器等。
组件
· 高于控件的业务模块,具备比较完整的业务要求或者功能合集。
· 包含banner,金刚区,瓷片区,商品列表,文章feed等等,包含很多细节元素和控件。
页面
· 每个页面都是由若干组件组合而成,形成一个完整的页面。
· 页面包含头部模块,左右滚动模块,通知栏,快速入口,最下面包含推荐的组件,这个页面由若干独立模块组件而成。
项目
· 是由若干相关页面组成的合集,一个项目下面包含很多基础元素、控件和组件。
· 一套成熟的商业项目一定会包含具体的规范应用,这套规范不是IOS等系统规范,而是项目内的规范。比如色彩、字体,这是我们要建立的规范标准。
元素
· 基础元素的统一能更好的保证整体的视觉一致性,并且元素的组合也叫组件化设计,
· 细节统一、设计复用、开发高效、协作顺畅是项目设计规范的核心作用,可以提升效率。
控件库
· 控件库一般包含文本,色彩,几何元素样式等基础元素,可以把这些元素组合,创建成一个控件。
以上就是ui培训原子理论的应用知识,对于新手小伙伴们来说,需要先了解掌握UI设计中的基础知识技能,可以为进一步学习打下扎实的基础。