图标类型总结

应用图标类型

1.剪影图形

简单的剪影图形陪衬简单的背景,没有过多的视觉元素。

图标类型总结_第1张图片

2.拟物

将现实生活中既有的物品直接描绘出来。

图标类型总结_第2张图片

3.轻质感

对剪影图标增添轻量的渐变、投影、不透明度等,通过色彩明暗表现立体层次。

图标类型总结_第3张图片

4.轻拟物

将拟物的图标扁平化,减轻厚重的质感,去除投影、渐变、纹理。保留了品牌的延伸和华丽视觉,又减弱了视觉负担,并顺应扁平化趋势。

图标类型总结_第4张图片

5.叠加

渐变或不透明度图层、色彩的叠加组合。

图标类型总结_第5张图片

6.文字

具有唯一识别性,延伸品牌。

图标类型总结_第6张图片

7.插画

图标类型总结_第7张图片

通常是游戏应用,夸张的任务角色和精致的游戏画面,具有强烈的视觉冲击力。

8.像素画

通常是像素画游戏应用,复古的手法比较新鲜。

图标类型总结_第8张图片

功能图标类型

1.面形图标

图标类型总结_第9张图片

2.线形图标

2.1大圆角风格

表现出萌动、活泼的特性。

图标类型总结_第10张图片

2.2直角风格

表现出干练、明快的特性。

图标类型总结_第11张图片

2.3断线风格

表现出精致、独具一格的特性。

图标类型总结_第12张图片

3.轮廓填充图标(filled outline style)

图标类型总结_第13张图片

图标网格及关键轮廓解析

参考Google Material Design,以48dp大小的图标为例,上下左右要有2dp的留白,内部的关键轮廓线主要为了限制图标的边界,保证同一套图标大小上的统一。

图标类型总结_第14张图片
图标类型总结_第15张图片

你可能感兴趣的:(图标类型总结)