對(duì)比手法一直都是設(shè)計(jì)師最常見的手法，也廣泛的運(yùn)用在多個(gè)領(lǐng)域，今天我們就來說一說，對(duì)比手法里的色彩對(duì)比。
紅、橙、黃、綠、藍(lán)、紫是我們生活中最常見的顏色，不同的顏色之間的組合更是不可窮盡。通過色彩對(duì)比的搭配，展示不一樣的效果，給人的感受也不同，色彩之間的關(guān)系也非常復(fù)雜，今天的話題我們就繞著色彩對(duì)比，讓大家了解一下色彩中的美感。
老規(guī)矩，大家記得點(diǎn)贊收藏！喜歡記得關(guān)注設(shè)長！在設(shè)計(jì)中給你帶來最前沿的干貨！
什么是色彩對(duì)比
色相、明度、飽和度的不同產(chǎn)生了對(duì)比，通過對(duì)這三個(gè)的調(diào)整，形成色彩對(duì)比，對(duì)比色可以加強(qiáng)整體的視覺效果，想讓設(shè)計(jì)效果變得脫穎而出，更有沖擊力，做出鮮艷明快的效果，那不妨可以試一試色彩對(duì)比的效果。
上圖中，人物在不同的顏色色塊中，表現(xiàn)出不一樣的視覺效果，刻意的營造色彩對(duì)比，可以很清晰的體現(xiàn)畫面中不同信息，產(chǎn)生良好的視覺平衡。
色彩對(duì)比的分類
色彩對(duì)比的運(yùn)用有很多種，不同色彩色調(diào)的調(diào)和，展現(xiàn)的也是不同設(shè)計(jì)效果，分別有原色，同類色，鄰近色，類似色、中差色、對(duì)比色、互補(bǔ)色、亮暗色等對(duì)比，這些設(shè)計(jì)效果能夠產(chǎn)生一定的視覺沖擊力。
在24色相環(huán)上為例
原色（基色）：此顏色(0°)；
同類色：與此色相間隔1色左右(15°±)；
類似色：與此色相間隔2色左右(30°±)；
鄰近色：與此色相間隔4色左右(60°±)；
中差色：與此色相間隔6色左右(90°±)；
對(duì)比色：與此色相間隔8色左右(120°±)；
互補(bǔ)色：與此色相間隔12色左右(180°±)。
01
原色對(duì)比
紅，藍(lán)，黃這三種原色是色環(huán)上最極端的三個(gè)顏色，三種顏色都有很強(qiáng)烈的視覺表現(xiàn)力。人眼決定顏色的神經(jīng)細(xì)胞就只有三種，我們使用原色來進(jìn)行對(duì)比，可以產(chǎn)生很強(qiáng)烈的色彩沖突。
02
同類色對(duì)比
同類色對(duì)比就是選擇一種顏色，然后對(duì)這種顏色進(jìn)行不同明度，不同飽和度和不同純度變化，產(chǎn)生對(duì)比。一般是在選擇這種顏色的色相環(huán)上為15°之間的顏色，這樣的差別不會(huì)太大。給人一種很舒服很整體的效果！但又富有變化。
03
類似色對(duì)比
類似色是色相環(huán)上30°左右的色彩，類似色要有共同的色素，色相上也要選擇對(duì)比差比較小的，比如紅色和橙色，橙色和黃色，黃色和綠色等。并且要注意類似色中明度和純度控制比，將類似色調(diào)整到一個(gè)舒服的狀態(tài)。類似色能保持設(shè)計(jì)畫面上的協(xié)調(diào)感，并且通過明度和純度的調(diào)整對(duì)比，可以達(dá)到高級(jí)質(zhì)感的配色！
04
鄰近色對(duì)比
鄰近色是以色相環(huán)上以原色為中心，左右60°以內(nèi)的色彩，都可以稱之為鄰近色。例如紅色和黃色，綠色和藍(lán)色。通常鄰近色之間是你中有我，我中有你的視覺效果。色相，冷暖，色調(diào)都統(tǒng)一和諧，所以鄰近色可以保持畫面的統(tǒng)一感，畫面顯得很豐富，活潑，在色彩表現(xiàn)上也有主有次。
05
中差色對(duì)比
中差色是24色相環(huán)上90°之間的顏色對(duì)比，中差色相較于鄰近色，可以看出來它顯得更加活潑、跳躍、有動(dòng)感，同時(shí)也不會(huì)失去統(tǒng)一感。通常是黃與紅、紅與藍(lán)、藍(lán)與綠等搭配對(duì)應(yīng)。由于畫面色彩的進(jìn)一步增強(qiáng)，畫面效果會(huì)更豐富。
06
對(duì)比色對(duì)比
對(duì)比色是24色相環(huán)上120°之間的顏色對(duì)比，對(duì)比色本身就可以產(chǎn)生很有趣的視覺效果，對(duì)比色可以使人產(chǎn)生不同溫度感覺的各種色彩，在視覺上，對(duì)比顏色上存在著一定的空間暗示，產(chǎn)生視覺上的遠(yuǎn)近空間透視效果，近處的顏色可以選擇偏暖，純度高，對(duì)比強(qiáng)的色彩感覺距離近，讓畫面看起來更加生動(dòng)。
07
互補(bǔ)色對(duì)比
互補(bǔ)色就是色環(huán)上180°左右的顏色，就是激烈的色相組合，紅綠、藍(lán)橙這些都是互補(bǔ)色，互相對(duì)抗，就是猛！剛！烈！正是互補(bǔ)色對(duì)比性強(qiáng)烈，在視覺上會(huì)產(chǎn)生極大的隔離作用，所以我們要很好的化解互補(bǔ)色之間的沖突感，通?？梢赃x擇面積比來達(dá)到平衡，選擇一種顏色作為主色調(diào)，大面積的使用，小面積的互補(bǔ)色點(diǎn)綴畫面，這樣很大的增加了視覺的張力，同時(shí)保持了整體的協(xié)調(diào)。也可以選擇調(diào)整明度與飽和度來減弱色彩的沖突或者是加入中性色來緩沖。
08
亮暗色對(duì)比
亮色和暗色存在較大的差異，暗色的元素可以作為背景，亮色的元素可以設(shè)計(jì)為主題，能夠制造出很強(qiáng)烈的層次感，凸顯出視覺的焦點(diǎn)，畫面的主體也會(huì)很鮮明。亮色和暗色無論是單獨(dú)使用還是搭配著對(duì)比使用都可以很有效的產(chǎn)生對(duì)比。利用亮色吸引觀者的注意力和眼球，通過暗色來突出亮色，強(qiáng)調(diào)設(shè)計(jì)的重要部分！
今天的色彩對(duì)比設(shè)計(jì)效果就分享到這里啦，把顏色把控好，注意元素之間的關(guān)系，運(yùn)用明度、飽和度等變化，做出豐富的設(shè)計(jì)效果。
最后再分享幾個(gè)配色網(wǎng)站吧！
www.Coolors.com
www.nipponcolors.com
www.uigradients.com
www.kuler.com
www.dribble.com
建議收藏！
收集整理：設(shè)長 楊哥
注：以上圖片僅供欣賞，版權(quán)歸屬設(shè)計(jì)者所有
延展閱讀：
設(shè)計(jì)師 過來一下 看看這配色?。? 看了還不趕緊收藏~
設(shè)計(jì)師配色寶典！15個(gè)好用到爆的配色網(wǎng)站!（親測有效）
聯(lián)系客服
