百科
首页 > UI设计 > Sketch

ui培训

  今天小编来给大家分享的是ui培训原子理论的应用,里边的内容有些繁多,但是大家认真的学习就会有很多的收获,以后在涉及到类似的问题也可以轻松的解决掉,下面我们一起来认真的学习吧!

ui培训原子理论的应用

  今天小编来给大家分享的是ui培训原子理论的应用,里边的内容有些繁多,但是大家认真的学习就会有很多的收获,以后在涉及到类似的问题也可以轻松的解决掉,下面我们一起来认真的学习吧!


  1.在第一节课中,我们就讲过,APP视觉的组成其实特别简单,它们只由基础的四个元素拼装而成。

  2.UI界面的组成部分,包含几何元素,文字元素,图标元素,图片元素,任何一种都是包含这些内容的。

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

  4.国外网页设计师Brad Frost,从化学周期表中获得启发,原子结合在一起,可以形成分子,进一步形成组织、器官、个体。

  5.而我们所说的基础元素,就是这个框架中的原子,基础元素相互结合,就可以成为更复杂的内容,对应。

  6.最开始基础的原子,组成分子,组成组件,器官,最后合并成一个完整的项目。

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

  8.常见的控件包含编辑菜单,文本框,指示器,滑块,刷新控件,开关,按钮,这都是很基础的。

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

  10.包含banner,金刚区,瓷片区,商品列表,文章feed等等,包含很多细节元素,也可能包含很多控件。

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

  12.这个页面包含头部模块,左右滚动模块,通知栏,快速入口,最下面包含为您推荐的组件,这个页面由若干独立模块组件而成。

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

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

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

  16.建立一些规范的东西,比如色彩、字体,这是我们要建立的规范标准。

  17.项目的规范会从最细节的地方进行规范向上拓展,从字体、色彩、图标等,组合成控件、组件等复杂元素。

  18.对基础元素的统一,就能更好保证整体的视觉一致性,并且元素的组合也叫组件化设计,有下面这些好处。

  19.第一细节统一,第二设计复用,第三开发高效,第四协作顺畅。

  20.这也是项目设计规范的核心作用,提升效率,而不是通过规范输出高大上的方案用来过稿。

  21.一些优秀的设计规范获取:Figma中搜索Style,微信小程序官方组件,AntDesign官方组件,Airbnb官方组件。

  22.软件中的相关应用工具,不管哪个软件,基本都会有控件库这个功能。

  23.一般包含基础样式,基础样式包含文本,色彩,几何元素样式,可以把这些元素组合,创建成一个控件。本节课到这里就结束了,谢谢大家!

  到这里ui培训原子理论的应用就结束了,里边的信息量比较大,各位小伙伴们如果哪一步没有掌握住可以反复的去看步骤,里边写的非常详细,相信大家学习以上的步骤都有所收获。最后,希望以上的操作步骤对你有所帮助。


  本篇文章使用以下硬件型号:macbook pro 13;系统版本:macOS Catalina;软件版本:Sketch(63.1)。

相关词条

最新知识

最新百科

相关教程