在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
图标设计是设计师最基础的设计技能之一,一个小小的图标看似很容易设计,但其实也藏着不少的门道和细节。今天,本文就来和大家分享提高图标高级感的三大设计技巧。如果你的图标总是设计出来普普通通,缺少亮点,本文可能会对你有一些设计上的启发。
设计技巧一:层叠手法
顾名思义图标之间有纵深前后关系,通过这样去处理,可以让图标层次丰富,增加设计细节,打破枯燥无味的单色扁平图标。通常大部分人设计一个图标就直接将图形画出来后,这样就完事了,没有继续深入下去。这样图标看着枯燥乏味,普通了一些,也缺乏一些高级感。但是如果将图标在接口处进行细节弱透明度处理,那么效果就完全不一样了。一般使用在面形图标效果会更好些,或者线条粗一些的图标。这里需要注意,一般都是在图标的接口处进行层叠处理,从A到B的一个线性渐变。下面看下一个案例:
设计技巧二:图标图形化
这种比较好用,将图标进行抽象放大化处理,变成一种图形方式。一般运用在卡片设计上面居多。重新将图标进行图形化处理,既能够表达当前含义,同时设计上细节和品质感有所提升。当然还有一种类似的思路,可以将图标进行放大化,并进行色彩分割处理为背景,前景放图标和文案等。将前面两个思路综合运用,图形化背景和层叠图标,这样一来图标的高级感会大大增强。当然这里的图形希望大家不要乱用,尽量使用图标的图形来演变。下面来看一个示范案例:
设计技巧三:单色弱渐变透明图标
图标通过弱渐变透明处理,其思路有点类似第一个。但是这个方法图标整体带透明度的范围更大。这种图标给人比较新颖的时尚感,层次也丰富。如何处理这种图标?还是举例说明,在使用该技巧的时候,一定要注意不识别度问题。如下图中的左侧图,图标和背景之间几乎融为一体,看不清主体元素。右侧处理刚好,能够识别出图标含义。所以处理时候一定要注意透明度的关系,当然也与卡片背景色有关系。
关于提高图标高级感的设计技巧,大家可多看几遍,设计思路比较简单直接。当然最重要的是灵活运用,也可以将三个思路都融合起来去设计图标。本文只是抛砖引玉,这些图标处理的技法,并不是能适用所有场景。大家还是需要根据自己产品特征,找到合适的突破点去设计。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
零基础做网页设计需要学什么内容?
零基础做网页设计需要学什么?作为没有基础的初学者,你应该首先弄清楚网页设计师的工作内容和职责,然后你需要大致了解网站的制作流程。在有了以上的概念和基础之后,大家才可以开始学习。为什么这么说呢?因为常常有人把前端工程师和网页设计师的工作内容混淆,导致学习的道路在一开始就错了。下面小编来详细介绍一下网页设计的学习内容。
8209
2019-12-03 18:07:07
电商详情设计应该怎么做?五大设计技巧分享
对设计师来说,电商详情的设计要求其实就是把文字翻译成以图片为主的视觉语言。在信息爆炸的时代,图像化的信息传播方式往往更能引起消费者的注意,因此传播效率要远远高于纯文字。优秀的电商详情设计可以表达出更为清晰易懂的信息,精准提炼出商品的卖点。那么,电商详情应该如何设计呢?
5156
2020-05-28 17:16:29
手绘设计学习难不难?要学哪些内容?
无论你是想从事UI设计、电商设计,还是平面设计之类的设计岗位,手绘都是一门重要的必修课程。因此许多设计爱好者犯难了,没有绘画基础,手绘设计学习起来难不难呢?其实,没有什么新事物的学习是不难的。当然如果我们找准了方法,并愿意为之努力,大家会发现学习手绘设计不仅十分轻松,还十分享受这个学习的过程。至于手绘设计学习的具体内容,下面我们就来详细说一说。
5744
2020-06-05 15:03:37
如何成为月薪过万的设计师?
如何成为月薪过万的设计师?其实你能拿多少钱也就意味着你能在工作中创造多少价值,要想提高自己的薪资待遇,最主要的就是不断提升自己的技能,毕竟设计就是一个看作品和能力,而不看工作年限的行业。下面我来和大家分享几个提高设计师工资的有效办法,想要月薪过万就赶紧学起来吧~
5499
2020-07-14 12:16:57
如何设计一个高大上的logo?
相信大家对于logo设计的印象都是,许多平平无奇的品牌LOGO,明明只是简单勾勒,却显得十分高级耐看。这其中究竟蕴含着怎样的绘制秘密?今天分享的这篇文章,就带你学会“如何设计一个高大上的logo”。
8073
2020-08-10 12:37:49