从上一篇文章中《一文盘点618电商视觉设计!你想知道的十大流行趋势都在这里了!》,我们可以看到渐变在电商设计中的广泛运用。渐变手法能快速塑造视觉氛围,让画面更具吸引力和层次感。
渐变手法近两年一直是设计界的时尚潮儿,但是如何才能做出不辣眼睛的渐变色背景呢?有哪些渐变配色技法?堂主领着大家一一揭秘:渐变配色技法
首先根据画面所需要渲染的氛围,确认渐变的基本色调,在这个基础上再选择渐变色的跨度,这里的跨度指的就是色轮上的色彩的范围。
根据这个渐变的色彩跨度我们可以归类为三种不同强度的渐变配色法:
1同色系渐变法
同色系渐变的色彩跨度较小,一般在色环上的角度不超过30度,所以同色系渐变效果一般较细微柔和,这样的背景效果不张扬,较常适用于一些商品的展示。对于新手射鸡师来说,是最安全且最容易出效果的渐变法;
如下案例采用紫色的同色系间渐变,让画面在统一中有微妙的层次感,增添几分生动的氛围:
2邻近、相似色渐变
因为邻近色和相似色的渐变区别不是很大,所以一般把这两种搭配法总结在一块来说;这种渐变效果比同色系渐变效果会更强烈点,经常用于电商促销活动的广告设计,用于短时间内抓住用户眼球,吸引用户;
如下案例采用的就是蓝绿邻近色的渐变:
3对比、互补色渐变
对比色和互补色是色轮上最强烈的色彩搭配,当两个色彩渐变距离为180,在色轮上呈相对,这时色彩渐变产生最强烈的对比效果,营造热闹非凡的画面,但是互补色较少在背景中使用,过于抢眼不易突出前景;
红蓝对比色的渐变效果,让画面更具有视觉冲击:
蓝绿、紫色的渐变搭配也是现在较流行的渐变搭配:
基于以上总结的色轮渐变技法,我们还经常会看到在设计实操案例中,渐变技法还经常被加入了明度、饱和度对比和渐变方向这两个维度,这两个维度的加入可以提升画面立体感和光感,从而让画面更加有层次和灵动性:4明度、饱和度的对比
在进行渐变设计时,除了在色相上对色彩进行选择,还应该考虑色彩的明度和饱和度,这两者都能影响整体色调的感觉。在选择色彩时,起码要考虑加入进一个明度较高的色彩、一个饱和度较高的色彩,使整体的配色在统一的基础上能体现出一定的变化对比,利用明度对比来营造出光感;
如下一组同色相的但明度和饱和度不同的渐变效果:
在调节明度对比时,应该注意渐变色不要单纯的从一个颜色的亮色渐变到暗色,也不是亮部不断的增加白色、暗部不断的加深,这样的渐变色会容易显得很脏,且画面显得呆板:
5渐变的方向
在渐变设计中还需考虑的一个维度就是渐变的方向,在ps软件里我们可以看到渐变的样式分别有:线性、径向、角度、对称的和菱形等,最常用的是线性和径向,也可以结合起来使用,不同的渐变角度和方向会让画面产生不同的构图效果;
上下竖性线性渐变:
左右横向线性渐变:
中心发散径向渐变:
线性和径向渐变结合:
还有另外一种抽象性的渐变样式,没有明确的方向性,多种方向结合打造画面的立体和光感,但是这个属于高阶版,新手慎重尝试哦: