最近一部被廣大設計師誇讚配色的電視劇大結局了。

憑藉出色的場景和驚心動魄的劇情，幾次都上了熱搜。沒看過也一定聽過的《長安十二時辰》畫面確實美。

十二時辰火的不僅僅是劇情，更是劇中用心的道具和環境的處理細節，看過劇的人都會被劇中完美復刻長安高級端莊的建築和色彩所震驚，對比起一些磨皮高飽和神劇來講簡直完美的詮釋了大唐盛世的長安。

而這種高級的顏色會讓我們感到眼前一亮就是因為他們符合了兩個條件：

1：色彩的飽和度低

2：明度接近

王希孟-《千里江山圖》

這樣選擇顏色方式使得顏色之間的對比度不會太過強烈，整體會感覺非常柔和，也常常在國畫等古董上面運用。

今天我們就來了解一下顏色運用的秘密，在此之前，有必要來些基礎知識。

顏色的基礎知識

色相（Hue）：

指的是如上面色輪所示的純飽和色。

淺色（Tint）：

是將單一色相融入白色元素，使其變亮或去飽和度而成。淡化後的顏色通常比飽和的顏色更平靜。

色調（Tone）：

是在一個色相中加入灰色，使整體色度變暗而成。

色度（Shade）：

是將不等比例的黑色加入單一色調而成，以調配出更暗的色相。

飽和度（Saturation）：

指的是一個顏色的總體強度或色度。一個純色相會比其淺色或色調更飽和。

色環，又稱色輪

The Color Wheel

基本的色輪分為12個主要部分，也就是12種不同的顏色，用於表示每種顏色之間的相互關係。而在色環當中你可以看到相對的兩個顏色通常會作為互補色，而相鄰的兩個顏色比較相似稱為

Analogous Colors（鄰近色）。

原色（Primary Colors）

原色是「原始」的顏色，由紅色、黃色和藍色組成。無法混合其他顏色來調配出這些顏色。

這個強大的三原色塑造了我們所知的色彩理論的基礎。這三種色素是廣泛的顏色範圍，又稱色域的基石。把這些顏色調配在一起時，就會產生二次色和三次色以及介於兩者中間的所有色相。

單色配色法

使用色輪我們可以製作出各種各樣的配色組合，我們今天講的單色配色法比較適用在日常設計當中。

單色配色法是以單一顏色為焦點，通常透過混合一個色相的淺色、色調和色度作搭配變化。這種配色表聽起來可能很單調，但卻提供了多元的色值，為你的構圖增添趣味和多樣性。

這種配色方案非常多變化，而且很美觀。在設計中使用多種顏色通常會使觀者眼花撩亂，並使設計的色調失去風采，但是單一色相的細微顏色變化有助於簡化設計，使其不過於單調。

但是這裡所說的單色並不是傳統意義上的一種顏色，可以是一個顏色與黑白灰三種顏色的混搭也可以是同一個顏色不同飽和度和亮度的搭配。

因為從某種意義上來說，單色搭配的方法中黑白灰的組合更多的是讓人辨識信息，而不是作為色彩的存在，像上面這個藍色一樣，在同一個頁面當中黑白灰只是起到了輔助的作用。

黑色作為了標題和主要文字的顏色，使得中間藍色的插畫部分更加的突出，同時也能很好的區分海報給人的信息。

也正因為如此，我們通常在設計中看到單色適用於區分表格和圖表之間來表示關係。

使用黑白和單色能夠簡單的把背景，文字和主要內容分開，像上面這張圖一樣，黃色的方塊可以區分開每個標題的不同，而黑色的字體作為標題字的顏色既可以和上面的白色字體分開，也不會失去存在感。

在一張漂亮的圖片上也是這樣處理文字和背景的，我們從大提琴上取一個較背景相比的淺棕色可以很好的和大提琴的棕色和周圍嚴肅高檔的環境所對比，如果這個時候用白色的話會略顯突兀，而黑絲又與背景顏色泰國相似，起不到醒目的作用。

顏色心理學

像上面那張圖一樣，一個深色的背景會給人一種高檔嚴肅的感覺，同樣適用於其他的顏色，因為不同的顏色會給人帶來的感覺是不一樣的。

