图标绘制流程

Mr.Hope ... 2020-09-15 设计
大约 2 分钟

# 情绪板

情绪板是在执行一项设计操作之前非常重要的一个步骤,情绪板并不是像设计平台展示作品集里那样放几张图片,几个关键词,而是一套对接下来设计的一个风格走向定位。根据不同的用户人群,不同颜色的色彩情绪,不同产品的业务,将用户调研的结果,产品的背景进行总结与思考,定位接下来的设计风格。

# 绘制流程

# 选取照片

观察生活,对想画的图标进行照片实物造型的提取。图标是对生活中事物的精简概括。利用现实照片作为设计参考可以让绘制出的图标更真实,辨识度更高,还可以做到差异化设计。

# 造型勾勒

使用矢量软件的基本图形与钢笔工具描着照片进行轮廓的绘制。

# 简化优化

简化草稿轮廓的结构,只保留一个物体的主要特点元素,删除多余元素。优化图标细节,需要时将图标线性转面性。

# 业务属性

根据业务需要,调整图标风格,添加质感。

图标制作流程

# 制定规范

无规矩不成方圆,规矩的出现可以让一切杂乱的东西变得合理,统一起来。在设计上也是如此,规范具有统一输出,指引细节、便于查看的好处,规范就是一组图标中的规矩,所有图标的绘制都按照规矩来,最终的成品就会显得井然有序。

在制定规范时,通常先绘制出一个符合业务风格的图标,然后根据这一个图标定制后续的图标规范,最基本的规范便是描边宽度,断点位置、圆角大小,主色辅色,渐变角度,点缀元素,光影角度等,在一组中的图标需要在这些图形属性中进行统一,这样的图标虽然形状不一样但是在视觉上看起来是属于同一合集的。

制定规范一般分为三个过程:

  • 拆分细节: 将图标中的细节元素进行分解,在规范中制定细节元素的使用法则。
  • 风格定位: 根据产品调性,业务属性在规范中制定相应的色彩心理、质感风格。
  • 功能划分: 功能相近的包括色彩、质感应该采取相近性。