图标是基本但重要的表达元素，在UI设计中发挥着不可替代的作用。
常见的分类是简单的线性分类，缺乏三维图标分类思维。本文通过整理，帮助大家对不同类型、不同风格的图标有一个系统的了解。
图像定义图标类型
在对图标进行分类时，一个常见的问题是一个图标有多种样式。例如下面的水滴图标，样式非常简单，但是可以分为多个类别。
面对这样的问题，建议使用系统化的结构来划分图标类别：
使用这种结构层次结构，可以清楚地定义图标类别。
图标大小
图标的大小取决于具体功能。例如，带有渐变和阴影的图标看起来很酷，但将其缩小到 16px 不会带来那些酷炫的效果。
在对图标进行分类时，首先需要考虑图标将在哪里使用以及需要多大的尺寸。图标分为两类：
图标类型
确定图标大小后，进一步细分图标类型：
参见各类型对应的图标绘制方法→
使用这种简单的分类方法可以避免图标重叠。另外，拟物化的精致风格不适合小尺寸图标，所以不会显示在小图标类别中。
图标组成
图标尺寸越小，显示的细节越有限。与大图标相比，小图标的大小有一定的局限性。有两种类型的图标：标准图标和容器图标。
大图标可以利用其尺寸来显示更多的内容，并分为各种组合。
小尺寸图标样式
简单的图像可以更具包容性。图标的尺寸越小，越考验设计师传达信息的能力。
1. 脸部图标
标准脸图标
多面图标易于识别，适合在小尺寸图标中使用。
要点：
带有背景颜色的脸部图标
多彩的背景为极简设计带来更多可能性。使用这个技巧可以使基于脸部的图标更友好、更有吸引力。
要点：
2. 线性图标
标准线性图标
线性图标因其简单和现代而受到用户的欢迎。随着屏幕变得更加清晰，我们可以更大胆地使用线性图标。
要点：
双色线性图标
在设计小尺寸图标时，重要的是放弃细节并强调简单的形状。但是，当使用一种颜色不太有效时，请考虑添加一些颜色。
要点：
3.线面组合图标
线与面的结合提供了更多的细节，增强了用户的愉悦感。
要点：
4.平面图标
平面图标简洁巧妙，表达品牌形象的同时也具有丰富的内涵。
要点：
大图标风格
大尺寸图标较少在界面中使用，更多用于产品识别或品牌推广。
1. 线性图标
标准线性图标
在设计任何图标之前，您可以先创建一个线性轮廓，并确保形状看起来足够好，然后再添加颜色。
要点：
渐变线性图标
添加一些渐变可以使原本单一的线性图标更具个性。
要点：
等距线性图标
制作 2.5D 图标需要花费大量时间，但效果往往很棒。在设计汽车、房屋、家具等实体产品时，建议优先使用2.5D图标。
要点：
手绘线性图标
随着设计趋势向简单化和扁平化发展，许多设计师已经失去了手工绘制图标的能力。手绘图标实际上使品牌更真实，甚至更有趣。
要点：
断开连接图标
标准的线性图标可能看起来单调，但简单灵活的断线处理可以为图标增添更多个性。
要点：
双色线性图标
要点：
确保两种颜色具有相同的对比度，否则用户可能无法清楚地看到一种颜色，从而无法识别完整的图标。例如左下角的浅绿色对于视力较弱的用户来说非常不友好。
2.线面组合图标
线面图标可以被认为是添加了颜色的线性图标。线与面的结合形成了强烈的轮廓，使图标清晰可见。
标准线面组合图标
要点：
带背景颜色的线和面组合图标
要点：
未对齐的线和面组合图标
当填充颜色和描边错位时，颜色会移动到右侧图标的左上角，留下亮点，带来清新的感觉。
要点：
颜色块图标
这种风格图标的特点是不依赖颜色，仅用于装饰。
要点：
单色线和面组合图标
要点：
3.平面图标
平面图标通常没有笔画，主要使用形状和颜色来完成组合。简单、友善和适当的细节使这种类型的图标非常有吸引力。
标准平面图标
要点：
带容器的平面图标
尝试让图形突破其容器，带来运动感。
要点：
等距图标
要点：
半阴影平面图标
半阴影图标为平面图标添加半色调阴影，以创建更加个性化的图标。
要点：
长阴影平面图标
当图标位于容器中时，可以考虑添加长阴影，主要包括纯色阴影和渐变阴影两种。
要点：
4.拟物化图标
拟物化图标实际上包含了大部分风格，例如它们是三维的，并且具有丰富的渐变和阴影。
这种风格的图标看起来尽可能与现实生活中的图标相似，让用户感觉更舒服。
要点：
目前大部分界面已经没有这种风格的图标了。您可以考虑使用3D建模来实现这种效果。
总结
希望大家能够对图标分类和设计有更全面、深入的了解，从而构建完整的图标思维体系。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请联系本站，一经查实，本站将立刻删除。如若转载，请注明出处：http://www.mtdoorway.com/html/tiyuwenda/9664.html
