顏色提高篇,設計師需要掌握顏色色相的對比知識

在前篇的顏色文章中,以風趣的語言介紹了顏色的三個DNA,分別是色相、明度、純度(飽和度)。但是設計師光是瞭解還不夠的,往往是需要運用它的,那麼今天就講解一下關於色彩對比的知識。

顏色提高篇,設計師需要掌握顏色色相的對比知識

在講之前,請看一幅圖。上圖估計是很多人童年中的噩夢,父母總是喜歡將我們和隔壁家的孩子進行比較,俗話說沒有對比就沒有傷害,每次我們都被暴擊擊中,而這就是今天所講的對比知識。要知道,我們自古就生活在一個對比的世界裡,不可能沒有對比,所以我們要坦然面對,去接受他,並研究他。同理,我們顏色的世界也存在著對比,顏色每次考的分數也存在著分數的高低,作為父母的我們當然要將他們比一比了,畢竟他們都是我們設計師的孩子。

色相的對比就是將紅色跟黃的、綠的、藍的、紫的等等同學期末考試的分數進行對比(關於什麼是色相、明度、純度、色環等請看上一篇,這裡就不重複講解了),就好比父母把我們的分數跟隔壁家的胖虎、二蛋、小豪、小美等同學進行對比。好了,那我們就看看是什麼個對比法。色相的對比主要分為同類色的對比、鄰近色的對比、對比色的對比、互補色的對比。


同類色的對比 (距離15°)

顏色提高篇,設計師需要掌握顏色色相的對比知識

同類色是指在色環上相距離15°的顏色進行對比比較(在這裡講的15°,45°,90°的度數並不是絕對的,只是一個範圍,以15°的為例子,0-15°,或者是16°的顏色都可以算是同類色),他們的顏色很統一,看起來很單調,基本覺得沒什麼對比。舉個例子:我期末考了個20分,隔壁的胖虎考了18分,我們可以算是同一戰線的人了,因為半斤對八兩,你覺得父母會拿我們進行對比嗎,他們只會認為我們都是同類人,沒什麼好比的。所以15°距離的顏色對比就叫同類色,同類色的特點非常統一、穩定。設計中常用同類色會使得畫面變得統一,但也會出現呆板,單調乏味的現象。


鄰近色的對比(距離45°)

顏色提高篇,設計師需要掌握顏色色相的對比知識

鄰近色是指色環上距離45°的顏色進行對比,他們的顏色看起來統一而又緩和,但又有變化,變化似乎又不大。舉個例子:隔壁的二蛋分數考了58分,父母又拿我們進行對比,一看二蛋的分數不錯,比我高不少啊,估計父母又會哆嗦我,但是二蛋也沒過60分及格線啊,仔細一想我們還是一路貨色。所以45°距離的顏色叫鄰近色是因為我們雖然有點不一樣,但是還是相鄰在了一起,鄰近色的特點稍顯活潑,但是對比的視覺衝擊力還是比較弱,看起來比較舒緩。設計師常用鄰近色使畫面變得統一而又緩和,但是缺點還是很明顯,視覺的對比效果還是太弱了(因為我們都是不及格)。


對比色的對比(距離90°)

顏色提高篇,設計師需要掌握顏色色相的對比知識

對比色是指色環上距離90°的顏色進行對比,他們的顏色看起來生動而又活潑(額,相對來說,這是設計師最常用的對比顏色了)。舉個例子:隔壁的小豪考了80分,父母就喜歡拿我和他進行對比,要我向他學習學習,80分對我來說要求不是很高,努力努力我應該能達到。這種恰當好處的對比那就是父母想要的對比,所以就叫對比色了,90°的對比色特點就是使得顏色的對比很明顯面,在設計中常用對比色使得畫面變得明快而又生動。


互補色的對比(距離180°)

顏色提高篇,設計師需要掌握顏色色相的對比知識

