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

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

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

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

关于提高图标高级感的设计技巧,大家可多看几遍,设计思路比较简单直接。当然最重要的是灵活运用,也可以将三个思路都融合起来去设计图标。本文只是抛砖引玉,这些图标处理的技法,并不是能适用所有场景。大家还是需要根据自己产品特征,找到合适的突破点去设计。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
UIUE设计培训课程怎么样?如何判断课程的好坏?
UIUE设计是互联网产品研发生命周期中重要的环节,他们为用户提供的良好的视觉体验以及交互体验,因此UIUE设计岗位薪资逐渐升高,也吸引众多有志青年加入到UIUE课程学习之中,对于小白来说经常会问到这样一个问题:UIUE设计培训课程怎么样?怎样判断一个课程的好坏?
7139
2019-08-20 18:01:08
经典平面设计作品赏析与点评
一个优秀的平面设计师,应该经常多欣赏一些经典平面设计作品,一方面可以提高审美水平,另一方面也能启发自己的创作灵感。本文整理了一些不同流派和风格的经典平面设计作品,下面我们就一起来赏析和点评吧!
34540
2019-09-04 20:29:50
UI设计师到底要做什么?UI设计的工作流程
近来UI设计成为人人都知道的爆红行业,虽然UI设计经常被提及,但是还是有很多人不太能明白,UI设计到底要做什么。今天小编就来为大家介绍一下UI设计的工作流程,相信即使是零基础的小伙伴也可以轻松理解。
7243
2019-10-11 16:15:46
游戏网页设计师需要掌握哪些技能?
游戏网页设计师需要掌握哪些技能?游戏网页设计师直接影响用户在游戏中的体验,一个游戏就相当于一个小的世界,游戏网页设计师要懂2D和3D设计、人类学、建筑学、头脑风暴、文本工作、商业、经济学、历史、管理学、数学、声音设计、心理学等内容。
7004
2019-10-21 16:03:27
电商设计的产品图处理秘籍
众所周知,在电商设计中,产品图的重要性永远都是排在第一位的。电商设计师有很大一部分时间都是在思考产品图要怎么摆放才美观,如何才能突出产品的卖点等等。在实际的设计中,产品图的摆放基本就决定了整个设计的框架。因此,在有限的需求时间里,能不能快速、合理的找到产品图的处理方式,这是新手设计师与优秀设计师的重要区别。本文就带大家看看电商设计的产品图处理秘籍~
5260
2020-05-28 10:15:38
