在线客服
扫描二维码
下载博学谷APP
扫描二维码
关注博学谷微信公众号
图标设计是设计师最基础的设计技能之一，一个小小的图标看似很容易设计，但其实也藏着不少的门道和细节。今天，本文就来和大家分享提高图标高级感的三大设计技巧。如果你的图标总是设计出来普普通通，缺少亮点，本文可能会对你有一些设计上的启发。
设计技巧一：层叠手法
顾名思义图标之间有纵深前后关系，通过这样去处理，可以让图标层次丰富，增加设计细节，打破枯燥无味的单色扁平图标。通常大部分人设计一个图标就直接将图形画出来后，这样就完事了，没有继续深入下去。这样图标看着枯燥乏味，普通了一些，也缺乏一些高级感。但是如果将图标在接口处进行细节弱透明度处理，那么效果就完全不一样了。一般使用在面形图标效果会更好些，或者线条粗一些的图标。这里需要注意，一般都是在图标的接口处进行层叠处理，从A到B的一个线性渐变。下面看下一个案例：
设计技巧二：图标图形化
这种比较好用，将图标进行抽象放大化处理，变成一种图形方式。一般运用在卡片设计上面居多。重新将图标进行图形化处理，既能够表达当前含义，同时设计上细节和品质感有所提升。当然还有一种类似的思路，可以将图标进行放大化，并进行色彩分割处理为背景，前景放图标和文案等。将前面两个思路综合运用，图形化背景和层叠图标，这样一来图标的高级感会大大增强。当然这里的图形希望大家不要乱用，尽量使用图标的图形来演变。下面来看一个示范案例：
设计技巧三：单色弱渐变透明图标
图标通过弱渐变透明处理，其思路有点类似第一个。但是这个方法图标整体带透明度的范围更大。这种图标给人比较新颖的时尚感，层次也丰富。如何处理这种图标？还是举例说明，在使用该技巧的时候，一定要注意不识别度问题。如下图中的左侧图，图标和背景之间几乎融为一体，看不清主体元素。右侧处理刚好，能够识别出图标含义。所以处理时候一定要注意透明度的关系，当然也与卡片背景色有关系。
关于提高图标高级感的设计技巧，大家可多看几遍，设计思路比较简单直接。当然最重要的是灵活运用，也可以将三个思路都融合起来去设计图标。本文只是抛砖引玉，这些图标处理的技法，并不是能适用所有场景。大家还是需要根据自己产品特征，找到合适的突破点去设计。
— 申请免费试学名额 —
在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！
上一篇：
2020年图形设计趋势大解析
下一篇：
设计驱动式创新如何实现的？
相关推荐 更多
想做设计师？怎样系统学习Photoshop？
在互联网高速发展的过程中，UI设计师成为炙手可热的，甚至非专业出身的小伙伴纷纷加入到设计师的行列中。对于零基础的同学们而言，首要攻克的难关就是PS的使用。工欲善其事必先利其器，掌握好工具的使用才能更好的发挥设计的灵感。那我们应该怎样系统学习Photoshop呢？下面小编与大家一起学习一下Photoshop的学习内容。
16327
2019-08-07 18:11:27
视觉设计培训班在线培训班学费多少钱？有收费标准吗？
关于视觉设计培训在线培训班学费多少钱和收费标准，很多机构的视觉设计培训没有统一的收费标准，费用大概在1万元左右，而博学谷的线上视觉设计培训班学费是5980元，相比于其他机构费用便宜很多，性价比较高。而且课程结合企业需求，以电商和新零售领域的主流项目进行互联网+实体应用多元化模式授课，培养懂品牌运营的设计师。
11322
2019-12-13 19:34:38
UI平面设计培训讲师岗位要求有哪些？
UI平面设计培训讲师岗位要求有哪些？平面设计培训讲师学历大专以上，熟练掌握设计软件、善于表达有责任心、有相关的教学经验、平面设计相关工作经验、讲授专业平面设计课程、口齿清晰良好的表达能力等。
11061
2019-09-29 15:14:12
网页设计师需要学什么？有哪些技能需要掌握？
随着互联网技术的发展，网页设计师一职也逐渐开始走进公众的视线。也正因为互联网的爆发式增长，网页设计师的人才需求猛增。那么网页设计师需要学什么？有哪些技能需要掌握？想必这是所有想入门网页设计行业的朋友共同的疑问，本文就来为大家揭开网页设计师的神秘面纱，感兴趣的朋友就接着看下去吧！
9114
2019-11-25 10:10:28
UE设计师是做什么的？工作内容是什么？
UE设计师是做什么的？一句话精准概括，UE设计师就是提升用户对产品体验感的设计师。听上去似乎还是比较抽象，那么，UE设计师的具体工作内容是什么呢？简单来说有以下几个工作步骤，一开始是进行数据调查，然后了解产品的目标用户，接着分析产品的定位和功能，最后完成设计产品原型。下面我们来深入认识一下这个新兴的互联网职业，感兴趣的小伙伴赶紧接着看下去吧！
19920
2020-01-17 17:38:16
