图标设计风格和类型汇总

图标类型千变万化，实际上万变不离「线性、面性、线面结合」3个方面， 再结合透明度、渐变、颜色叠加、质感、多维空间等表达方式设计而成。

使用轻量线条勾勒的图标，趋向于精致、细致、锐度感，细线轻量、直线硬朗、曲线柔美。

1、极简风格

整体风格极为简约，还原图形的本质，外形简单却具有很强的识别性，在视觉感知上轻松、干净。

极简的风格图标在于对图形的把控，多一笔可能显得复杂，少一笔可能影响识别程度。

2. 双色

更具表现力，细节上也会更加丰富，形态感知上多了一层变化。结合颜色的叠加、对比、互补提升了图标的层次感和丰富度。同色系（冷色暖色），对比互补色，颜色跨度更大，层次更加分明

透明度变化：提升图标的层次感和空间感，降低图标的压迫性。

渐变层次叠加：渐变带出了图标的质感，结合不同深度或不同饱和度的变化，让图标更具有细节和层次。

3.线条+品牌色

4.一笔成形

在视觉表达上具有较高的线性流畅度和设计感，关注点在于整组图标的 「开口起始点」 设定上需保持一致，「从左到右」或「从右到左」形成一体化的连贯线条，开口起始点不一致会影响整组图标的一致性，应用在页面时也会显得杂乱。

能表达出图标的力量感和重量感，比线性图标会更加容易吸引用户目光。在识别度上，面性图标更加依赖于外轮廓的清晰度

1.单色面+点缀色

2.多彩双色

通过对比色、邻近色的搭配来营造整体的图标氛围，提升了图标的层次和丰富度，双色的表达也增添了图形的趣味性。在日常使用的 APP 中极为常见，简单且容易出效果。

3.微质感渐变

微弱的渐变提升了图标的质感。让原来单色的图标变得更加具有层次感和空间感，设计细节更加丰富，降低了单色面性图标的厚重感。

4.透明叠加的图标+渐变的背景

5.颜色叠加穿透

图标透明叠加之后产生了交错的负形，叠加出第三个面。虽然整体设计依然保持着扁平化，但却多了一份层次感，并且增加了图标的细节。

6.磨砂玻璃质感

更具层次感和空间感，同时图标也具有较强的设计感。

既保持了面性的重量感，同时具有线性的精致、细腻。因此在设计时可以根据图标具体想要表达的感觉对线面比例进行把控，不同比例可以呈现出不同的视觉感知。

1.黑白线+面性品牌色

2.线面双色

线和面的结合进行设计，依据上下、左右、居中等基础方式的结构化设计，整体图标的视觉效果较为跳跃，非常规。

3.线面结合-卡通插画

整体感觉比较可爱、卡通、二次元，常见于一些二次元或漫画类的 APP。

4.面性-渐变强质感

整体风格的光影质感会比较强烈，常在一些活动运营或小游戏的界面出现。