|
對比手法一直都是設計師最常見的手法，也廣泛的運用在多個領域，今天我們就來說一說，對比手法里的色彩對比。 紅、橙、黃、綠、藍、紫是我們生活中最常見的顏色，不同的顏色之間的組合更是不可窮盡。通過色彩對比的搭配，展示不一樣的效果，給人的感受也不同，色彩之間的關系也非常復雜，今天的話題我們就繞著色彩對比，讓大家了解一下色彩中的美感。 老規(guī)矩，大家記得點贊收藏！喜歡記得關注設長！在設計中給你帶來最前沿的干貨！ 什么是色彩對比 色相、明度、飽和度的不同產(chǎn)生了對比，通過對這三個的調(diào)整，形成色彩對比，對比色可以加強整體的視覺效果，想讓設計效果變得脫穎而出，更有沖擊力，做出鮮艷明快的效果，那不妨可以試一試色彩對比的效果。
上圖中，人物在不同的顏色色塊中，表現(xiàn)出不一樣的視覺效果，刻意的營造色彩對比，可以很清晰的體現(xiàn)畫面中不同信息，產(chǎn)生良好的視覺平衡。 色彩對比的分類 色彩對比的運用有很多種，不同色彩色調(diào)的調(diào)和，展現(xiàn)的也是不同設計效果，分別有原色，同類色，鄰近色，類似色、中差色、對比色、互補色、亮暗色等對比，這些設計效果能夠產(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)。類似色能保持設計畫面上的協(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)一感。通常是黃與紅、紅與藍、藍與綠等搭配對應。由于畫面色彩的進一步增強，畫面效果會更豐富。
06 對比色對比 對比色是24色相環(huán)上120°之間的顏色對比，對比色本身就可以產(chǎn)生很有趣的視覺效果，對比色可以使人產(chǎn)生不同溫度感覺的各種色彩，在視覺上，對比顏色上存在著一定的空間暗示，產(chǎn)生視覺上的遠近空間透視效果，近處的顏色可以選擇偏暖，純度高，對比強的色彩感覺距離近，讓畫面看起來更加生動。
07 互補色對比 互補色就是色環(huán)上180°左右的顏色，就是激烈的色相組合，紅綠、藍橙這些都是互補色，互相對抗，就是猛！剛！烈！正是互補色對比性強烈，在視覺上會產(chǎn)生極大的隔離作用，所以我們要很好的化解互補色之間的沖突感，通常可以選擇面積比來達到平衡，選擇一種顏色作為主色調(diào)，大面積的使用，小面積的互補色點綴畫面，這樣很大的增加了視覺的張力，同時保持了整體的協(xié)調(diào)。也可以選擇調(diào)整明度與飽和度來減弱色彩的沖突或者是加入中性色來緩沖。
08 亮暗色對比 亮色和暗色存在較大的差異，暗色的元素可以作為背景，亮色的元素可以設計為主題，能夠制造出很強烈的層次感，凸顯出視覺的焦點，畫面的主體也會很鮮明。亮色和暗色無論是單獨使用還是搭配著對比使用都可以很有效的產(chǎn)生對比。利用亮色吸引觀者的注意力和眼球，通過暗色來突出亮色，強調(diào)設計的重要部分！
今天的色彩對比設計效果就分享到這里啦，把顏色把控好，注意元素之間的關系，運用明度、飽和度等變化，做出豐富的設計效果。 最后再分享幾個配色網(wǎng)站吧！ www.Coolors.com www.nipponcolors.com www.uigradients.com www.kuler.com www.dribble.com 建議收藏！ 收集整理：設長 楊哥 注：以上圖片僅供欣賞，版權歸屬設計者所有 延展閱讀：
設計師配色寶典！15個好用到爆的配色網(wǎng)站!（親測有效） |
|
|
