旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > UI设计培训课程如何系统优化一组图标

UI设计培训课程如何系统优化一组图标

时间:2020-08-04来源:www.aaa-cg.com.cn点击量:作者:Sissi
时间:2020-08-04点击量:作者:Sissi



  UI设计培训课程如何系统优化一组图标?很多新手小白都比较棘手的问题,入行UI设计行业的同学们不知道怎么去优化一组图标,今天AAA教育郭老师就针对UI设计培训课程如何系统优化一组图标进行简单的说明。


  我们直说重点:
 

  1.风格如何选取

  2.找不足的维度

  3.透视角度优化

  4.颜色优化

  5.怎么增加亮点
 

  一、UI设计培训课程:风格如何选取
 

  对于风格,应该如何选择呢,比如有描边扁平风格:

如何系统优化一组图标
 

  有轻质感的拟物风格:

如何系统优化一组图标
 

  这里可以给大家一个参考方向:
 

  界面常驻功能性图标一般会使用描边、扁平风格的图标,而对于节日主题图标,图标如果太平会显得比较冷静,所以加一些质感的渲染会更有气氛。
 

  而且增加质感一定程度上可以弥补造型上的不足,而且很出效果,对于时间有限的需求,是个不错的选择。
 

  二、UI设计培训课程:找不足的方向
 

  由于没有做图标的经验,所以第一版样式犯了一些基础性问题
 

如何系统优化一组图标

 

  有不足不可怕,可怕的是不知道不足在哪里,所以清晰有条理的找到问题也是我们设计必须具备的能力。
 

  我们从以下三个方向进行问题拆解,供大家参考
 

  1.厚度的一致性:既然是轻质感风格,那就需要让图标有一定的立体感,也就是厚度,而图中的鞭炮、小鼓看起来有些平,没有体现出厚度。
 

  2.颜色的一致性:一组图标颜色一定要看起来是和谐,用的色相要保持一种,比如现在鞭炮的红色有些偏暗红,而小鼓的颜色偏黄红,这也是比较明显的问题。
 

  3.创意亮点的发掘:图标中有一个老鼠的形象,想表达一定的创意性,但是老鼠的造型还不够可爱饱满,并且这个创意点和平台品牌关联性不强,如果用在别的平台也可以的话,那就证明还可以再想象独特性。
 

  灯笼是五个图标中做的相对比较稳的一个。
 

  问题和优化方向都有了,接下来就是调整了!
 

  三、UI设计培训课程:造型方向的优化
 

  首先我们来优化造型方面的。
 

  既然我们要做立体化质感的图标,那图标就不能太平,原有的鞭炮角度太正,所以在角度上进行了优化。
 

  并且因为一个鞭炮有些太单调,所以把数量增多,优化如下:
 

如何系统优化一组图标
 

  除了鞭炮以外,我们认为那个鼓的造型本身不够饱满,短时间内比较难出效果,所以及时更换了元素——锦鲤

ui设计



  四、UI设计培训课程:颜色方面的规范
 

  之前的颜色有些偏暗,有些发黄,所以我们定了一个颜色规范,在主色上都使用统一的颜色,这样在延展的时候,就不容易跑偏:

UI设计
 

  只要严格保持颜色规范的使用,不停的对比调整,一定可以让一套图标的颜色不跑偏。
 

  五、UI设计培训课程:创意方面的优化
 

  咱不说一组图标,每个都有亮点,但至少有一个是相对比较特别的,这是非常有必要的,否则整体看起来就会非常平庸。
 

  产生亮点的方法有很多,比如风格、透视、颜色、品牌基因等等。
 

  由于我们在风格、颜色等方面都已经固定,所以选择在品牌基因的维度出发进行优化。
 

  一说到品牌基因,我们就可以联想到吉祥物,由于又是鼠年的新年主题,所以我们将自己的吉祥物黑子与老鼠的元素结合,让「吉祥物黑字」穿上了「老鼠外衣」,并且手举春联:


UI设计

  可谓是整组图标最大的亮点,这个生产创意的方法其实很常用,大家一定要多多练习。
 

  最后我们看一下优化前后的效果:
 

  优化前:

UI设计
 

  优化后:

UI设计
 

  总结
 

  整体还算ok,关键是能在执行的过程中有所成长,你若是有什么新的需求请联系在线小姐姐。留下你的需求,郭老师尽力为你解答。因此,您现在已经了解了与UI设计师的工作相关的主要技能。如果您想了解更多信息,请访问AAA教育,包含有关在该领域工作的更多相关文章。



 

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

©2007-2022/ www.aaa-cg.com.cn 北京漫动者数字科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc

京公网安备 11010802035704号

网站地图