经典又时髦的配色技巧：双色调

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

前言：今天分享一种配色技巧-双色调。双色调的配色风格在国外的很多设计中很常见，在设计上有着悠久的历史。60年代和70年代的音乐会海报设计师会利用这一优势，选择古怪，高对比度的双色调以增强迷幻效果。时至今日也是一种时髦感十足的配色方式。

1.什么是双色调

双色调通过两种颜色来改变原本图像的色调，不同的双色搭配会产生不一样的调性氛围。如果涉及到印刷成本的话，双色调设计也是一种非常经济实惠的设计方案。

不同色调的画面

效果双色调风格能运用到多种设计的领域当中，例如印刷品、出版物、网页设计、界面设计、插画等等，都能看到双色调的应用，毕竟双色调能带来强烈的视觉吸引力，让设计变得更加有个性有趣。

书籍设计

海报设计

网页设计

2.双色调怎样调
上面说过，双色调是通过两种颜色来改变原本图像的色调。关于配色，总是离不开色彩关系。所谓色彩关系，就必须有两种以上颜色，才能形成的关系。所以，色彩关系有这些，同类色、邻近色、互补色、对比色等等。双色调风格一般会选择对比色和邻近色。

对比色的双色调

对比色就是基色起120°～180°的颜色，能给画面带来一定的视觉冲击力和较强的色彩张力，有强烈的个性感。

红色的对比色，从蓝色到绿色之间的颜色

结合图像和图形的特点，表达出合适的氛围和情感。但如果对比色使用不当的话，很容易造成晕影的现象。这时候可以结合黑白来使用，调和对比色的冲撞，也能带来一种平衡。

对比色：深蓝色和橙色

对比色：青绿色和紫红色

邻近色的双色调

邻近色是基色起60°之内的颜色。由于邻近色的色相差比较小，过渡比较柔和，所以搭配起来非常简单，也不容易出错。

绿色的邻近色

由绿色到黄色，或绿色到青色之间的颜色

所以初学者用这种方法配色也比较容易接受。而运用在双色调中，邻近色也不会容易干扰到信息的传达和识别。

邻近色：紫色和紫红

邻近色：黄色和绿色

对于双色调的面积处理，可以选择大面积和小面积处理。

大面积处理

一般情况下，通常会将图像进行大面积处理。可能就需要减少不必要的细节内容，概括地展现图像，传达整体的氛围和情感。

小面积处理

如果想要小面积的双色调处理，可以从一些文字、形状作为装饰性的元素进行双色，都可以起到重整图像和图形的色彩关系，带来新的视觉感受，吸引用户注意的作用。

3.双色调怎样制作

网站自动生成

首先奉上两个自动生成双色调图片的网站，方便又快捷，适合在短时间内完成的方法。

https://duotone.shapefactory.co

https://medialoot.com/duotones/

这两个网站都可以上传图片，也可以选择网站给的图片，再选择配色方案。如果要在限定的时间内快速产出双色调风格的图片，那么这两个网站最适合不过了。而且不需要梯子，亲测有效。

PS 软件步骤

那么在ps软件中怎样做出双色调？其实有很多种方式，但我一般会用渐变映射。因为它对应的是照片光暗部进行着色的。而不是单纯的混合模式。

在渐变映射中有一个颜色渐变条，这个颜色渐变条从左到右对应的就是照片暗部、中间调和高光区域。

也就是说越靠近左边的颜色就对应照片暗部的地方，越靠近右边的颜色就对应照片高光的地方，那么根据这个原理就可以进行渐变映射。

什么情况使用双色调？

✷双色调能优化质量较差的图像，形成一个全新的视觉画面。当你的素材比较糟糕的时候，选择双色调能瞬间提升逼格，这也是拯救烂图的方法之一。

改前

改后

✷双色调比较适合修饰性效果的画面，较为有趣个性的设计。对于产品展示，严肃的主题项目，就不太适合使用双色调风格。

双色调设计不是一种新鲜的尝试，但是却是一直存在的一种趋势。在很多的设计表现上，依然具有强大的视觉冲击力。既是经典，也是潮流

作者 | 周妙妍
来源 | 版式设计很简单（id：format_design）