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

​

智加设计一家专注设计的公司，我们秉承服务第一，质量第一的理念。我们双手实现您的想法。设计来智加，助您事业更成功。

智加官方联系方式：010-8270-8680：400-018-8205:www.zcodesign.com:www.zcobrand.com

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

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

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

试用渐变色

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

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

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

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

▪ 找一张图片

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

▪ 玩得愉快！

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

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

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

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

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

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

选择高对比度图

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

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

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

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

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

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

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

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

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

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

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

结论

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

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

设计的价值就是一种产生价值的过程，只有让用户知道，谁的设计更能帮助客户产生价值，谁的设计就是好设计