厚昌教育
让营销变简单

优化落地页之如何做出高级的渐变色背景?

作为一名合格的信息流优化师,文能撰写高点击的信息流广告创意,理能做好数据分析,诊断账户问题。除此以外,还要能够优化落地页,提高推广效果!归根究底,优化师之所以掌握这些技能都是为了转化!

为了帮助各位优化师提高信息流广告推广效果,小编跟大家分享渐变色背景的配色技法,帮助大家提高落地页的视觉体验。

渐变配色技法

首先根据画面所需要渲染的氛围,确认渐变的基本色调,在这个基础上再选择渐变色的跨度,这里的跨度指的就是色轮上的色彩的范围。

根据这个渐变的色彩跨度我们可以归类为三种不同强度的渐变配色法:

1 同色系渐变法


同色系渐变的色彩跨度较小,一般在色环上的角度不超过30度,所以同色系渐变效果一般较细微柔和,这样的背景效果不张扬,较常适用于一些商品的展示。对于新手射鸡师来说,是最安全且最容易出效果的渐变法;


如下案例采用紫色的同色系间渐变,让画面在统一中有微妙的层次感,增添几分生动的氛围:


2 邻近、相似色渐变

因为邻近色和相似色的渐变区别不是很大,所以一般把这两种搭配法总结在一块来说;这种渐变效果比同色系渐变效果会更强烈点,经常用于电商促销活动的广告设计,用于短时间内抓住用户眼球,吸引用户;

如下案例采用的就是蓝绿邻近色的渐变:


3 对比、互补色渐变


对比色和互补色是色轮上最强烈的色彩搭配,当两个色彩渐变距离为180,在色轮上呈相对,这时色彩渐变产生最强烈的对比效果,营造热闹非凡的画面,但是互补色较少在背景中使用,过于抢眼不易突出前景;

红蓝对比色的渐变效果,让画面更具有视觉冲击:


蓝绿、紫色的渐变搭配也是现在较流行的渐变搭配:


基于以上总结的色轮渐变技法,我们还经常会看到在设计实操案例中,渐变技法还经常被加入了明度、饱和度对比和渐变方向这两个维度,这两个维度的加入可以提升画面立体感和光感,从而让画面更加有层次和灵动性

4 明度、饱和度的对比

在进行渐变设计时,除了在色相上对色彩进行选择,还应该考虑色彩的明度和饱和度,这两者都能影响整体色调的感觉。在选择色彩时,起码要考虑加入进一个明度较高的色彩、一个饱和度较高的色彩,使整体的配色在统一的基础上能体现出一定的变化对比,利用明度对比来营造出光感;

如下一组同色相的但明度和饱和度不同的渐变效果:

在调节明度对比时,应该注意渐变色不要单纯的从一个颜色的亮色渐变到暗色,也不是亮部不断的增加白色、暗部不断的加深,这样的渐变色会容易显得很脏,且画面显得呆板:

5 渐变的方向

在渐变设计中还需考虑的一个维度就是渐变的方向,在ps软件里我们可以看到渐变的样式分别有:线性、径向、角度、对称的和菱形等,最常用的是线性和径向,也可以结合起来使用,不同的渐变角度和方向会让画面产生不同的构图效果;


上下竖性线性渐变:


左右横向线性渐变:


中心发散径向渐变:


线性和径向渐变结合:


还有另外一种抽象性的渐变样式,没有明确的方向性,多种方向结合打造画面的立体和光感,但是这个属于高阶版,新手慎重尝试哦:


好了,啰嗦了这么多,小编需要去吸口氧气缓缓~希望你们也能设计出美美哒渐变色~

另外,厚昌学院信息流广告培训课程正在开课中!如果你想系统的学习信息流广告,赶紧加微信zy501873328免费领取试听视频吧!免费名额每日仅限前三名,先到先得哦~

樱桃

厚昌学院—百度竞价群:850434915


厚昌学院—信息流交流群: 826725915


猜你喜欢:


四大行业信息流创意优化指南,看完再也不愁转化!

信息流优化师必看!95后人群画像分析大全,超实用

信息流广告创意怎么写?七大行业高点击创意案例都在这了

 

未经允许不得转载:信息流广告学习博客 » 优化落地页之如何做出高级的渐变色背景?
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址


20期信息流效果提升集训营 招生中~

联系我们