2.3 图标的风格类型

根据风格类型划分，图标可以分为拟物化风格、扁平化风格、3D风格及2.5D风格。

2.3.1 拟物化风格

拟物化风格的图标贴近现实，带有渐变、高光、阴影等效果，如图2-38所示。在“iOS 6时代”拟物风格达到了流行的巅峰，之后逐渐被扁平化风格赶超，现常用于工具类、游戏类等的应用图标。

2.3.2 扁平化风格

扁平化风格图标与拟物化风格图标不同，很少有渐变、高光、阴影等效果，如图2-39所示。扁平化风格自2013年iOS 7推出，如今成了设计的主流趋势。扁平化风格图标可以分为线性、面性以及线面3种类型。经过多年的发展，设计师在线性、面形以及线面3种类型的基础上又设计衍生了其他类型。这些类型形式各异、富有特点，并被广泛运用。

线性图标通过统一的线条进行绘制，以表达图标的功能，如图2-40所示。该类图标具有形象简约、设计轻盈的特点，会呈现出干净的视觉效果。同时由于线性图标中使用的元素本身的简单性，亦会产生设计师创作空间缩小等问题，并且在制作复杂线性图标时会产生识别度降低等现象。线性图标的使用场景非常丰富，其作为页面的功能图标常用于导航栏、金刚区、列表流、分类区、局部操作、标签栏等。

面性图标即填充图标，如图2-41所示。面性图标由于占用的视觉面积要比线性图标占用的多，所以具有整体饱满、视觉突出的特点，能够帮助用户快速进行图标的位置定位。但面性图标不宜在界面中大面积出现，否则会产生界面过于臃肿、用户视觉疲劳等问题。面性图标的使用场景与线性图标的同样丰富，常用于页面的核心业务，如金刚区、内容装饰、标签栏、列表流等。

线面图标是线性图标和面性图标的结合，如图2-42所示。线面图标由于兼具线性图标和面性图标两种图标的优势，所以具有生动有趣、俏皮可爱的特点。通过对线面比例的不同把控，线面图标能够呈现出不同的视觉效果。但线面图标由于自身特点，会有一定的局限性，并不能适用于大部分产品。线面图标的使用场景比较独特，常用于趣味类产品、弹窗、空页面、引导页等。

2.3.3 3D风格

3D风格的图标立体、有层次感，由若干几何多边体构成，如图2-43所示。其制作软件通常为3ds Max和C4D，并常用于游戏中。

2.3.4 2.5D风格

2.5D风格的图标由物体的正面、光面和暗面3面组成，是一种模拟3D效果的图标，如图2-44所示。其制作软件通常为Illustrator，并常用于引导页、空状态以及弹窗中。