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