叙述图标怎么才能更受欢迎
与此同时，外卖图库也不再是比较陌生的行业，越来越频繁的进入大众的视线，获得更多的关注和认可。http://ps.kkdou.vip/https://waimai-image-editor-qiniucs.kkdou.vip/static/photos/img/yQRGO2QotqTUPwhi4X.jpg比较近发现一些能提高图标细节和高级感的小技巧，今天与大家分享下这几种风格的思路，以及需要注意的点。从以下3个方面去解析图标的流行画法！
分享大纲：
1层叠手法
2图标图形化
3单色弱渐变透明图标
层叠手法
顾思义图标之间有纵深前后关系，通过这样去处理，可以让图标层次丰富，增加细节，打破枯燥味的单色扁平图标。
通常大部分人一个图标就直接将图形画出来后，这样就完事了，没有继续深入下去。这样图标看着枯燥乏味，普通了一些。
如上图，将图标在接口处进行细节弱透明度处理，那么效果就完全不一样了。
这里需要注意，一般都是在图标的接口处进行层叠处理，从A到B的一个线性渐变。
下面来看看案例：
Atlassian的品牌图标系统
使用建议：运用在面形图标效果会更好些，或者线条粗一些的图标，一般运用在TabBar上面居多。
图标图形化
这种比较好用，将图标进行抽象放大化处理，变成一种图形方式。一般运用在卡片上面居多。
左侧卡片上面，图标直接使用描边效果。卡片里面虽然加了一些底纹图形，但是整体效果略显平庸了一些。
重新将图标进行图形化处理，既能够表达当前含义，同时上细节和品质感有所提升。
其他思路延展示例：
当然还有一种类似的思路，可以将图标进行放大化，并进行色彩分割处理为背景，前景放图标和文案等。
如图，我将前面两个思路综合运用，图形化背景和层叠图标。这里的图形希望大家不要乱用，尽量使用图标的图形来演变。
单色弱渐变透明图标
图标通过弱渐变透明处理，其思路有点类似首个。但是这个方法图标整体带透明度的范围更大。
先来直接看个案例：
这种图标给人比较新颖的时尚感，层次也丰富。
如何处理这种图标
非常重要的一点，需要注意不识别度问题。如左侧图，图标和背景之间几乎融为一体，看不清主体元素。右侧处理刚好，能够识别出图标含义。
处理时候一定要注意透明度的关系，当然也与卡片背景色有关系。
写在比较后
关于图标个小技巧，可多看几遍，思路比较简单直接。当然比较重要的是灵活运用，也可以将个思路都融合起来去图标。
本文只是抛砖引玉，这些图标处理的技法，并不是能适用所有场景。大家还是需要根据自己产品特征，找到合适的突破点去。
原文地址：功夫UX（）
页:
[1]