熱烈的紅色

當我們看到紅色的時候，我們感受到警覺，興奮和熱烈。紅色搶眼和活潑的特質能引起觀者強烈的情緒反應。可用來提高食慾、興奮度和焦慮感。餐廳常常會將紅色融入品牌元素中，有助於增加食慾。有些品牌還會利用紅色調來散發刺激和冒險的調性。

燦爛的黃色

當這種陽光色調以最純粹的形式呈現時，可喚起溫馨、愉悅和寧靜的感受。搶眼的黃色調也是會立刻引人注目的顏色，通常用於警告、交通標誌和安全背心。許多品牌會利用醒目的黃色來吸引顧客光顧他們的商店，使其成為零售商店的熱門首選。

安靜的藍色

從蔚藍的天空到耀眼的海洋，藍色使人產生的聯想大致是正面的。這種受歡迎的色調以其平靜的本質象徵著和平、可靠和忠誠。但是過多使用會讓人有一種抑鬱的感覺。所以在使用藍色的時候不妨加入一些亮色。

當然除此之外，紫色，綠色，粉色等也都有著自己的顏色感覺。所以我們日常在使用顏色的時候，就要避免多種顏色的混合，那樣會使你所表達的作品情緒非常的混亂，讓看的人不知道你想要表達什麼樣的意思。

我們應該避免像這樣拼出五彩的情況，更多的時候如果運用好單色，就能解決一般的配色問題了。

選擇適合的配色

知道了單色的配色法我們試著在一段文字上進行對比，從原本的白底黑字，再改變中間的重點詞彙的顏色為紅色，改變之後這段話的重點變得突出了很多。

同樣的我們再換一種改變的方式。

我們使用大量的紅色作為背景，再用白色作為單詞的顏色。你會發現這個時候白色又明顯的成為了視覺中心，而整個畫面變得更加情感熱烈了。

下圖也是一樣的操作，原圖整個黃色的背景雖然感受到了明亮但是卻讓文字失去了光彩。通過亮黃色的方塊強調重點詞也同樣能渲染環境情感。

所以我們要講的就是-適合頁面的顏色才是好的。

那什麼樣的顏色才算是適合的呢？我們選擇了一個簡單的色卡進行對比。

同樣的色卡，原始高飽和的幾個顏色比較活潑和熱情，但是作為商務或是企業的頁面當中情緒會太過熱烈了，所以我們降低它的飽和度，從-40到-80，我們看到了顏色較剛開始相比更加的沉穩和大氣了，這個時候就能夠用作商務的頁面配色，因為它給人的感覺變得柔和了。

同樣的，飽和度較高的顏色通過降低飽和度會使原本兩個色相不同的顏色變得一致，這在畫面中能夠更加的統一。所以我們不僅要保證色彩的飽和度一致，更重要的是要清楚自己要表達的情緒是什麼樣的。

當我們在選擇自己的色板的時候如果並不確定自己需要什麼顏色，那我們可以打開一張和自己情緒環境相符的圖片，通過滑鼠在圖片上面進行取色，這樣得到的色盤不論選擇哪一個顏色作為設計來使用都是合理的。

可以發現同一系列的產品只要選擇了相同飽和度和色相的顏色進行搭配，所出現的效果都是能夠融合的，也是適合的。

但同樣的，即使我們選擇的圖片當中的顏色有很多種我們也應該適當的選擇出適合的顏色，三種以內顏色的搭配在畫面中是較為舒服的。

所以細心觀察你會發現，大自然中和生活中的顏色隨處可見，如果沒有色彩搭配好的想法也可以在生活中發現好看的配色。

最後推薦一個配色的網站，官方Adobe的配色網站支持傳圖識別顏色，你可以選擇自己喜歡的圖片生成自己的色卡哦！

免責申明：文章來源於公開網絡，僅供設計師學習，版權歸原創者所有!無對涉及版權問題負責，如有原作者認侵，聯繫必刪

福利互動

為答謝客官閱讀完此文支持，特準備設計新人整套課程（字體設計，海報，logo，ps工具）贈送領取

下方是領取方式

1，右上角關注小編哥哥頭條號~

2，評論文章，不限字數，一個字都行

3，私信小編：免費課程