1  图标概述

图标：具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性。

作用：更容易理解的可视化语言，帮助人们高效地识别和传递信息； 丰富页面，使页面生动活泼；强化产品品牌感，修饰页面。

种类：

1. 表象——和实际物体有相关性的符号或表现，间接关联含义，例如放大镜、手机。

2. 表意——直接表达一个概念，例如加减号。

风格：

图标的不同风格

大小：

1倍尺寸的界面中图标的大小 大小一般是4的倍数，并且是偶数

2  绘制图标注意点

绘制图标的注意点 安全区让横竖的方形、圆形和方形的大小视觉上一致

3  着手做一套图标

做图标的步骤 用栅格画图标 栅格的原理和使用

我们的显示器被分割为了一个个的像素，单个像素只能有一种颜色，要在屏幕上显示，必须先把以 pt 为单位的长度转换为以像素为单位的长度，这个转换的媒介，就是 DPI。

pt (point，磅)：是一个物理长度单位，指的是72分之一英寸。

px (pixel，像素)：是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI(Dots Per Inch，每英寸像素数)，在扫描打印时一般都有DPI可选。Windows系统默认是96dpi，Apple系统默认是72dpi。

pt和px的换算公式可以根据pt的定义得出：pt=1/72(英寸), px =1/dpi(英寸)

这边，24尺寸做一倍图用1.5像素做。用放大的方法，64*64尺寸来做图标更方便。

扁平风插画实例  扁平风插画教学（PS做）