读书笔记:图标的设计流程

2018-07-2110:38:55 发表评论 582 人看过

要学习图标设计,就要掌握图标的设计流程,当然不同的设计师设计流程可能会有所不同,所以大家不要太拘泥这种流程,可以根据自己的习惯,制定出自己的设计流程,灵活掌握。

 

一、产品定位

拿到图标设计项目,首先要确定产品的定位,该图标是品牌图标、功能图标还是装饰图标,是计算机图标还是智能移动设备图标,产品主要应用在哪些方面,只有确定的产品定位,才能了解产品要设计的尺寸和风格,根据这些再做进一步的分析整理。

 

二、产品风格

根据产品定位选择图标的风格,不同的图标使用环境不同,不同的使用环境也决定了风格的取向。首先可以先确定品牌、功能还是装饰图标,如果是品牌在制作过程中要注意识别性,而如果是功能或装饰图标,则可以多考虑美观性。

以现在图标的流行设计来思考,如扁平化、卡通涂鸦、立体写实、剪影、应用、像素、单色、拟物等,根据这些不同的图标风格,确定产品风格,进而制作出符合要求的图标效果。

 

三、寻找隐喻

所谓隐喻就是与所要制作图标存在一定关系的事物,如直接关系、间接关系、因果关系等,这些用来作为隐喻的是一个具体的物体,而非抽象的概念,如果制作一个音乐相关的图标,我们可以想到音符、乐器、MP3、耳机等;还可以进了一步去想听音乐时的感受、场景等,如开心的表情、音乐厅、咖啡馆、演唱会等;还可以联想一些音乐明星等,有了这些隐喻的具体物体,就可以发挥想象制作出符合要求的图标。

 

四、绘制草图

所谓草图,就是先在纸上草草地绘图。绘制草图时设计的最初阶段,草图可以只是轮廓而没有太多细节,也可以有一定的细节但不用过于精细。草图是设计思维的一种表达手段,绘制草图的好处就在于在绘制过程中发现最初的问题,并及时修改纠正,因为草图一般都是用铅笔绘制,修改非常方便,而且有好的想法可以随时补充、修改。

在绘制草图时要注意对整体设计的理解,确定结构关系与基础尺寸。如果是二维平面草图,要注意草图所依附的平面,确定平面坐标;如果是三维图标,要注意三维空间的设置,还要注意草图的线条应用,不要有过多的线条,重复笔画不要过多,线条要保持流畅性。草图过于简单或复杂都会影响识别,所以要掌握这个平衡点,如果是功能或装饰性图标,可以添加更多细节,制作出美丽写实的图标效果。还可以使用一些彩色铅笔来完美丰富草图。

 

五、绘制图标

草图确定后,就可以进入真正的绘制阶段,当然对于图标的绘制,所使用的软件也是非常多的,根据设计师的爱好会有区别,这里就不用纠结软件了,毕竟软件只是一个工具而已。对于比较常用的软件主要包括:Photoshop、Illustrator、CorelDRAWj、Xara Xtheme 和 Fireworks,需要说明的一点是,Fireworks 最初是以网页应用而推出的,号称“网页三剑客”之一,主要用在 Web 设计与开发中,创建矢量图形,但在 2013 年 Adobe 公司将其毙掉了,已经不再更新。

在这些设计软件中,最常用的还要数 Photoshop 和 Illstrator,Photoshop 相信没有人不知道它的强大,是目前最主流的设计软件,强大的设计、处理与渲染功能,虽然在最近的新版本中添加了一些矢量功能,但对于矢量图形的编辑还是有些弱。比较常见的一些精细度非常高的图标一般都是 Photoshop 设计的。

Illustrator 应该是目前矢量图形设计的首选软件,具有强大矢量路径的编辑与绘制功能,缺的就是图形渲染能力弱,这方面远远不如 Photoshop。当苹果公司推出扁平化设计后,Illustrator 的设计功能能被更大地显示出来,一般大面积的单色图标设计,特别适合 Illustrator 设计的图标。

纵上述可以看出,这两个软件是互补的,如果写实质感性图标设计建议选用 Phoneshop,而矢量图标的绘制建议使用 Illustrator。

 

六、细节美化

当图标草图确定并绘制出来后,细节的刻画也是非常重要的,特别是装饰图标,此时可以根据图标的特点进一步作细节的处理,以制作出精美的图标效果。

weinxin
博客小程序【一起行动派】
欢迎访问行动派博客小程序,小程序和博客同步更新,查看内容更加方便!
Action

发表评论

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