用户界面中的图标,怎么设计才更合理

图标在生活中是随处可见的，如交通标志中的下坡提示标（左图），或者是公共场合禁止抽烟的提示标（中图），又或者是停车提示标（右图）等，如图所示。

相比文字来说，这些图标可以让人在更短的时间内认知并了解信息，并且可以大大提升信息的视觉美观性。

从人机交互的角度来说，使用图标比使用文本更具有优势。因为图标简单、醒目且友好，同时在界面的一些空间较小的位置，图标可以代替一段冗长枯燥的文字描述，并增加设计的艺术感染力；在用户界面中使用图标，是一种用户熟知的设计模式。

尽管图标有这些优点，但如果不考虑其一些负面影响，可能会导致出现一些不可用的问题。

例如，在一些敏感位置使用识别度不高的图标，可能会造成用户的误操作。同时，图标放置位置不合适，或者风格不统一，也会给用户造成一些不良感受。

下面数艺君将较为系统地讲解一下各种图标的绘制方式与应用场景。

App图标

应用图标带给用户对产品的印象。从某种程度上来说，用户可以通过应用图标判断出一款产品的好坏。一个好的应用图标应该能清晰地传递出产品的内涵。

应用图标的常见设计形式：

应用图标的设计形式较多样，包括抽象图形、文字、卡通形象和功能图形的运用。

（1）抽象图形的运用

随着设计行业的不断发展，拟物化图标逐渐消失，取而代之的是扁平化图标。扁平化图标通常由抽象元素制作而成，虽然看起来简单了，但其实对设计提出了更高的要求。

例如，“QQ音乐”与“网易云音乐”的音符图形（左一图和左二图），“