深圳南山区火星时代UI设计培训班

「火星时代教育」-数字艺术教育品牌，国内值得信赖的教育机构。火星时代聚焦设计行业需求，追求培养高品质UI设计人才。火星UI设计师班零起点，九大主流设计软件，辅助创意呈现多维度，打造全能UXD设计师，是对UI设计师能力要求的全面升级，掌握用户界面设计(UI)能力、交互设计(ID)、用户体验设计(UX) 以及跨媒体设计（COD）的实战经验，成为企业高薪难求的全能型设计人才。

图标设计是设计师较基础的设计技能之一，一个小小的图标看似很容易设计，但其实也藏着不少的门道和细节。今天，本文就来和大家分享提高图标感的设计技巧。如果你的图标总是设计出来普普通通，缺少亮点，本文可能会对你有一些设计上的启发。

设计技巧一：层叠手法

顾名思义图标之间有纵深前后关系，通过这样去处理，可以让图标层次丰富，增加设计细节，打破枯燥无味的单色扁平图标。通常大部分人设计一个图标就直接将图形画出来后，这样就完事了，没有继续深入下去。这样图标看着枯燥乏味，普通了一些，也缺乏一些感。但是如果将图标在接口处进行细节弱透明度处理，那么效果就完全不一样了。一般使用在面形图标效果会更好些，或者线条粗一些的图标。这里需要注意，一般都是在图标的接口处进行层叠处理，从A到B的一个线性渐变。下面看下一个案例：

设计技巧二：图标图形化

这种比较好用，将图标进行抽象放大化处理，变成一种图形方式。一般运用在卡片设计上面居多。重新将图标进行图形化处理，既能够表达当前含义，同时设计上细节和品质感有所提升。当然还有一种类似的思路，可以将图标进行放大化，并进行色彩分割处理为背景，前景放图标和文案等。将前面两个思路综合运用，图形化背景和层叠图标，这样一来图标的感会大大增强。当然这里的图形希望大家不要乱用，尽量使用图标的图形来演变。下面来看一个示范案例：

设计技巧三：单色弱渐变透明图标

图标通过弱渐变透明处理，其思路有点类似个。但是这个方法图标整体带透明度的范围更大。这种图标给人比较新颖的时尚感，层次也丰富。如何处理这种图标？还是举例说明，在使用该技巧的时候，一定要注意不识别度问题。如下图中的左侧图，图标和背景之间几乎融为一体，看不清主体元素。右侧处理刚好，能够识别出图标含义。所以处理时候一定要注意透明度的关系，当然也与卡片背景色有关系。

关于提高图标感的设计技巧，大家可多看几遍，设计思路比较简单直接。当然较重要的是灵活运用，也可以将三个思路都融合起来去设计图标。本文只是抛砖引玉，这些图标处理的技法，并不是能适用所有场景。大家还是需要根据自己产品特征，找到合适的突破点去设计。