Hello，大家好。我是刘小P！
在我们的日常设计中，图标应该是我们经常使用的素材。当页面文案内容少的时候，可以用图标丰富页面的版面；当页面文案多的时候，图标也可以让页面视觉体验更加简化。
那我们在使用图标时，到底该如何选择呢？
一、图标的分类
线性图标、面型图标、渐变图标、混合图标、扁平化图标、2.5D立体图标
线性图标：用线条绘制的图标
在越来越以“Less is More”为审美的时代，线性图标使用的频率也越来越高了。
线性图标
面型图标：采用填充与负空间结构的图标
面型相对于线型来说更加具有视觉重量，更容易吸引用户的关注，识别度也更强。
面型图标
渐变图标：采用渐变色填充的图标
渐变图标算是面型图标的一个分支，但因为细节丰富，弥散阴影的运用更偏向于年轻化，和传统的面型图标还是有所区别，所以常被单独作为一种分类定义。
渐变图标
混合图标：线形和面性结合的图标
线面混合图标因为视觉层级更加丰富，所以显得更加活泼。通常用于打造视觉调性。
混合图标
扁平图标：采用扁平插画形式的图标
扁平图标对于普通的面型图标，更加注重细节表现，视觉层级丰富，所以常用于营造产品氛围和视觉调性。
扁平图标
2.5D图标：2.5D立体图标
这种风格的图标，一般情况下很少使用
2.5D图标
那介绍完6种分类，如何具体的使用呢？
二、图标的使用原则
贴合主题：图标的使用规则就是贴合主题，只有贴合主题，才能将页面的内容更加的可视化，比如下面这个PPT。
可以看能出，页面中的图标和下面文字内容不贴合，内容讲的“静音”，而图标表达的意思是“禁止”，
当换成下面这个图标后，再来看看效果，更换图标后的页面主题与图标明显匹配很多。
风格统一：风格统一是指页面中的图标风格保持一致，举个例子，比如下面这个页面。
虽然这三个图标的主题和内容是贴合的，但是整体风格不协调，一张页面中不能出现不同风格的图标，那看一下修改后的页面吧。
三、图标怎么用
说完了图标的分类和使用原则后，下面说说该如何使用。图标在页面中有很多方法和技巧，这里我总结了为以下三点。
1、普通搭配
直接在页面中添加和主题贴合的图标，如下。无需其他任何修饰，保证图标与主题吻合、整体风格统一即可！
2、增加边框
为图标添加边框，让页面设计更加统一。
3、增加色块
为图标增加色块，这样更加具有视觉重量，更容易吸引用户的关注，识别度也更强。
除了添加圆形之外，其他形状也可以。
以上就是图标的使用方法了，方法固然重要，但比方法更重要的是理解方法，活学活用。
说了这么多方法，那图标从哪里来呢。给大家推荐几个图标网站。
感谢大家的观看，希望对大家有所帮助。
网友评论