图标是具有指代意义的具有标识性质的图形,它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。
图标主要分为工具类和装饰类。
我这次主要讲一下工具类的图标。
图标的类型
1、线性图标(单色、多粗细、多色、断点、渐变、叠加)
2、面性图标(单色、多色、渐变、叠加)
3、混合图标(面线混合)
合图标除了我示意的这些,还有其他的样式,我就不一一列举了。
以上图标是我用同一个基本样式来变化出不同风格,这样可以更好的对比,但是美观性上会略有牺牲。
简单知道了图标不同的绘制手法之后,就要了解图标的属性性格。 影响图标风格的主要因素有:线条的粗细、圆角的大小、颜色的使用 线条越细越感觉精致,线条越粗越感觉踏实;圆角越小越感觉硬朗,圆角越大越感觉可爱;颜色的使用就是颜色本身的感觉。
绘制图标时选择哪种性格可以依据产品的定位来确定,比如二次元、儿童教育类的就适合活泼可爱的图标,奢侈品牌类的就适合高端精致的图标。
解了那么多的基础知识之后,该如何画一个图标呢? 下面告诉大家我画图标的“独家秘籍”,以画一个「外卖」的图标为例。
如果是在已经有的一套图标中增加几个图标,那风格和之前的保持一致就行; 如果是要自己从零开始画一套新图标,那么可以依据产品的调性去确定图标的风格。
我这次的例子是要在一套图标中增加一个图标,所以风格直接统一就行。
这一步要发散思维,相关的词汇都可以列出来,不断的去发散。
找到一些觉得满意的参考之后,可以按照关键词,截图放在一起,然后选择比较好的,或者依照现有风格比较好提炼去进行绘制。这一步不是“抄”,而是借鉴参考,因为你直接“抄”不加任何修改,很容易整体风格不统一。
看到上面的参考会发现比较贴切的是外卖骑手的车,但是图标样式过于复杂,其他的图标虽然相关,但是表示外卖会有点牵强。这个时候就要继续联想,外卖一般都是装在盒子里面的,可以用外卖盒表示,再加一双筷子,会更加贴切。
画出了大概的样子,最重要的一步就是调整细节,按照统一的风格去修改。比如大小统一、圆角统一、复杂程度统一、描边的粗细统一、不同颜色的视觉占比统一等等。
这里的大小统一不是指的物理尺寸的统一,因为人的眼睛会有视觉偏差,所以一般的大小统一是指视觉上的大小统一,说人话就是用你眼睛看起来是大小统一的。
我一般会使用同一个尺寸的底板来控制图标的大小,例如都用一套图标都用48x48的底板,在绘制图标的时候不要整个填充,要留有一定的间隔,那么图标在绘制的时候可以依据视觉进行调整,从而达到视觉统一。(网上也有很多推荐使用图标栅格的,如果是想走技术流的可以自行百度“图标栅格”)
复杂程度就是一个图标是简约的还是复杂的,基本的线条多少,或者色块的多少,要大致统一,这样看起来才是一套的图标。
使用颜色要统一,每个颜色在图标中的占比要大致一样。
在调整完这些小细节之后,一个图标就绘制完成了。