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

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

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

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

试用渐变色

https://iknow-pic.cdn.bcebos.com/b90e7bec54e736d1e3f4108b97504fc2d462694a x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85

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

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

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

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

找一张

使用品牌色创建一个渐变

玩得愉快！

纯色设定基调

https://iknow-pic.cdn.bcebos.com/9213b07eca806538befc3b909bdda144ad34821b x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85

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

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

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

考虑深色或浅色

https://iknow-pic.cdn.bcebos.com/63d0f703918fa0ec71bcfb8e2a9759ee3d6ddb3e x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85

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

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

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

选择高对比度

https://iknow-pic.cdn.bcebos.com/a1ec08fa513d269725a897de59fbb2fb4316d83e x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85https://iknow-pic.cdn.bcebos.com/8d5494eef01f3a29cc2f494d9525bc315d607c4a x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85

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

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

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

https://iknow-pic.cdn.bcebos.com/f636afc379310a55f70f4177bb4543a98226100d x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85

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

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

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

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

尝试使用重点覆盖

https://iknow-pic.cdn.bcebos.com/9a504fc2d562853534f64da29cef76c6a7ef631b x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85https://iknow-pic.cdn.bcebos.com/6159252dd42a2834a9dda98857b5c9ea15cebf3e x-bce-process=image/resize,m_lfit,w_450,h_600,limit_1/quality,q_85

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

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

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

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

2014年山东公务员考试即将开始， 华图教育网 第一时间为各位考生提供指导，对其中的各个详细问题作出详细解答，祝各位在今年的公务员考试中取得优异的成绩，考取理想的职位！更多2014公务员备考资料，请关注 华图教育网 ！

近些年来，图形推理中 黑白格问题 越来越多， 黑白格问题 考察的知识点也越来越多，很多考生面对 黑白格类 的题目之所以做不出来，主要是因为考虑范围太过狭窄。本文总结了黑白格类问题中常见的几个考察方式，以帮助众多考生拓宽解题思路。 考察方式一：黑白格移动 例1：2010 年918联考47题 从所给的四个选项中，选择最合适的一个填入问号处，使之呈现一定的规律性：

解析：本题考察的是黑白格的移动问题。通过观察：第一幅图形中中间的黑格按照逆时针移动三个格子的规律移动，而第一幅图形中右上角的黑格子按照逆时针移动两个格子的规律移动。因此本题正确答案为A。 注意：当题目各个图形中黑色格子和白色格子数量相等时，极易考察黑白格的移动。 考察方式二：黑白格叠加 例2：从所给的四个选项中，选择一个填入问号处，使之呈现一定的规律性：

解析：通过观察发现，组成元素并不相同，黑色格子数和白色格子数不一样，本题考察的是黑白格叠加问题，白+白=黑，黑+白=白，白+黑=白，黑+黑=白。所以本题正确答案为A。 注意：如果元素组成不同，基本不会考察位置的变化，极易考察元素之间的叠加。黑白格叠加中应注意几个问题：

（1）必须是相同位置的叠加；

（2）不同的题目，有不同的规律。本道题得出的规律仅仅适用于本道题，不适用与其他题目。因此，要注意题目规律的使用范围。

（3）黑+白 白+黑，要注意两者之间并不适用加法的交换律，本题中黑+白=白+黑实属巧合。 考察方式三：黑白格存在数量特征 例3：2011 年917联考72题 从所给的四个选项中，选择最合适的一个填入问号处，使之呈现一定的规律性：

解析：本题考察的是黑白格之间的数量特征，通过观察发现所有图形中黑色格子都是偶数，所以本题正确答案为B。 考察方式四：黑白格存在变动规律 例4：2011 年917联考72题 从A、B、C、D四个图形中选出最合适的一个，使得它保持左边四个图形所呈现的规律性：

解析：通过观察发现，相邻图形间，只需要变动一个方格就可以相互转化。例如，第一个图形变中间黑格为白格就可以转化成第二个图形，第二图形变左边白格为黑格就可以变成第三个图形，第三个图形变右边白格为黑格得到四个图形，因此问号出图形必须是在第四幅图形基础上变动一个格得出的，所以本题正确答案为D。