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

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

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

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

关于提高图标高级感的设计技巧,大家可多看几遍,设计思路比较简单直接。当然最重要的是灵活运用,也可以将三个思路都融合起来去设计图标。本文只是抛砖引玉,这些图标处理的技法,并不是能适用所有场景。大家还是需要根据自己产品特征,找到合适的突破点去设计。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
视觉设计培训班课程怎么样?学什么?
视觉设计培训班课程怎么样?学什么?具体来讲,博学谷的视觉设计培训班课程,即使是零基础学员学完也可以就业,称得上是业内最全套最优质的培训课程。该课程的教学内容包括,广告创意高级合成设计、企业形象视觉设计、品牌包装设计、工作式项目提案等等,做到了视觉设计基础理论和实战案例相结合的教学模式。下面小编来具体介绍一下视觉设计培训班课程。
10073
2019-12-16 17:33:45
做网页设计要懂什么知识和技能?
网页设计作为企业和公司对外宣传和提供线上服务的“面子”,对用户体验的重要意义这里就不再赘述。那么做网页设计要懂什么知识和技能?像HTML/CSS语言、设计理论和photoshop等软件工具都是网页设计师所必须要掌握的知识和技能。下面我们来看看这些技能具体是什么。
9044
2019-12-30 09:36:55
网页设计与制作步骤分析
网页设计与制作步骤大致可以分为如下几步,首先根据具体的市场情况和用户需求建立营销模型,然后以业务目标为中心进行功能策划,接着使用软件工具设计并制作交互用例。再然后就是网页设计师的主要工作内容,即网页设计美化。最后在进行网页设计的最终检查和调整,以达到最优效果。下面小编来详细分析一下网页设计与制作的流程步骤,一起来看看吧!
10915
2020-01-07 21:04:28
内向的人适合学平面设计吗?
内向的人适合学平面设计吗?学这个和性格没有太大的关系,至于画画基础是必须的,且需要有耐心。有兴趣有动力;有较强的审美能力;有毅力和恒心,有美术基础,即使没有高学历又没有一技之长也可以学习平面设计具备一技之长。
11180
2020-07-14 14:47:22
入门平面设计要学什么软件?
平面设计细分很多种分类,所在的行业的岗位职责也不同,都需要学习平面软件PS、CDR、AI、ID等工具,工欲善其事必先利其器,入门前必须熟练掌握设计软件,平面设计软件各有所长,在遇到不同的设计项目时选择适宜的软件进行设计。
7639
2021-04-27 15:27:52
