图标的制作和设计思路——第一期设计群分享交流会·文稿整理
2016-08-21 本文已影响277人
Jkarakorum
以下为简书设计群第一期分享交流会的文稿整理,简书设计群每周六晚会有针对“设计”的分享交流会,欢迎各位入群分享讨论。
第一期分享内容:图标的制作和设计思路
分享人:老睿
分享时间:2016.8.20

首先,在做图标前我们要明确图标的作用:
1.向服务对象提供信息和向导
2.丰富用户体验并简化体验过程

接下来明确图标的制作要求:1 好看 2 看得懂

接下来根据要求正式开始制作图标,第一步,展开联想,从生活中寻找灵感,这里以简书专题中的设计、在路上、历史、教育四个专题为例,分别联想到笔和尺、路标、竹筒、学士帽。



第二步,以景入画,以画传神,运用PS、AI等软件对实物进行临摹、简化,画出图标的基本模型。(这里稍微提一下,制作图标一般使用PS、AI中的形状和路径工具以及布尔运算法则,大家没有这方面基础的可以看一下网上的教程,这方面教程非常多,由于时间关系交流会上不作详解)



第三,在得到基本模型后,对整套图标进行精简统一,检查图标的内外圆角、粗细大小、锯齿虚边等细节,确保整套图标在视觉上(而非像素上)大小一致,看上去就有一种一套的感觉。


最后定稿并进行一定的包装展示,观察图标在实际运用中是否有不协调之处。





最后推荐三个找灵感的图标网站:iconfinder、icomoon、阿里图标
以上