今天給大家分享一個(gè)配色技巧——雙色調(diào)。關(guān)于雙色調(diào)風(fēng)格，其實(shí)在國外的一些設(shè)計(jì)上經(jīng)常被運(yùn)用到，比如海報(bào)設(shè)計(jì)、網(wǎng)站和App，這種具有較強(qiáng)的視覺處理，不但能讓原本單調(diào)的畫面變得更時(shí)尚，相比普通色彩的圖像，更明確表現(xiàn)出特定的氛圍。那么什么是雙色調(diào)？如何處理才能達(dá)到雙色調(diào)的效果？又如何去運(yùn)用雙色調(diào)才更有效？

雙色調(diào)通過兩種顏色來改變?cè)緢D像的色調(diào)，不同的雙色搭配會(huì)產(chǎn)生不一樣的調(diào)性氛圍。如果涉及到印刷成本的話，雙色調(diào)設(shè)計(jì)也是一種非常經(jīng)濟(jì)實(shí)惠的設(shè)計(jì)方案。

不同色調(diào)的畫面效果

雙色調(diào)風(fēng)格能運(yùn)用到多種設(shè)計(jì)的領(lǐng)域當(dāng)中，例如印刷品、出版物、網(wǎng)頁設(shè)計(jì)、界面設(shè)計(jì)、插畫等等，都能看到雙色調(diào)的應(yīng)用，畢竟雙色調(diào)能帶來強(qiáng)烈的視覺吸引力，讓設(shè)計(jì)變得更加有個(gè)性有趣。

書籍設(shè)計(jì)

海報(bào)設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)

上面說過，雙色調(diào)是通過兩種顏色來改變?cè)緢D像的色調(diào)。關(guān)于配色，總是離不開色彩關(guān)系。所謂色彩關(guān)系，就必須有兩種以上顏色，才能形成的關(guān)系。所以，色彩關(guān)系有這些，同類色、鄰近色、互補(bǔ)色、對(duì)比色等等。雙色調(diào)風(fēng)格一般會(huì)選擇對(duì)比色和鄰近色。

對(duì)比色的雙色調(diào)

對(duì)比色就是基色起120°～180°的顏色，能給畫面帶來一定的視覺沖擊力和較強(qiáng)的色彩張力，有強(qiáng)烈的個(gè)性感。

紅色的對(duì)比色，從藍(lán)色到綠色之間的顏色

結(jié)合圖像和圖形的特點(diǎn)，表達(dá)出合適的氛圍和情感。但如果對(duì)比色使用不當(dāng)?shù)脑�，很容易造成暈影的現(xiàn)象。這時(shí)候可以結(jié)合黑白來使用，調(diào)和對(duì)比色的沖撞，也能帶來一種平衡。

對(duì)比色：深藍(lán)色和橙色

對(duì)比色：青綠色和紫紅色

鄰近色的雙色調(diào)

鄰近色是基色起60°之內(nèi)的顏色。由于鄰近色的色相差比較小，過渡比較柔和，所以搭配起來非常簡單，也不容易出錯(cuò)。

綠色的鄰近色

由綠色到黃色，或綠色到青色之間的顏色

所以初學(xué)者用這種方法配色也比較容易接受。而運(yùn)用在雙色調(diào)中，鄰近色也不會(huì)容易干擾到信息的傳達(dá)和識(shí)別。

鄰近色：紫色和紫紅

鄰近色：黃色和綠色

對(duì)于雙色調(diào)的面積處理，可以選擇大面積和小面積處理。

大面積處理

一般情況下，通常會(huì)將圖像進(jìn)行大面積處理�？赡芫托枰獪p少不必要的細(xì)節(jié)內(nèi)容，概括地展現(xiàn)圖像，傳達(dá)整體的氛圍和情感。

小面積處理

網(wǎng)站自動(dòng)生成

首先奉上兩個(gè)自動(dòng)生成雙色調(diào)圖片的網(wǎng)站，方便又快捷，適合在短時(shí)間內(nèi)完成的方法。

這兩個(gè)網(wǎng)站都可以上傳圖片，也可以選擇網(wǎng)站給的圖片，再選擇配色方案。如果要在限定的時(shí)間內(nèi)快速產(chǎn)出雙色調(diào)風(fēng)格的圖片，那么這兩個(gè)網(wǎng)站最適合不過了。而且不需要梯子，親測(cè)有效。

PS 軟件步驟那么在ps軟件中怎樣做出雙色調(diào)？其實(shí)有很多種方式，但我一般會(huì)用漸變映射。因?yàn)樗鼘?duì)應(yīng)的是照片光暗部進(jìn)行著色的。而不是單純的混合模式。

在漸變映射中有一個(gè)顏色漸變條，這個(gè)顏色漸變條從左到右對(duì)應(yīng)的就是照片暗部、中間調(diào)和高光區(qū)域。

也就是說越靠近左邊的顏色就對(duì)應(yīng)照片暗部的地方，越靠近右邊的顏色就對(duì)應(yīng)照片高光的地方，那么根據(jù)這個(gè)原理就可以進(jìn)行漸變映射。

關(guān)于這個(gè)漸變映射的操作，如何還是看不懂，可以點(diǎn)擊此文章【我想要一個(gè)不辣眼，又有點(diǎn)高級(jí)的漸變！】回顧一下的。

什么情況使用雙色調(diào)？

✷雙色調(diào)能優(yōu)化質(zhì)量較差的圖像，形成一個(gè)全新的視覺畫面。當(dāng)你的素材比較糟糕的時(shí)候，選擇雙色調(diào)能瞬間提升逼格，這也是拯救爛圖的方法之一。

改前

改后

✷雙色調(diào)比較適合修飾性效果的畫面，較為有趣個(gè)性的設(shè)計(jì)。對(duì)于產(chǎn)品展示，嚴(yán)肅的主題項(xiàng)目，就不太適合使用雙色調(diào)風(fēng)格。

最后，我們來總結(jié)一下。雖然雙色調(diào)設(shè)計(jì)不是一件新鮮的嘗試，但對(duì)于設(shè)計(jì)來說也是一種趨勢(shì)，依然具有很強(qiáng)的視覺吸引力。希望今天的文章，能帶給你一點(diǎn)新的想法。

來源：版式設(shè)計(jì)很簡單