图标常用小tips

一、图标样式分类

将图标按照样式进行分类，可以分为线框图标、填色图标、多色图标。

二、图标文件格式分类

图标的文件格式通常有位图（如jpg、png等）、SVG、GIF或者Animated SVG，每种类型对应的使用场景也有不同。

  1、位图应用场景有：照片、复杂的矢量图；

  2、SVG应用场景有：Logo图、不复杂的矢量图、UI组件、信息化图表、图标；

  3、GIF和其他图片格式一样，不能适配各种分辨率，在放大或者高分辨率显示器上会出现像素化；

  4、Animated SVG支持缩放和自适配，在任意分辨率的显示屏上都可以清晰的呈现；

三、图标配色取色思路

思路一：同一透明度，使用同一色相不同饱和度表现层级区分；

思路二：同一色相，使用不同透明度表现层级；

思路三：同一透明度，使用主色和相近色表现层级；