图标在UI设计中的应用

一、图标的定义

 

广义

图标，指具有指代意义的标识性质的图形，它不仅是一种图形，更是一种标识，它具有高度浓缩并快捷传达信息、便于记忆的特性。

 

狭义

一个图标是一个小的图片或对象，代表一个文件，程序，网页，或命令。图标有助于用户快速执行命令和打开程序文件。单击或双击图标以执行一个命令。图标也用于在浏览器中快速展现内容。

 

二、图标在UI设计中的运用

 

图标广泛运用于UI设计中，做为一个UI设计师，我们可以随处看到图标的影子，操作系统界面上、APP界面设计、Web界面设计、后台系统界面设计、小程序界面设计、手持POSS界面、各种职能终端界面设计等等。下面给你大家简单的分享一下图标的不同设计风格；

 

1、线性类图标

线性类图标比较简单易读，但设计的时候需要整个平台风格统一，线性类图标运用广泛运用于APP、Web、后台系统、小程序、手持POSS等界面设计，

2、填充类图标

填充类图标比线性类图标可读性比较高，但设计的时候需要整个平台风格统一，填充类图标运用广泛运用于APP、Web、后台系统、小程序、手持POSS等界面设计当中；

3、单色浅色类图标

单色浅色类图标比较小清晰，适用于比较年轻用户群体或女性类用户群体的产品；

4、单色深色类图标

单色浅色类图标比较严谨，稳重，适用于用户群体年龄35-50+的用户群体；

5、多色类图标

多色类图标比较清晰俏皮可爱，适用于10-25岁左右年轻用户群体，或女性类用户风格产品界面设计当中；

6、综合类图标

多色类图标比较官方性，一般用于桌面系统；

7、游戏类图标

游戏类图标一般都是做拟物化的设计风格

三、总结

在我们拿到一个需求时候，我们应该对这个需求进行调研分析，分析出产品的用户群体定位，行业竞品分析，结合自身产品的特点再做界面设计，这时候我们大概就知道自己需要画什么类型的图标了；希望这这些在设计中能给你起到一点点的作用，下期再见！

我在iconfont里有自己设计的6个图标库，分享给大家，链接：http://www.iconfont.cn/user/detail?spm=a313x.7781069.1998910419.d78986de3&uid=79462