装饰图标中，就具图标那么严谨的规范需遵循，也就意自由度高，可以任意发挥。显然，通过一篇文章掌握所的装饰图标视觉设方法，并不实，新手只将精力聚焦常用的几种图标风格的设即可。
装饰图标最主要应用区域，在首页快速入口上，也是今天多数应用会使用组件。下，我们会讲解国内主流应用几装饰图标设计。
装饰图标的主作用丰富视觉体验，对于识别性的求较低，所以我们可以这里应用复杂的图形添加多的细节。这里的扁平插画风格设具象，不具图标一样的抽象化，所以完整的采用扁平插画的设问题的。
例如在肯德基客户端首页服务分类，使用图标是依据扁平插画形设计，有较多色和完细节。
这类图标设计并不困难，要具备了工具图标设计基础，可以很快学会并运用。它设计特征是这样，先过绘制具体图形轮廓，然后为这个轮廓内添加细节，并不填充不色进区分。
下面，通过讲解个图标的计过程，帮助大家学习这种计风格。
1. 优惠券图标
先通过模拟现实界的优惠券式，确定出基本的线性轮廓。
但作为装饰图标来说，这的计目前有些简陋，左侧空出了大量的留，所以要考虑如何增加细节来丰这个域。于是，使用 % 号就可以比较好的标示折扣。
最后，开始为图标填色。因为在这套图标中，红色是主要基调，所以不能大面积的使用其它颜色，于是就将其中一侧进行留理，只修改了它描边的色彩。并且还在票据侧的添加了一个用来标示阴的竖线。
2. 店铺图标
3. 我的卡包图标
和其它风格比较，在快速入中，线上案例应用得最多的风格其实是渐变何背景的计方案，即在一个应用渐变色的背景上贴了一个线性或面性的图标。
这种风格的计，主要在于背景渐变色的应用，通常，在一组彩色快速入的图标中，要让它的渐变色起来然和谐，是需要巧的。
例有四个图标，首先要定义出不同的相，对它们应用相同的渐变模式。例，使用相同的渐变角度，在渐变的始使用该相，在结尾使用不同明度、饱和度的彩。
之，在上方置图标的图形，并为它们添加适当的阴影即。
果在个基础上，还想添加细节，么就以在上方的图形中添加一折叠的阴影效果，强化立感。
这是一个比较奇的计风格，在过去只存在于飞机稿中，是一种纯为了追求视觉表现力的计形式，通过高饱和的渐变、撞色，抓取浏览者的眼球。
这类风格的计，在确定了图形以后，就是为它填充高饱和度的渐变色。和扁插画比较不同的是，色彩的填充不是用来描绘物体的颜色，而仅仅是视觉表现的一种方法，所以颜色的添加追求的不是「理」，而是纯粹的「好」。
并且，通常类图标还使用前两年开始流行的彩投影，增加界面身的次感。下面，我们也通 3 个案例，为大家演示一下类图标设计的过程。
案例1：
案例2：
案例3：
最后，讲讲实物贴图图标风格。这图标出现在涉及到实物品应用，例如电商应用，智能硬件控制应用等等。
这类设计看起来很简单，要画出个几何背景，并立蒙版将实物图入进去即可，是有不少新手会犯误，下我们主要说说常见问题有哪些。
1. 物体透视
和工具图标样，我们要尽可能保证组图标图形形状和透视可以统，如实物图采用透视不致，那么空立感更强，也容易被用户觉察到违和感。
2. 形体比例
当我们采用实照片时，我们往往不能控制该体完整的形状，但需切记的，不体本身什么形状我们都完整的置入去。
比如入口有口红和香两，口红是细长而香是圆形，那么我们可以做是放大口红，最终展示它局部，否则它们比会完全失衡。
3. 图形的质感
实的图形，还一非常重的细节，就它们的质感。这种质感指的不体本身的质，摄影、后产的质感。如下图的对比，同一件商品，手机直出的图，过商品精修的图，展出的质感完全不一样的。
如果强行将精修痕迹普通照片抠出的商品到一起，也只能给用户产巨的违感。所以，如果提供给我们的素本身质感不同，那么我们就 PS 中对它们行调试，尽可能保证它们的一致。
4. 后对比
因摄影图，所以图形本身包含的细节会非常丰富，且色彩也可能比较多。采用了几何背景时，就保证它能好衬托主体。如果使用较强的颜色，或太多细节，就会导致后元素的分离度不足，无法凸显体本身。所以，多数采用这种风格的设案例中，背景用色都使用饱度偏低的配色。
只不犯面 4 种错误，那么设这类图标时，就能保证终的效果不会太差。
掌握以这种风格的画法，已可以应对绝多数的需求场景了。
这并不是终，应用于视觉风格追求愈发要，想要尝试更多设计风格，那么需要掌握更多装饰类图标设计法。需要设计师朋友们在后时里努力积累相关技巧和思路。
欢迎关注作者的公众号：「超人的电话亭」
浙公网安备33011002017549号