如何创造一个吸引人的图标?

原创文章 分类: 经验/观点 版权:
812 6 14 0
2018-04-04
5.1
普通推荐

干货分享 如何创造一个吸引人的图标TAr.03

如何创造一个吸引人的图标?

Image title

今天黑熊分享一些小经验,干货分享第一章,如何创造一个吸引人的图标?


图标分为三类分别是/扁平图标又称2d图标/微质感图标又称2.5d图标/写实图标又称


3d图标,了解之后大家在画图标的时候针对主题再去选择图标类型。

Image title



图标的设计感取决于造型(这个需要我们多看,多累积经验,画多了自然在造型上能


有新突破)图标吸不吸引人取决于细节,细节到位有内容可看,就能吸引人。


案例分析(比如搜狗浏览器)首先需要给它定位


1:是一个浏览器,互联网

2:与科技相关

3:全球覆盖

4:首字母S/G


 给主题定位后就可以开始制作了,首先需要画出符合定位的造型(取首字母S为图标


主视觉)如下图如果用直角矩形和圆角矩形都会让人感觉是一个封闭的空间。更像是


一个和文学相关的图标造型且无法直观联想到互联网,浏览器。我们再来看圆形,圆


形即是地球的形状,也可代表互联网的全面覆盖。

Image title



三个造型放在一起,哪一个更加符合浏览器的定位?


明显是第三个,圆形的图标且还有一个小细节,正负关系类似中国的八卦图,意为无


限更新,循环,也恰恰符合浏览器的定位。

 

我们画好造型后,接下来就是开始上色,合理的颜色运用非常重要,看下图

Image title


第一个相近色,不够直观,与想表达的S区分不够明显。


第二个外围蓝色,内部白色,会造成视觉的引导错误,我们首先会注意到白色区域,


这不是我们想表达的。


第三个外围白色,内部蓝色,可以很直观的看三S字母,可以准确传达出搜狗浏览器


这几个字的信息。


图标做好了之后我们就可以开始上细节


细节的做法无非就是颜色的渐变,高光,阴影,让图标看起来更加生动,有层次感。


如下图,我们在已经画好的造型上加入一些细节。

Image title


我们常常刚画好的图标,过一个小时或过一天再看,是不是常常会觉得哪里有问题,


或突然就觉的不好看了。知道为什么吗?


其实就是因为我们没有去做一些细节,或细节没做到位。


你想象一下,你是一个三维生物,你画的图标就是二维平面的东西,你一眼望穿,没


有任何隐藏的东西。所以你就会觉得这个东西没什么特点,也就会记不住。

 

你再想象一下,你还是一个三维生物,你给画的图标添加一些细节,把它带到了你三


维的世界,这个时候你看不穿它了,你左看右看上看下看,就是看不穿,你需要花点


时间去看它那些细微的美,这样你就会对这个图标有了记忆点。


当然这个图标还可以添加一些细节进去,这里就不阐述了,大家知道方法就好。

Image title

最近一直在画图标,才知道即使那么小的一个区域,也是可以发挥出很多东西来的,


面积虽小但我们可以让它变得精致,分享大家一些最近画的几套的部分图标。

Image title

Image title

Image title

Image title今天的干货分享就到这里了,希望对你们有所帮助


设计即创造,我是黑熊,一个有态度的设计师,一起加油

黑熊设计站

设计中的一二事儿,设计经验分享传播者

4粉丝/0关注

佛系设计师的心理转变过程

黑熊设计站

黑熊设计站

设计中的一二事儿,设计经验分享传播者

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2018 UI.CN