關于雙色調風格,其實在國外的一些設計上經常被運用到,比如海報設計、網站和App,這種具有較強的視覺處理,不但能讓原本單調的畫面變得更時尚,相比普通色彩的圖像,更明確表現出特定的氛圍。那么什么是雙色調?如何處理才能達到雙色調的效果?又如何去運用雙色調才更有效?

雙色調通過兩種顏色來改變原本圖像的色調,不同的雙色搭配會產生不一樣的調性氛圍。如果涉及到印刷成本的話,雙色調設計也是一種非常經濟實惠的設計方案。


不同色調的畫面效果
雙色調風格能運用到多種設計的領域當中,例如印刷品、出版物、網頁設計、界面設計、插畫等等,都能看到雙色調的應用,畢竟雙色調能帶來強烈的視覺吸引力,讓設計變得更加有個性有趣。
書籍設計






海報設計







網頁設計






上面說過,雙色調是通過兩種顏色來改變原本圖像的色調。關于配色,總是離不開色彩關系。所謂色彩關系,就必須有兩種以上顏色,才能形成的關系。所以,色彩關系有這些,同類色、鄰近色、互補色、對比色等等。雙色調風格一般會選擇對比色和鄰近色。
對比色的雙色調
對比色就是基色起120°~180°的顏色,能給畫面帶來一定的視覺沖擊力和較強的色彩張力,有強烈的個性感。

紅色的對比色,從藍色到綠色之間的顏色
結合圖像和圖形的特點,表達出合適的氛圍和情感。但如果對比色使用不當的話,很容易造成暈影的現象。這時候可以結合黑白來使用,調和對比色的沖撞,也能帶來一種平衡。

對比色:深藍色和橙色

對比色:青綠色和紫紅色
鄰近色的雙色調
鄰近色是基色起60°之內的顏色。由于鄰近色的色相差比較小,過渡比較柔和,所以搭配起來非常簡單,也不容易出錯。

綠色的鄰近色
由綠色到黃色,或綠色到青色之間的顏色
所以初學者用這種方法配色也比較容易接受。而運用在雙色調中,鄰近色也不會容易干擾到信息的傳達和識別。

鄰近色:紫色和紫紅

鄰近色:黃色和綠色
對于雙色調的面積處理,可以選擇大面積和小面積處理。
大面積處理
一般情況下,通常會將圖像進行大面積處理??赡芫托枰獪p少不必要的細節內容,概括地展現圖像,傳達整體的氛圍和情感。



小面積處理
如果想要小面積的雙色調處理,可以從一些文字、形狀作為裝飾性的元素進行雙色,都可以起到重整圖像和圖形的色彩關系,帶來新的視覺感受,吸引用戶注意的作用。




網站自動生成
首先奉上兩個自動生成雙色調圖片的網站,方便又快捷,適合在短時間內完成的方法。
https://duotone.shapefactory.co

https://medialoot.com/duotones/

這兩個網站都可以上傳圖片,也可以選擇網站給的圖片,再選擇配色方案。如果要在限定的時間內快速產出雙色調風格的圖片,那么這兩個網站最適合不過了。而且不需要梯子,親測有效。
PS 軟件步驟那么在ps軟件中怎樣做出雙色調?其實有很多種方式,但我一般會用漸變映射。因為它對應的是照片光暗部進行著色的。而不是單純的混合模式。

在漸變映射中有一個顏色漸變條,這個顏色漸變條從左到右對應的就是照片暗部、中間調和高光區域。

也就是說越靠近左邊的顏色就對應照片暗部的地方,越靠近右邊的顏色就對應照片高光的地方,那么根據這個原理就可以進行漸變映射。
關于這個漸變映射的操作,如何還是看不懂,可以點擊此文章【我想要一個不辣眼,又有點高級的漸變!】回顧一下的。
什么情況使用雙色調?
?雙色調能優化質量較差的圖像,形成一個全新的視覺畫面。當你的素材比較糟糕的時候,選擇雙色調能瞬間提升逼格,這也是拯救爛圖的方法之一。
改前
改后

?雙色調比較適合修飾性效果的畫面,較為有趣個性的設計。對于產品展示,嚴肅的主題項目,就不太適合使用雙色調風格。





雖然雙色調設計不是一件新鮮的嘗試,但對于設計來說也是一種趨勢,依然具有很強的視覺吸引力。