網(wǎng)站建設中的配色起到至關(guān)重要的作用發(fā)布者：本站     時(shí)間：2021-01-23 10:01:58

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

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

不同色調的畫(huà)面效果
網(wǎng)站建設中雙色調風(fēng)格能運用到多種設計的領(lǐng)域當中，例如印刷品、出版物、網(wǎng)頁(yè)設計、界面設計、插畫(huà)等等，都能看到雙色調的應用，畢竟雙色調能帶來(lái)強烈的視覺(jué)吸引力，讓設計變得更加有個(gè)性有趣。


上面說(shuō)過(guò)，雙色調是通過(guò)兩種顏色來(lái)改變原本圖像的色調。關(guān)于配色，總是離不開(kāi)色彩關(guān)系。所謂色彩關(guān)系，就必須有兩種以上顏色，才能形成的關(guān)系。所以，色彩關(guān)系有這些，同類(lèi)色、鄰近色、互補色、對比色等等。雙色調風(fēng)格一般會(huì )選擇對比色和鄰近色。

對比色的雙色調

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

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


對比色：深藍色和橙色

對比色：青綠色和紫紅色
鄰近色的雙色調

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

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

鄰近色：紫色和紫紅


鄰近色：黃色和綠色
對于雙色調的面積處理，可以選擇大面積和小面積處理。

大面積處理

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

如果想要小面積的雙色調處理，可以從一些文字、形狀作為裝飾性的元素進(jìn)行雙色，都可以起到重整圖像和圖形的色彩關(guān)系，帶來(lái)新的視覺(jué)感受，吸引用戶(hù)注意的作用。

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


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

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


什么情況使用雙色調？

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

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

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