2019-07-25

行业资讯

渐变色彩叠加怎么玩?

色彩几乎是所有设计中都至关重要的组成部分,无论是明亮大胆的配色方案,还是简约的黑白色调,你的用色将会直接影响整个设计的实际效果。近两年,在色彩运用上有许多值得一提的手法,其中最有意思也最常见的应该就是色彩叠加,使用半透明的色块(纯色或者渐变)叠加到图片或者视频上,这种效果能够强化图片本身的氛围赋予含义,并且更好地吸引用户的注意力。

 

今天我们先来看一看这种色彩使用技巧在实际运用中,需要注意的问题和值得探究的做法。

 

使用渐变

 


当你想为特定的元素叠加色彩的时候,可以尝试使用某个醒目的渐变色叠加上去,渐变色的好处在于,你可以使用多种不同的色彩一起构成渐变(比如品牌色),也可以使用某一个色彩进行深浅、明度、饱和度上的渐变,这样的设计会显得更加集中,明亮的配色方案也会更加吸引用户。

 

使用纯色定基调

 


纯色的叠加效果其实和渐变一样醒目,不过纯色相比于渐变所呈现的意义和氛围会更加明确,比如,在图片上叠加上棕色能够呈现出一种历史的厚重感,如果你选择当前的流行色,功用和效果也是类似的,使用这些明亮、鲜艳的流行色的同时,结合扁平化设计或者Material Design的设计风,你的页面和UI会明显地呈现出一种现代主义和时尚的感觉。当你在叠加纯色的时候,应当仔细考虑一下色彩的饱和度和透明度,叠加的色彩图层拥有高饱和度和低透明度的时候,用户会更多关注色彩本身,当叠加的色彩拥有低饱和度和高透明度的时候,用户会更容易被底层的图像所吸引。

 

考虑明暗

 


许多色彩并不全都是靠有色半透明图层叠加出来的,有时候仅仅是使用单纯的黑白灰来叠加,创造出不同的明暗效果,这样也能很好的实现一些效果,当图像更加沉郁阴暗的时候,压抑沉重的氛围自然而然就出现了,而图像偏白色彩变浅的时候,往往会显得更加轻松,这个时候并不需要单独叠加黑色或者白色,只需要调整图片本身的明度即可。

 

选择高对比度的图片

 

 


 

当你想要在设计项目中使用色彩叠加这种技法的时候,置于底层的图片或者视频是最重要的组成部分,一张平庸的图片不管你怎么叠加色彩都很难达到惊艳的效果,而图片本身如果有着良好的对比度,就能够在叠加图片之后构成漂亮的明暗效果,将设计的优势最大化。想要达成好效果的方法有很多,对于初学者而言,黑白图片的对比度更容易控制,上面的Just Actions 这个网站就是采用黑白色调的突破背景,搭配彩色的半透明图层。

 

要么自然,要么失真

 


当你开始使用色彩叠加到图片和视频上的时候,有两种处理方法:1.图片尽可能自然,色彩、明暗、阴影都应该处于自然的状态,叠加的色彩应当尽可能微妙,比如上面那个Abednego Coffee 网站。2.图片完全异化,用完全出乎意料的色彩叠加在图片上,创造出独一无二的效果。介于两者之间的案例很少,可以说这两者是完全对立的,这么设计的好处在于,用户会更加专注于网站内容,强化整体的设计感。

 

尝试部分叠加

 


Knot Clothing 这个网页采用了绿色的导航栏,其上叠加了半透明层,看起来效果相当不错。而Nuts and Woods 这个网站则换了一种玩法,当光标悬停在特定的内容区块上的时候,半透明层就叠加到上面,提示用户这些内容是可点击的,这个半透明的叠加层作为视觉线索而存在,提供内容浏览的路径。

色彩叠加的效果并不是万能的,至少不是所有的项目都适合使用的一项效果,所以当你在进行设计的时候,应当尽量避免过度使用。

  • 4006-920-600
  • 在线沟通