在线客服
扫描二维码
下载博学谷APP
扫描二维码
关注博学谷微信公众号
图标设计是设计师最基础的设计技能之一,一个小小的图标看似很容易设计,但其实也藏着不少的门道和细节。今天,本文就来和大家分享提高图标高级感的三大设计技巧。如果你的图标总是设计出来普普通通,缺少亮点,本文可能会对你有一些设计上的启发。

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

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

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

关于提高图标高级感的设计技巧,大家可多看几遍,设计思路比较简单直接。当然最重要的是灵活运用,也可以将三个思路都融合起来去设计图标。本文只是抛砖引玉,这些图标处理的技法,并不是能适用所有场景。大家还是需要根据自己产品特征,找到合适的突破点去设计。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
2019网页设计六大技巧,教你如何成为一名优秀的网页设计师
一个优秀的网页往往能形成自己独有的风格,在用户享受良好的用户体验设计的同时,还能一眼就能了解网页的主要信息内容。那么如何成为优秀的网页设计师?小编为大家整理了2019网页设计六大技巧,希望能够给网页设计师一些经验和启发。
8915
2019-07-19 10:51:50
网页设计培训需要学什么?难不难?
网页设计培训需要学什么?难不难?以博学谷的网页设计课程为例,主要培训内容有基础WEB设计、web设计规范等,项目实战包括企业建站设计、大型平台设计、一屏式网站及专题网站设计、HTML5响应式网站设计、纯Flash类网站设计、游戏类网页设计等等。说到学习难度,肯定比自学简单,毕竟有资深讲师的指导,课程内容设置的循序渐进,只要认真学就能掌握网页设计的技能。
8879
2019-10-23 18:29:55
网页设计师需要学什么?有哪些技能需要掌握?
随着互联网技术的发展,网页设计师一职也逐渐开始走进公众的视线。也正因为互联网的爆发式增长,网页设计师的人才需求猛增。那么网页设计师需要学什么?有哪些技能需要掌握?想必这是所有想入门网页设计行业的朋友共同的疑问,本文就来为大家揭开网页设计师的神秘面纱,感兴趣的朋友就接着看下去吧!
8754
2019-11-25 10:10:28
手绘设计学习难不难?要学哪些内容?
无论你是想从事UI设计、电商设计,还是平面设计之类的设计岗位,手绘都是一门重要的必修课程。因此许多设计爱好者犯难了,没有绘画基础,手绘设计学习起来难不难呢?其实,没有什么新事物的学习是不难的。当然如果我们找准了方法,并愿意为之努力,大家会发现学习手绘设计不仅十分轻松,还十分享受这个学习的过程。至于手绘设计学习的具体内容,下面我们就来详细说一说。
6819
2020-06-05 15:03:37
女孩子学平面设计怎么样?前景如何?
做设计的人有发现美的眼光,勇于创新敢于想象,善于动手实践,能够接受新鲜事物。女生比较适合设计方便的工作,设计爱好者学平面设计更有优势,因为设计本身就是相通的,基础排版,色彩等都是一样的理论,学习理论思维也会非常的快。
8382
2020-12-07 16:33:45
