上元教育总部位于苏州,深耕职业教育培训行业。发展十余年以来,上元教育已迅速成长为拥有上元会计、兴元设计、上元资格、上元教师、捷梯学历、登元建工、上元IT、思元外语八大课程,横跨江苏、安徽、上海、浙江四地,拥有多家校区的综合类培训机构。
咨询热线 张老师 微信同电话
渐变使用指南,如何创造令人难忘的渐变
在很长一段时间中,在设计中使用渐变是一大禁忌,老师在教学中总是告诉学生不要使用渐变,因为渐变色很难在印刷品中显示。但是现在,渐变已经成为一种流行趋势,我们打开dribbble 和 behance,可以看到很多使用渐变的设计作品,在本文中,我们就来谈谈渐变的使用技巧。
相比纯色设计,渐变有哪些好处
在2014 年以后,UI 设计的风格开始从拟物化转到扁平化,谷歌发布了 Material Design,苹果发布了 iOS 7,设计师们开始尝试用扁平的纯色做设计。但是纯色的设计有一个弊端,就是可以使用的颜色很少,设计师的创意受到了束缚,同质化比较严重。
2014 年非常流行的纯色长投影设计,当时的渐变设计很少
在扁平化设计流行多年以后,纯色慢慢不能满足设计师的需求了,大家开始使用渐变,相比纯色而言,渐变主要有两大好处:
1.渐变可以创造更有表现力的画面,获得更多的创作自由。
通过将两种或多种颜色混合,渐变为无限的可能性打开了大门,设计师可以创造出更个性和令人难忘的视觉设计。
Ghani Pradita 设计的网页使用了丰富的渐变,多彩的画面有很强的感染力
2.渐变可以引导用户视线。
设计师通过一些技巧,在使用渐变的时候可以将用户的目光巧妙地引导到视觉焦点上,吸引用户的注意力。
Mixpanel 使用渐变来突出显示插图,由深到浅的渐变背景将用户的注意力引导到插图上
3.突出的渐变可以成为画面中的视觉中心。
尤其是在黑色的背景中,使用渐变经常能达到令人惊讶的效果,它能模拟光在黑暗中的效果,成为画面的视觉中心。
黑暗中的渐变经常能做出非常棒的光感,成为视觉中心
使用渐变的一些技巧
1.不要使用对比很强的颜色
不是所有的颜色都能很好得组合在一起。如果使用互补色组成渐变,对比度太强,通常情况下效果都很脏。
这是红色和绿色在一起时的效果,作为互补色它们组成的渐变效果很差
使用相近的颜色创造的渐变很和谐,下图为使用青色蓝色和紫色创造的渐变。
2.上浅下深的渐变可以模拟物体
经过力力的观察,上浅下深的渐变可以模拟现实生活中物体被光照射的景象(比如卡片)
在一些理财应用中,经常用上浅下深的渐变来模拟卡片
3.上深下浅的渐变适合做背景
生活是设计的导师,不知道大家仔细观察过天空没有,天空的颜色从上到下一般是从深蓝色过度到浅蓝色的,天空在我们的生活中一直扮演了背景的角色,因此在设计中设计师也经常用上深下浅的渐变作为背景,可以很好得引导用户的视线向下看。
天空的渐变
在UI 设计中,背景经常使用上深下浅的渐变,就像天空一样,把用户的目光引导到下方的内容中
4.高级的渐变必须有色相的变化
即使是很微妙的渐变,比如从深蓝过度到浅蓝,也不能无脑得选取同一个蓝色。我们观察上一幅图片,在背景从深蓝往下变浅时,色相也从蓝色过度到了紫色。这是一个非常重要的技巧,同一个色相下的渐变变化太平淡了,即使是微小的渐变,也一定要有一些色相的变化。
学校地址:上海市松江区乐都路251号乐都大厦3楼上元教育松江分校
地铁路线:地铁9号线松江体育中心站下,2号口出
公交路线:乘坐松江28路、23路、17路、2路公交到乐都路九峰路站下
技能:室内、平面、电脑办公 、UI|考证:会计、建工、教师证|语言:日语、英语 、小语种|学历,大专、本科 、研究生IT类:JAVA 、WEB