图标ICON没灵感?老司机教你怎样“抄”出来!

  • A+
所属分类:经验思维

本文来源: 1Pixel(微信公众号:海盐社), 共 1931 字

最近有些小伙伴问我可不可以出一篇画图标的教程,起初我是觉得没有什么可以写的,毕竟网络上的图标教程也很多,不过最近和学习组的同学聊起关于画图标的话题发现还有存在一些问题的,所以我决定把我的方法写出来和大家分享,希望可以从根本上解决大家的问题。

多数人的误区

很多同学走进了一个误区,就是觉得自己不会画图标(动手能力不足),其实则是被自己的思维束缚住了。图标的难点其实不在于动手去画,而是画图标前的思路和总结的过程。要学会挑选不同的参考揉碎了之后融合到你自己的图标中,才能做出有创意的新图标。好了话不多说,我们来看实际操作的案例。

第一步:找参考风格

我们根据产品定位去自己的素材库或者各大设计网站选择我们觉得合适的图标参考,经过一番查找,最终选中了两种粗线型的图标风格作为我的图标参考(对于选择线的、面的、线面结合的、有背景色的等都是处于个人对产品的主观判断,是否选择正确,还需要去尝试)(如下图)

图标ICON没灵感?老司机教你怎样“抄”出来!

第二步:总结设计理念

找到每组图标的设计理念,这个很关键,很多同学分不清抄袭与借鉴的区别(后面我会附上抄袭与借鉴两者的概念),所以经常闭门造车,不愿意找参考去做。好了,我们回到正题,列出每组的图标特点。

第一组图标:

用线为9像素,直角,内部加有不同的元素,每个图标一种颜色线条与与线条之间链接,实色。

第二组图标:

用线为12像素,圆角,每个图标含多种颜色,线条与线条重叠,半透明色。

第三步:确定产品风格

总结我们自己的产品的风格:游戏性,可爱,圆角为主,色彩丰富。这一步在多数情况下在拿到原型图时我们就已经明确了自己的风格走向,所以这一步通常会和第一步找参考风格同步进行。

图标ICON没灵感?老司机教你怎样“抄”出来!

第四步:提炼

根据我们自己的产品风格开始挑选上面两组图标的特性变为自己的设计理念,下面则是选择时的一个思路:

1.由于界面本身多以圆角为主所以我毫不犹豫的也选择了第二组的 圆角

2.颜色上,第一组过于单一,不符合界面风格(游戏性),第二组颜色过多,放在原本颜色就丰富的界面中会显得很花,所以我融合了两组的颜色,改为每个图标固定为 两种颜色且近似色,这样图标即不会过于单调,又不会花。

3.选择图标细节,线宽,我选择了第一组的,考虑到图标内部我会加入一些其他元素,不会像第二组图标内部没有其他元素,线太粗会影响里面细节的展示。

4.最后就是选择特性,我很喜欢第二组图标的重贴感,增加了图标的细节,所以我选择了它作为我的图标特色。

图标ICON没灵感?老司机教你怎样“抄”出来!

第五步:图标的基本原型

一个常常被忽略的重点,找原型参考,找原型参考,找原型参考,重要的事情说三遍。举个例子,我们要做上面的第一个图标单机,怎么找呢,我通常会去 http://www.iconfont.cn 阿里巴巴矢量图标库去搜索相关的图标原型,选出至少5个好看的图标作为原型参考,记得一定是是好看的,(如下图)

图标ICON没灵感?老司机教你怎样“抄”出来!

因为是单机游戏,所以要找到符合单机游戏特点的样式,这就是我为单机图标找到的五个样式,最终我选择了参考2为我的基本图标造型PS:找图标的原型参考,很多同学总是想着做线性图标就找线性的,其他风格的完全不看,这样会损失很多好的图标造型。

第六步:融合

最后一步融合,也是最简单的事情,完全就是熟能生巧的软件运用了,只要平时多练习画图标,这一步非常简单,同样我们来看看结合的过程吧!(如下图)

图标ICON没灵感?老司机教你怎样“抄”出来!

得到了最终融合后的样式,就算是大功告成了,如果还想让自己的图标和原型变化更多些的话,可以改变一些细节的处理。最后放上这五个图标的完成品。(如下图)

图标ICON没灵感?老司机教你怎样“抄”出来!

关于抄袭和借鉴的区别

抄袭:抄袭是指抄袭者本身并没有创作意识,只是为了完成设计任务而抄袭,并没有结合实际情况做出合理的转化,也没有自己的创意,改动也是为了掩人耳目,是一种恶意行径。

借鉴:借鉴是指为了激发自己的创作灵感而去看别人的作品,并且创作的作品大多是根据自己的产品定位以及所处环境进行结合产生的。有着自己的思考,属于自己的智力成果。

所以前面提到很多同学在刚入行时看到好的作品后,总是像打了鸡血一样想要自己也做出特别的设计,却不去了解好的作品背后的历程,逐渐开始怀疑自己的设计能力,转行换业。还有一部分就是所谓的老油条,直接用网上的素材拼凑,不做任何修改,反而降低了界面的美观和统一。所以作为合格的设计师一定要明确抄袭和借鉴间的区别。

总结

无论是图标还是界面,做设计过程中,我们需要不断的收集素材进行总结,需找灵感和创意,对他人作品的优点或长处给予关注,仔细揣摩作者的思维方式、创作理念和用心创意,而不是照着原作品去努力使自己的作品通过自己的方式达到同样的效果或类似效果甚至更好的效果。丢掉我们原有的“羞耻心”,本文中对于图标的统一性,画法等具体的制作细节并没有太多讲解,在网上有很多这样的教程大家可以去看。最后希望大家都能做出好的图标,好的界面,好的作品。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: