020-29815005
预约专线时间:09:00-23:59

UI设计培训学校新手如何速出界面图标

新闻来源:优漫教育 日期:2021-06-02
在互联网工作者中,ui这个词似乎是除了用户体验之外最熟悉的一个词,无论你问谁这个词都能说出它和相关知识。但是如果你深入研究一下,ui设计到底是什么,ui设计是否有基本的指导原则和技巧等等,恐怕没有多少人能说清楚。

      今天我们就来学习UI设计教程,新手怎么做才能快速出一套界面图标来聊聊UI设计。


  一、什么是UI设计呢?

  UI是用户界面的简称,UI设计者是指对软件进行人机交互、逻辑操作、界面美观的整体设计。用户UI设计主要包括图形设计和交互设计。传统意义上的图形设计是美工,UI设计在过去没有受到重视,所以美工的地位不高,现在随着UI设计的兴起,美工又被称为UI设计师。事实上,UI设计师并非单纯意义上的美术工作者,而是设计软件产品的“外形”。交互式设计主要是设计软件的操作流程,树形结构,操作规范等。

  UI设计是一种艺术与科学的混合体,学习它并从事此职业,需要这两方面的素养,大多数人不能从事自己喜欢的或擅长的职业,原因是多种多样的,如果你觉得自己有一定的潜力并喜欢,不妨试试。



  二、UI设计的基本原则是什么?

  使用颜色,要让人觉得舒服,字体,采用特殊字体,图标,风格保持一致(图形结构和复杂程度),遵循格式塔近似原则,弥散投影的使用细节,使用与业务属性相关的颜色,信息对齐,头像的选择,元素间的间隔,视觉主次对比,主副文案的层次性,合理的图文顺序,文字的颜色对比,背景的颜色倾向,分界线的使用细节。


UI设计培训学校,设计培训


  三、UI设计就是要学习这些软件。

  需要学习的UI设计软件分别有PS、AI、AE、ARP、思维导图等。很简单,就说说UI设计中常用的设计软件吧,那怎么去设计呢?放轻松,我们继续往下看,怎样设计三个统一风格的系统图标?图标是决定一个APP风格的重要构成元素,要设计出讲究的APP,才能成为讲究的设计师。学会设计一套统一风格的icon是最基本的要求。应用程序中的图标种类繁多,最常见的是:平面图标、直线图标、平面描线图标。

  1、表面形状图标

  面状图标视觉比重大,具有较强的视觉表现力,一般用于主要入口应用。最近,苹果iOS11底部的标签栏使用的是平面图标。那面型图标的风格该怎么统一呢?应用程序界面上,面型图标的使用方式一般有正形和反白两种。我会分别说明在这两种情况下,如何进行统一。

  2、正态分布

  上面是面形图标的正形使用,要统一风格,要注意的是:面的面积,负的面积,线的面积,形的统一。可由形体、圆角进行统一,满足上述三个条件,基本可以制作出一套风格一致的面形icon。注意:线的形状,封闭区域的大小,线的粗细,以及线的断点。

  3、反白。

  反白法使用时,除了要注意正形图标的三个关注点外,还要注意图标与底板的尺寸比例,比例没有严格的规定,但推荐0.618黄金比例。

  其要点是:面的面积,负的面积,线的统一,形的统一。例如:圆角一致,底板和图标比例。

  4、线条图标。

  线条图标更轻量化,减少了视觉上的干扰,让用户更关注产品的核心功能。以前的iOS11,iOS本地应用的导航栏、标签栏和工具栏都是2px的线框设计。线型图标也有两种用法:正图形和反图形。线形图标的反白使用是不推荐的,因为从设计逻辑上来说,背板结合线形图标是相互矛盾的。

  5、平坦描线图标

  平面描线图标实际上是面与线的结合,最初这种设计形式,主要用于制作较复杂的插图,后来逐渐出现在标签栏、首页入口等地方,开始应用。这种类型的图标相对于纯面形、纯线形而言,风格明显,更加个性化。其中一个APP叫“想走”,它的分类图标就是使用了平面描线,有兴趣的同学可以去看看。

  6、平面描线图标,风格统一,除了要注意线形图标的设计(线的形状,线的粗细,线的断点)外,还要注意填充区域的大小。

  基本讲完了,当你掌握了统一图标风格的基本方法后,就可以开始创新,有自己APP特色的图标了。想了解其他UI设计教程敬请到优漫UI设计培训学校官网咨询。