时尚平面设计中的双色调配色技巧 让视觉吸引力更强烈

来源:版式设计很简单    时间:2020-10-12    站内收藏

今天给大家分享一个配色技巧——双色调。关于双色调风格,其实在国外的一些设计上经常被运用到,比如海报设计、网站和App,这种具有较强的视觉处理,不但能让原本单调的画面变得更时尚,相比普通色彩的图像,更明确表现出特定的氛围。那么什么是双色调?如何处理才能达到双色调的效果?又如何去运用双色调才更有效?

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

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

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

不同色调的画面效果

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

 

书籍设计

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

 

海报设计

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈 

网页设计

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

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

对比色的双色调

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

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

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

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

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

对比色:深蓝色和橙色

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

对比色:青绿色和紫红色

邻近色的双色调

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

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

绿色的邻近色
由绿色到黄色,或绿色到青色之间的颜色

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

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

邻近色:紫色和紫红

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

邻近色:黄色和绿色

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

大面积处理

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

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

小面积处理

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

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

网站自动生成

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

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

 时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

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

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

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

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

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

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

关于这个渐变映射的操作,如何还是看不懂,可以点击此文章【我想要一个不辣眼,又有点高级的渐变!】回顾一下的。

 

什么情况使用双色调?

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

改前
时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈改后

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

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

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

时尚<a href=http://www.ccdol.com/ target=_blank class=infotextkey>平面<a href=http://www.ccdol.com/ target=_blank class=infotextkey>设计</a></a>中的双色调配色技巧 让视觉吸引力更强烈

最后,我们来总结一下。虽然双色调设计不是一件新鲜的尝试,但对于设计来说也是一种趋势,依然具有很强的视觉吸引力。希望今天的文章,能带给你一点新的想法。

 

来源:版式设计很简单


本文来源:版式设计很简单

上一篇:返回列表
作者:周妙妍
相关阅读
    正在加载...