使用图标不需要很复杂。如果操作正确，即使是几个放置得当的图标也能改善你的客户体验。下一个是下一个UI在设计实现之前，我们先来看看这些图标设计技巧和佳实践。

设计与研究：图标不会简单地出现在空中。与添加文本链接不同，具有图形设计技能的人需要建立它们。它们被编译、制定、测试和复制。

升级和支持：一旦建立，他们仍然需要编码、质量测试（可用性测试）、支持，有时还需要写下来。这比使用文本链接要复杂得多。

屏幕空间：缩略图在屏幕上占用的空间比文本链接多。使用空间意味着使用空间。UI其中一部分可能被迫隐藏在另一个页面上，或必须完全删除。

信息处理：缩略图可能会增加视觉效果。虽然漂亮的图标可以帮助，但糟糕的图标会增加混乱，有些图标很难理解。

层叠手法

顾名思义，图标之间有着深厚的前后关系。通过这种处理，可以丰富图标层次，增加设计细节，打破枯燥的纯色平面图标。一般来说，大多数人在设计图标后直接绘制图形，这样就完成了，没有继续深入。这样，图标看起来很无聊，通常是一些。如果图标在连接处的细节透明度较弱，效果会完全不同。使用建议：好使用面部图标或线条较厚的图标，一般用于TabBar上面居多。

图标图形化

这更容易使用，将图标抽象放大，成为一种图形方式。它通常用于卡片设计。在左边的卡片上，图标直接使用边缘效果。虽然卡片中添加了一些底部图形，但整体效果有点普通。图标再次图形化处理不仅可以表达当前的意义，而且可以提高设计细节和质量感。当然，也有类似的想法，可以放大图标，并将颜色分割为背景、前景图标和文案等。如图所示，我将综合运用前两想法，图形背景和层叠图标。我希望你不要滥用这里的图形，试着用图标的图形来进化。

纯色弱渐变透明图标

图标通过弱渐变透明处理，其思路有点类似于先进个。但是这种方法的图标整体透明度更大。这个图标给人一种新颖的时尚感，层次丰富。非常重要的是，我们需要注意不识别。比如左边的图，图标和背景几乎融为一体，主要元素看不清楚。右边的处理恰到好处，可以识别图标的含义。处理时一定要注意透明度的关系，当然也和卡片的背景色有关。

图标通常使用较小的尺寸，但你可能偶尔会发现你想使用更大的版本（甚至更小的版本）。因此，无论图标大小如何，都要确保它们看起来很好。随着图标尺寸的增加，您可以使用越来越复杂的图标，但确保它们不会变得太复杂。图标中使用的图像应具有易于理解的含义。意义应与图标的功能直接相关，如主页上的房屋图标。虽然隐喻有时很容易被客户破解，但更多的文本图标通常可以更快地识别出来。