互補色是指將色環上距離180°的顏色進行對比,這種顏色的對比會非常的強烈,刺激。舉個例子:還是拿我的分數跟隔壁小美的分數進行對比,小美考了120分,天哪,總分只有100分,老師看她太優異了又給她加20分,這個對比,簡直就是一萬點暴擊的傷害,非常的強烈和刺激,每次對比完我都快哭了。所以這種強烈的對比就叫互補色的對比,因為我根本不適合讀書,小美正適合讀書,我們結合在一起完全就是互補嘛。180°互補顏色的對比,會顯得強烈刺激,顯眼和特別,在設計中也就會使得設計的畫面變得鮮明,活躍,但是設計處理的不好就會變得非常的亂,雜,過分的對比會顯色非常生硬(我考20,小美120分,這對比落差也太大,顯得太生硬了)。


設計實踐:

顏色提高篇,設計師需要掌握顏色色相的對比知識

色相的對比講完了,實際中如何實踐呢,PS插件大法好,祭上神圖PS插件Coolorus。媽媽再也不用擔心我在配色過程中算度數了!coolorus將常用的色彩搭配的方案都給我們調好了,用的過程中我們只需要進行適當的微調就可以調出完美的配色方案了。

顏色提高篇,設計師需要掌握顏色色相的對比知識

接下來,我們仔細研究一下他的配色方案,如圖一共給了6個對比配色方案,第一灰色的圈圈的度數一看,明顯15°以內嘛,所以是同類色的對比配色方案。第二個灰色的圈圈,相差180°,那麼就是互補色的對比方案。第五個,90°以內,既可以調出鄰近色,又能調出對比色,真的是很方便啊!咦,再仔細一看,你會發現,第三個,第四個,和第六個怎麼不是剛才說的幾個度數,而且數量還變了?且聽慢慢道來,在設計師配色的過程中,只使用兩種顏色的對比的機會很少(譬如父母不會只那我和小豪對比,這不把我和隔壁家的孩子對比了個遍),所以配色上會用到2種以上的顏色,多得時候甚至五六種。而第三個灰色圈圈給了三種顏色的搭配,主色是最上面的,另外兩個顏色給了互補色鄰近的兩個顏色,使得強烈的對比減弱了(就好比媽媽覺得小美120分太高了,就會拿小美旁邊的分數,98分,95分進行對比,美其名曰:我也不希望你考個120分,對你太難了,你考個90多分也就夠了,這總行了吧)。而第四個圈圈和第六個圈圈和第三個道理是一樣的,使得對比既有對比又有調和。


本期總結:

同類色(15°)的對比顏色對比比較弱,大家都很統一(20分和15分簡直就是半斤對八兩,有什麼好對比的),鄰近色(45°)的對比,顏色稍微有一點對比,但是很緩和,看不出來(20分和58分比,是高了,但是還不都是不合格),對比色(90°)的對比恰到好處,畫面既生動又活潑(20分和80分對比,要的就是這種,對我的要求既不高也不低),互補色(180°)的對比非常強烈刺激,顯著(20分和120分對比,天哪還有活命的機會嗎)。

顏色提高篇,設計師需要掌握顏色色相的對比知識

顏色的對比沒有絕對的好壞,俗話說沒有不好看的顏色只有不好看的搭配,就像我即使20分,奶奶沒拿我和別人進行對比,還覺得我比較聰明嘞!好了,關於色相的對比就講這麼多了,實際設計師們在使用的時候,要按照自己的設計需求進行選擇,比如我們要表現畫面的柔和和統一,當然會選擇同類色和鄰近色(額,就像父母為了顯示我的好,只好拿我和胖虎對比,覺得我還是有點優勢的),如果要表現某一類的衝突對比那就選對比色或互補色,典型的例子如海報中都喜歡選擇紅藍表示雙方進行對比。

偷偷的告訴你,我們的父母不僅把我和小美的成績進行對比,還把我們的言談舉止、穿衣打扮等方面進行對比嘞。那意味著什麼呢?顏色不僅僅只有顏色色相的對比,還有其他方面譬如顏色純度進行對比,關於顏色其他方面的對比,我們下期再見。我是扁豆君,致力於用最平民化的語言講設計,如果你喜歡,那就關注我吧。哦,對了,不懂的歡迎提問,麻麻說愛問問題的孩子都是好孩子!


分享到:


相關文章: