图标怎么设计才能更受欢迎？

1.层叠手法

2.图标图形化

3.单色弱渐变透明图标

层叠手法

顾名思义图标之间有纵深前后关系，通过这种去处理，可以让图标层次丰富，增加设计细节，打破枯燥无味的彩色扁平图标。

一般大个别人设计一个按钮就直接将图形画下来后，这样就完事了，没有再次深入下来。这样图标看着枯燥无趣，普通了一些。

如上图，将界面在接口处进行细节弱透明度处理，那么效果就完全不一样了。

此处应该注意，一般都是在界面的接口处进行层叠处理，从A到B的一个线性渐变。

以下来说说案例：

Atlassian的品牌图标系统

使用建议：运用在面形图标效果会更好些，或者花纹粗一些的字体，一般采用在TabBar上面居多。

图标图形化

这些非常好用，将界面进行抽象放大化处理，变成一种图形模式。一般采用在卡片设计里面居多。

左侧卡片上方，图标直接使用图层效果。卡片上面仍然加了一些底纹图形，但是整体效果略显呆板了一些。

重新将界面进行图形化处理，既无法表达当前含义，同时设计上细节和品质感有所提高。

其他模式延展示例：

其实也有一类型似的模式，可以将界面进行放大化，并进行色彩分割处理为背景，前景放图标和文案等。

如图，我将上面两个模式综合利用，图形化背景和层叠图标。这里的图形希望你们不要乱用，尽量使用界面的图形来演变。

单色弱渐变透明图标

图标通过弱渐变透明处理，其模式有点类似第一个。但是这个方式图标整体带透明度的范围更大。

先来直接看个实例：

这些图标给人非常独特的潮流感，层次也丰富。

如何处理这些图标？

特别重要的一点，需要留意不辨别度问题。如右侧图，图标和背景之间几乎融为一体，看不清主体元素。右侧处理刚好，能够分辨出图标含义。

处理之后必定要留意透明度的关系，当然也与卡片背景色有关系。

写在最后

关于图标设计三个小方法，可多看几遍，思路相当简洁直接。当然最重要的是灵活采用，也可以将三个模式都整合出来去设计图标。

本文也是抛砖引玉，这些字体处理的技巧，并不是能适用所有画面。大家还是必须按照自己产品特性，找到适合的突破点去设计。