如何在设计中使用色彩叠加

色彩在任何设计中都是一个重要的组成部分。无论你是喜欢明亮、大胆的色彩，或是更喜欢简约的黑白色,如何使用颜色对整体的设计有很大的影响。

设计中使用颜色叠加是运用颜色做陈述的一个方法。这意味着你用一个半透明的彩色盒子覆盖了一张图片或一个视频。它可以对一张图片添加意义、引起注意，帮助你充分利用有限的艺术手法。

今天我来看看一系列能够给你创作带来一些灵感的色彩叠加手法。

试用渐变色

渐变色是非常酷的，它是使用色彩叠加最有效且最显著的选择。

渐变色比较好的一点是，它可以使用双色——这里可以考虑一下你的品牌推广，或者单色来创造视觉焦点。亮色对比可以吸引用户，并给设计带来一些闪光点。

这种趋势可以联想到Spotify，它使用渐变和双色调叠加来强调播放列表，这种色彩给予图片新的生命，是用户习惯看到的（音乐家的宣传图片）。

这也是一个对你来说比较容易复制的构思。

▪ 找一张图片

▪ 使用品牌色创建一个渐变

▪ 玩得愉快！

纯色设定基调

纯色叠加可以像渐变一样引人注目，但是根据颜色的选择有着更多不同的意义。比如棕褐色叠加，能够立刻激起往事的回忆以及历史的年代感。

对于时尚色彩也是如此，运用明亮、饱和的色彩可以联想到扁平化设计和质感设计，可以激发现实主义或时尚的感觉。

当使用单色作为叠加时，可以考虑颜色的饱和度和透明度，这些元素同样可以添加意义。重色组合——降低透明度，增添饱和度——将更多重点放在颜色本而不是其背后的图片；更轻质、精细的图片组合把重点放在图片。

考虑深色或浅色

你不需要总是使用一个色彩做叠加，有时你可以考虑黑白灰。使用这些颜色和色调可以真正改变一个设计的情绪。

你可能会设想到，深色叠加创建更情绪化的环境，浅色叠加与乐趣相关联，它的另一个好处是黑白色图片本身的情感，它是怎样与颜色或色调合作的？图片和颜色、信息会相处和睦吗？

上图运用了白色叠加强调了黑白图片上面的黑色文字，但是注意摄影师脸上的情绪：他正咧着嘴微笑。颜色与图片的组合似乎在邀请你使你想要与摄影师互动，甚至想雇佣他来工作。

选择高对比度图片

当你计划在设计中运用图片叠加时，照片（或音频）组合是很重要的。平淡的色彩叠加会使图片变得平淡无奇，使用明暗对比度高的图片会使结果变得更好。

如果你的图片没有足够的对比，考虑在编辑软件中添加对比度，或者重新选图。尤其对于初学者，使用黑白图片能够更容易看见并提高对比度。上图提供了一个很好的以黑白图片做叠加的案例（它的效果很酷——无色和鲜艳色彩的对比）。

图片应看起来自然（或不自然）

当你使用颜色叠加时，有两点建议：

1、图片应该看起来自然，颜色、采光和阴影应该出现在一个自然的位置。遮罩看起来要比较微妙，如上图。

2、图片要完全改变，没有人在意颜色遮罩已使用过（比如这篇文章的大多数案例）。

这里没有一个真正的折中的办法。如果图片陷入这些“极端”，用户可能在颜色选择方面考虑太久而无法专注于网站内容。不要用色彩叠加手法分散用户注意力，它应该是用来提高设计。

尝试使用重点覆盖

虽然前面的例子展示了如何使用大图片的颜色叠加，这不是充分利用这一手法唯一的方法。颜色叠加作为重点强调可以实现得很好。

上面的两个例子运用不同的方式有效地实现了这点。

顶图导航栏使用了明亮透明的绿色，上方的纯色则更加突出了导航栏。它保持了品牌色彩贯穿整个设计，而展示项目则运用了其他不同颜色。效果很简单，它比在导航栏里填上实色来吸引注意力看起来更柔和。

图二使用了另一种方法，它将颜色叠加作为网页上一种悬停效果来告诉你更多项目细节。任何被红色覆盖的元素也是一个可点击的元素。值得注意的是，图层叠加是作为一种用户视觉提示，告诉他们想要知道的内容并提供一个全文路径链接。

结论

颜色叠加并不是一直都有效，大多数设计师发现在运用过度之前，他们只能侥幸成功一个或两个项目（重点覆盖作为最好的选择时）。

对于任何一项设计技能，要确保运用到合适的场景。你也许不会使用图层叠加仅仅因为你被领一种设计激发，那么保留这个想法，在合适的设计中使用它。