UI中原子理论的应用

北京/UI设计师/4年前/131浏览
UI中原子理论的应用

积累

界面的四大构成要素:几何图形、文字、图标和图片元素

但是依靠这几个元素来解释整个页面的构成,显然是不够充分的,我们需要一些更复杂的描述概念,来进行工作的梳理和沟通。

控件:即一个页面中最基础的交互单位,可以产生交互效果或传递信息,而不是静态元素

组件:是高于控件的业务模块,具备比较完整的业务要求,或者功能合集

页面,则是一个完整的页面,每个页面都是由若干个组件组合而成

项目:则是由若干相关的页面组成的合集,一个项目下面包含海量的基础元素、控件和组件

整个推导的过程帮助我们可以更好的建立项目的视觉规范,并结合协作方式、软件特点提高项目开发效率


第2部分  原子理论在项目中的应用

一套成熟的商业项目,必然会包含具体的规范应用,这套规范不是IOS等系统规范,而是项目内的规范

你可以理解为,任何一个项目包含两种规范,一种是系统级别的,一种是项目内部的规范

项目的规范会从最细节的地方进行规范向上拓展

从字体、色彩、图标等,组成控件、组件等复杂元素

对基础元素的统一,就能更好保证整体的视觉一致性

并且,元素的组合也叫组件化设计,有下面这些好处

细节统一   

设计复用

开发高效

协作顺畅


0
Report
|
2
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
装东西Packing.
Homepage recommendation
相关收藏夹
ui教程
ui教程
ui教程
ui教程
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
大家都在看
Log in