2016-10-25

如何使颜色覆盖在你的设计工作


使用颜色的一种方法来做一个声明,是一个设计,采用了彩色覆盖。这意味着你覆盖一个图像或视频与一个半透明的彩色盒子。效果可以添加意义的图像,提请注意一个设计,并帮助你做出最有限的艺术选择。


今天,我们来看看各种颜色的叠加,作为创建你自己的一点启示。


尝试一个梯度


color overlays


梯度再次冷却。当你想使用一个颜色覆盖的时候,他们也做一个伟大的(和醒目的)选项。什么是特别好的一个渐变是,你可以与几个颜色的工作,想想你的品牌在这里,或使用一个单一的颜色来创建焦点。


明亮的配对可以帮助吸引用户设计和提供图像的一些火花。这种趋势可以追溯到Spotify,并开始使用梯度和双色调的叠加,突出的播放列表。颜色赋予了新的生命的图像,用户被用来看到(记者的音乐家的照片)。

这是一个简单的概念,你也可以复制。


选择一张照片。

创建一个品牌的颜色渐变。

玩得高兴!


坚实的颜色设置一个基调


color overlays


一个坚实的颜色覆盖可以是同样引人注目的一个渐变图案,但往往有更多的一个独特的意义,可以与颜色选择。考虑一个棕褐色的叠加,例如。它立即激起了旧时代和历史的情感。


同样可以说是选择一个时髦的颜色选择。通过使用一个明亮的,饱和的颜色与平面或材料设计,你可以唤起现代主义或高时尚的感觉。


当使用一个单一的颜色作为叠加时,考虑颜色的饱和度和透明度的程度。这些元素也可以添加意义。较重的颜色组合,不太透明和更多的饱和度,把更多的焦点放在颜色本身比它背后的图像。更轻,更微妙


的组合,把更多的重点放在形象。


考虑黑暗或轻


color overlays


你不总是必须使用一个颜色本身创建一个覆盖。有时它可以是黑色,白色或灰色。使用这些色彩和色调真的可以改变项目的心情。

你可能会想到,黑暗覆盖,创造一个更梦幻的环境。较轻的覆盖与乐趣。另一个贡献的因素,当涉及到这些感情和黑色和白色是形象本身。如何用色彩或色调的工作吗?图像和颜色和消息一起工作吗?

叫我ISH(以上)使用白色覆盖帮助把重点单词在屏幕上的一张黑白照片。但注意摄影师脸上的表情:他在一个很宽的笑容微笑。的颜色和照片组合是邀请,让你想与摄影师互动,甚至可能聘请他为一份工作。



选择高对比度的图像


color overlays


color overlays


当在一个设计项目中的图像覆盖的规划时,照片(或视频)的组成是很重要的。一个温和的图像将留给你一个温和的颜色覆盖结果。你会得到最好的结果,如果你开始与一个照片与很多对比度在图像中的黑暗和轻的空间。

如果您的图像没有足够的对比度,可以考虑在照片编辑软件中添加对比度或选择另一个图像。否则,图像效果可能会下降持平。

实现这种效果的另一个诀窍是从一张黑白照片开始。特别是对初学者来说,它可以更容易看到和增强在黑白图像的对比度。只是行动提供了一个伟大的例子,一个黑色和白色的图像旁边的图像与彩色覆盖。


(加上,它是一个很酷的效果,对图像没有颜色和色彩鲜艳的对比度。)


图片应该看起来自然或不


color overlays


当谈到与色彩覆盖,你有两个选择:

1.图像应该仍然看起来自然。颜色和灯光和阴影应该出现在一个自然的位置。覆盖是很微妙的,如亚伯尼歌咖啡(上)。

2.图像看起来完全改变。没有猜测,颜色覆盖已被使用(如在这篇文章中的大多数例子)。

这里并不是一个真正的中间地带。如果图像不属于这些“极端”,用户可能会认为太硬的颜色选择,而不是集中在网站的内容。你不想分散颜色覆盖技术,它应该加强设计。



试图覆盖的口音


color overlays



color overlays


虽然前面的例子已经显示了如何使用一个大的图像的颜色覆盖,如英雄标题样式选项,这不是唯一的方法,使大多数这种技术。颜色覆盖的效果也可以很好的口音,太。

上述两个例子显示了不同的方式来有效地完成这一。

结衣(顶)使用一个明亮的绿色导航栏与透明度。它的进一步突出了坚实的中风高于它。的影响有助于整个设计保持品牌的调色板同时展示项目中的各种其他颜色。效果很简单,有助于页面看起来有点软,如果


导航是在一个坚实的颜色,并吸引了眼睛向下的页面,并通过设计。

坚果和Woods采取另一种方法。该设计使用一个颜色覆盖作为悬停效果告诉你更多关于网站上的特定项目。任何元素,有一个红色的覆盖也可点击的元素。这个设计值得注意的是,颜色覆盖作为一个视觉提示


用户,告诉他们正是他们想知道的,并提供一个链接整个内容的路径。


结论


使用颜色覆盖是那些不工作的技术之一。大多数的设计师发现他们可以摆脱它的一个或两个项目之前似乎过头了。(这是一个口音覆盖可能是一个更好的选择。)与任何设计技术一样,一定要将其应用在正确的


上下文中。你不应该使用一个颜色覆盖只是因为你已经受到了另一个项目的灵感,保存的想法,并使用它只是正确的设计。



本文来自于:https://designshack.net/articles/graphics/how-to-design-color-overlays/