图标的分类－小专栏

图标（Icon）也是代表一个想法的图形图像，但图标通常包括符号没有的视觉细节，如阴影、纹理和高亮。常见的图标设计是从符号开始，然后添加微妙的视觉增强效果。*

*摘自苹果HIG文档的Glyph章节

注：实际运用中，我们常常把上述定义中的符号（Glyph）和图标（icon）都称为图标。迎合习惯，本文后续也是如此，符号和图标都称为图标。

线性图标由描边组成，界面设计中使用较多。线性图标虽然可以设置不同粗细的描边，但是在网页或者APP界面中，线性图标描边一般不要超过3像素。描边过粗或过细都会降低图标的识别度和美观度，所以在界面设计时，要选择合适且统一的描边粗细。图中列出了3种常用的描边粗细。其中1.5像素的描边和文字的常规粗细最为接近，图标经常和文字搭配使用，两者搭配使用时，如果两者粗细接近，界面看起来会更加美观和协调。

面性图标由填充的色块组成，在界面中比线性图标使用的少。面性图标一般采用两个填充图形相减组成，如所示，房子图形减去矩形，组成了主页图标。面性图标视觉面积大，视觉重量感足，在图标面积非常小时，面性图标也很清晰。

线面结合图标是描边和填充组成的图标，下图中列出了3种线面结合的图标，可以是图标中所有图形使用填充加描边样式，也可以是部分图形为填充，部分图形为描边。