UI设计图标定义及类型学习

      图标是基本但重要的表达元素，在 UI 设计中有着不可替代的作用。常见的分类是简单的线性分类，缺少立体化的图标分类思维。通过梳理来帮助大家对不同类型及风格的图标有一个体系化的认知。

图片定义图标类型

      对图标进行分类时，普遍会遇到的问题是一个图标有多种风格。例如下面这个水滴图标，样式很简单，但可以划分到多个类别中。

      面对这样的问题，推荐使用系统性的结构来划分图标类别：

      首先将图标按尺寸大小分为两类；

      继续细分对应的面性、线性、线面结合、扁平、拟物化等类型；

      最后选择标准、容器、渐变、3D、手绘、阴影等风格。

      利用这种结构层级，可以明确定义图标类别。

图标尺寸

      图标的大小取决于具体功能。例如带有渐变和阴影的图标看起来很酷，但把它缩小到 16px，这些酷炫的效果都无法呈现出来。

      在对图标归类时，首先要考虑图标用在什么位置需要多大尺寸。这里将图标分为两大类：

      大尺寸图标通常指标志性图标，例如 App 启动图标或代表品牌形象；

      小尺寸图标用作 UI 控件，起到引导功能或装饰目的。

图标类型

      确定图标尺寸后，进一步细分图标类型：

      面性图标

      线性图标

      线面结合图标

      扁平化图标

      拟物化图标

图标组成

      图标尺寸越小，展示的细节越有限。相比于大图标，小图标的尺寸有一定局限性，图标组成包括标准和容器两种。

      注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-15218.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注UI设计频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050