图标类型总结

应用图标类型

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的留白,内部的关键轮廓线主要为了限制图标的边界,保证同一套图标大小上的统一。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一个APP应用图标设计的美感与吸引力,决定了用户对产品的第一映像。一个有吸引力的APP应用图标,可以让用户愿意去了...
    Evans的璀璨星空阅读 2,367评论 0 17
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,118评论 25 709
  • 如果进行移动互联网的开发,客户端和服务器端在开发过程中的解耦很重要,如果任何调试,都要等待服务端完成之后才能进行,...
    windgo阅读 1,290评论 0 7
  • 高考前的几个月,我浮躁不安。 唯一平复心情的方法是压马路,从瑞中徒步远征书城,耗时两个小时。往往仅有的周末就在不停...
    卢生枕阅读 512评论 2 1
  • 一大家早上好,我的分想第一要感谢师付,感谢师付的支持和付出,这段时间对我付出了很多,没有你的支持我可能也晋升不了,...
    dcbbb8c129a4阅读 1,399评论 0 0