美文网首页
图标类型总结

图标类型总结

作者: 舟航 | 来源:发表于2017-08-15 23:30 被阅读113次

    应用图标类型

    1.剪影图形

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

    2.拟物

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

    3.轻质感

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

    4.轻拟物

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

    5.叠加

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

    6.文字

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

    7.插画

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

    8.像素画

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

    功能图标类型

    1.面形图标

    2.线形图标

    2.1大圆角风格

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

    2.2直角风格

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

    2.3断线风格

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

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

    图标网格及关键轮廓解析

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

    相关文章

      网友评论

          本文标题:图标类型总结

          本文链接:https://www.haomeiwen.com/subject/lcmmkxtx.html