總監新交給我的配色方案騷氣十足,刷新三觀!

前兩天打卡群聊到配色

聊到最後大家都收集了一堆色卡

然而還是不會用(扎心了,老鐵!)

為什麼不會用,很多時候是我們不會分析配色,今天就從基礎給大家好好分析分析配色那些事兒~

我們都知道,色彩是光的波長照射在物體上的反射而來,而顯示器屏幕里的色彩則是直接映入我們眼睛裡的。

三原色

紅、黃、藍被稱為三原色,它們能混合出其他顏色,而其他色卻不能還原成三原色。而如果我們討論的是屏幕顯示的的三原色,則是紅綠藍,也就是我們熟悉的RGB。

三間色

將兩兩相鄰的三原色混合一下,得到了三間色:紅+黃=橙,黃+藍=綠,藍+紅=紫。這些顏色如果應用在項目中,會產生很強烈的對比感。

第三色

將兩兩相鄰的顏色混合成新的顏色,得到第三色,也稱作複合色。

十二色色輪

HSB模式

我們都知道,顯示器顯示顏色是RGB模式,印刷出版物顯示顏色是CMYK模式,然而基於人眼最直觀的顏色是HSB模式。

H=色相,也就是色輪上不同角度所顯示的顏色,比如紅色,黃色,綠色。

S=飽和度,表示色相中彩色成分所佔的比例,用從0(灰色)~100%(完全飽和)的百分比來度量。通俗來講,也就是顏色的鮮艷程度。

B=明度,決定著顏色的相對明暗程度,通常是從0(黑)~100%(白)的百分比來度量的。

相鄰色

在設計作品時,如果配色想偷懶的話,有個簡單又和諧的方法可以達到,那就是使用色輪上的相鄰色來搭配。不過想搭配好相鄰色,也並非那麼容易的事情,一定要注意明度與飽和度的對比,色相相差比較大的時候,明度和飽和度數值不同,會顯得更加和諧。

雙色相鄰

案例:

by Tu?n Anh V?

這張插畫大面積運用了黃色與橙色的相鄰色,簡單的顏色也搭配的好看,讓秋天的氣氛迎面撲來。由於兩種色相角度相近,所以沒有過多調整明度與飽和度也依舊很和諧。

三色相鄰

案例:

by Vanya Lalic

這張插畫大面積運用了青+藍+藏藍色的相鄰,但是青色的飽和度較低,藏藍色明度較低,顯得層次感非常強烈,同時還加了少許紅色的對比,讓畫面看起來一點都不膩。

互補色

如果希望作品能夠更有衝擊力和強烈對比,不妨試試互補色,特別是高飽和的兩種對比色,會讓畫面色彩更飽滿。想學習對比色,可以從紫+黃開始,相對容易被接受。當然,更需要注意的是,互補色的面積範圍不能太相近,如果是大面積的紅色搭配大面積的綠色,那就不是故事,而是事故了。

雙色互補

案例:

by Simone Massooni

大塊的橙色配上藍色的點綴,讓畫面看起來有強烈的視覺衝擊力,同時,橙色與藍色的互補相得益彰,襯托出橙色更加明艷誘人,高飽和度的色彩非常好看。

分裂互補三色

這種互補相較雙色互補對比更為柔和一些,產生更細膩的色彩邊界,不那麼突兀。

案例:

by Simone Massooni

這張圖片用了橙紅色,綠色,藍色的互補分裂三色,面積和飽和度的不同讓畫面的對比衝突柔和許多,大面積的綠色裡帶一點跳脫的橙紅和藍色,使得排版活潑有趣。

間隔色

彼此等距的雙色或者三色間隔會產生讓人愉悅的組合,這一組合的特點是色彩比較明確、差異化大、識別率高,一般比較常出現在廣告設計中。

雙色間隔

案例:

by Don"t Try Studio和Quentin Monge

這張插畫運用了紅+橙黃+藏藍+綠色的雙色間隔搭配,配色上兩兩互補,跳躍中連帶著相互呼應,同時由於飽和度的不同,顯得畫面對比不那麼突兀。

三色間隔

三色間隔比雙色間隔更加跳躍性,搭配也更加個性。

案例:

by Magdiel Lopez

這張海報運用了最經典的紅黃藍三色間隔,不過紅色的飽和度非常低,有些偏粉色,讓對比的衝突沒有那麼明顯,畫面柔和感增強了許多,但依舊色彩鮮明,讓人感覺非常愉悅。

by Sara Ozvaldic

如果紅色和藍色的飽和度高一些,像這張圖一樣,也很好看。

暖色與冷色

色彩本身是沒有情緒的,但是不同的色調卻能讓人產生不同的感覺。

暖色調

暖色調是由太陽衍生出來的顏色,包括紅、黃、橙,人們看到暖色調就會不由自主的聯想到太陽,因而感覺到溫暖與興奮。

案例:

by Rachel Zimra

插畫中小女孩的衣服、發色、包括身後的房屋,大面積使用了暖色系,讓畫面看起來非常溫暖,同時,也添加了冷色系的藍色天空、綠色藤蔓,中和了暖色的燥熱感,使畫面更加和諧自然。

冷色調

冷色調是以青、綠、藍、紫為主的顏色,視覺上讓人覺得清爽甚至寒冷。

案例:

by Aitor Prieto

這幅插畫就是以冷色調為主,整個畫面讓人感覺比較清爽,其間也穿插了一點點溫暖的黃色,中和了陰冷的感覺。

學會分析作品配色

總有很多人抱怨,看了那麼多配色文,可是到自己做起來又是一臉懵逼。或者看到好看的圖,就是看不懂作者到底怎麼配色的。那麼,小編來教你們你如何分析大牛的配色並運用到自己的作品裡。

第一步,把喜歡的圖片放入PS里,用吸管吸取顏色。

by FOREAL Studio

第二步,色相不變,把飽和度和明度的數值調到100。

現在,我們很容易就能發現,這張圖運用的是橙色與藍色的漸變,並且,由於藍色的飽和度與明度較低,顯得圖片比較高大上。

這樣的分析可以直觀看到作品的配色到底是什麼顏色,運用了哪種配色方法,飽和度明度是怎樣調整的,從而真正學到大牛的手法,並且,還能提升自己對顏色的敏感度,以後就再也不會出現「看了很多文章,依舊學不會配色」這樣的窘境了。

總結

我們來複習一遍,想要顏色搭配好看,一定要遵循這些規律:

1. 相鄰色需調整明度與飽和度。

2. 互補色要注意色彩面積大小,分清主次關係。

3. 冷暖色調會對人的情緒產生影響。

所以,配色沒有想像中的那麼難,只要遵循這些原則,大的方向就不會出錯,剩下的,只有多看多分析多練習啦!

最後,小編想給大家留兩個思考題:

如果你有一條黃色的裙子,搭配什麼顏色的包包比較出彩?

如果家裡有一個藍色的沙發,搭配什麼顏色的抱枕更和諧?

封面設計:Maria Gr?nlund


推薦閱讀:

不生病的紀律---每個女人都需要一套量身定做的養生方案----張鶴瑤
如何開始系統全面地學習園林景觀方案?
理清思緒:適合你的掃貨方案 一
澳門街坊會聯合總會《社會保障和養老保障體系重整諮詢方案》意見書
梁振英談政改方案被否:廣大市民感到極度失望

TAG:三觀 | 配色 | 方案 | 配色方案 | 刷新 |