我用了很长的篇幅来讨论如何设计线性风格的图标。然后面部样式图标的设计熟悉线性图标的绘制方法，操作并不困难，而且面部样式的实际操作难度低于线性图标的实际操作难度，因此我们用一篇文章来描述图标的设计。

操作中图标和线性图标之间的最大区别是笔触和填充模式。我们知道，为了满足像素对准要求，线性行程在操作中将具有许多不可控制的因素，并且需要许多额外的步骤。弥补。在面部图标中，您不需要使用笔划，并且可以使用相同的图标模板。

以下是本文中具体案例的演示。

基本风格

我们使用线性图标中的样式来设计面部效果。具体步骤不需要完全证明。只需用填充替换所有线性样式演示中的笔划，并使用相应的路径查找器功能。

值得注意的是，也许我们习惯使用线条工具绘制大量1pt宽线，这是错误的方法。我们需要使用矩形工具绘制完整的闭合形状，然后使用路径查找工具或图形上的批处理操作来确保均匀性。

此外，面部图标并不意味着“线性”元素根本不会出现。在某些特定情况下，我们仍然必须通过线条的形式显示图形的轮廓。例如，用于搜索图标的镜头，使用完全填充样式显然不令人满意。因此，中空透镜区域是不可避免的。

虽然我们不可避免地使用“线性”元素，但在面部样式中，这些图形的笔触元素不应太薄，并且应使用不小于2pt的宽度。并且，为了确保图标的一致性，整个图标集的线应尽可能使用相同的厚度，而不是在这里使用2pt，而在其他图标中使用4pt。

平面插画风格

平面插画风格实际上是一种高度自由的图标风格，可以设计有许多有趣和创意的插图图标。在这种情况下，我们只会解释一种最基本的设计方法，以便新手入门。

最基本的平面插图基于面部图标，将图片分成不同的面部组合，然后用纯色填充面部。例如，心脏图标看起来像一个刻面图形，但我们可以人为地将它分成两个面，然后填充相同颜色的不同色调，你可以得到一个平面插图样式图标。

类似于在开放区域中带有图标的搜索或消息图标，我们可以用不同颜色填充剪切块，使它们显示为单独的面，并且可以实现相同的样式。最后一个是“施加图标”。例如，眼睛图标，我们可以创建一个接近真实眼睛的样式，添加细节如瞳孔 高光，只要使用纯色填充，并保持细节数量在合理范围内，它将与其他图标不冲突。

颜色渐变风格

在面部图标的颜色渐变中，存在各种更详细的设计类型，例如整个图标的相同渐变，或图标中不同面部的不同渐变。

整个图标使用相同的渐变，这与线性图标的渐变方法几乎相同，只要在开始填充渐变之前合并所有图层。让我们解释一个特殊的基本渐变样式<!DOCTYPE不同的透明度渐变。

例如，心脏图标，我们将它分为两个不同的面部组合，然后使用红色渐变，一个强，一个弱。通常，我们只需要设置一个强梯度，然后将渐变复制到另一侧并降低其透明度。

在使用透明度的图形中，重要的是要注意，为了确保图形背面的元素在实际使用中不影响图标颜色本身，我们将这些图形复制到白色图层并将其放在底部。

透明叠加样式

最后，这是这种透明覆盖层的设计风格。就像线性图标中的叠加设计一样，我们需要将图形分成几个面以创建重叠区域。

在这种情况下，图标尽可能使用纯色，这比使用渐变更好，因为我们控制重叠区域的颜色。也许很多学生会看到这种风格，他们会认为叠加区域可以控制透明度，但这种效果通常并不理想。特别是当颜色匹配是对比色时，交叉部分的颜色将具有“吱吱”的感觉。透明舒适度和图形本身的饱和度也会受到影响

通常，另外配置交叉区域的颜色。也就是说，在绘制图形的所有轮廓之后，一起选择它们，然后使用图像生成工具分别为交叉区域选择颜色方案。下图是单独选择的两种颜色组合和透明度的比较。

结论

这里解释了面部风格的设计。与线性图标的设计相比，面部工具图标的设计更加简单。虽然设计风格具有很多可扩展性和可能性，但您应该始终记住它们。它仍然是一个“工具图标”，识别优先于视觉风格，因此不要过分强调视觉效果并使其成为装饰性图标。