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