教你在项目设计中合理使用色彩叠加

当你想要在设计项目中使用色彩叠加这种技法的时候，置于底层的图片或者视频是最重要的组成部分。一张平庸的图片不管你怎么叠加色彩都很难达到惊艳的效果，而图片本身如果有着良好的对比度，那么能够在叠加图片之后构成漂亮的明暗效果，将设计的优势最大化。

当然，如果图片的可选范围本身就不大，那么最好尝试使用PS之类的软件先提升图片的对比度，否则实际效果是不会太好的。

想要达成好效果的方法有很多，另外一种方法就更加简单粗暴了：从黑白的图片开始着手。对于初学者而言，黑白图片的对比度更容易控制。上面的Just Actions 这个网站就是采用黑白色调的突破背景，搭配彩色的半透明图层。

要么自然，要么失真

当你开始使用色彩叠加到图片和视频上的时候，有两种处理方法：

·图片尽可能自然。色彩、明暗、阴影都应该处于自然的状态，叠加的色彩应当尽可能微妙，比如上面那个Abednego Coffee 网站。
·图片完全异化。用完全出乎意料的色彩叠加在图片上，创造出独一无二的效果。本文中绝大多数的案例都是这么做的。

介于两者之间的案例很少，可以说这两者是完全对立的。这么设计的好处在于，用户会更加专注于网站内容，强化整体的设计感。

尝试部分叠加

前面绝大多数的案例都将半透明的色彩图层叠加到大块的图片内容上，但是这并不是唯一的选择。部分叠加同样可以带来不错的效果。

Knot Clothing 这个网页采用了绿色的导航栏，其上叠加了半透明层，看起来效果相当不错。

而Nuts and Woods 这个网站则换了一种玩法，当光标悬停在特定的内容区块上的时候，半透明层就叠加到上面，提示用户这些内容是可点击的。这个半透明的叠加层作为视觉线索而存在，提供内容浏览的路径。

结语

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

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/