配色總是不協調？很可能是你沒弄懂這三點
點擊下方觀看視頻版哦~
點擊邊框調出視頻工具條
以下是圖文版：
我們都知道在眾多的色彩組合形式中，最為重要的兩個就是色彩的統一與色彩的對比。色彩的統一與色彩的對比可以說看似對立但又有著緊密的聯繫，所以想要擁有較高的配色能力必須做到二者兼顧。但是對於學習而言也要有一個先後順序，首先應該學會色彩的統一，其次在掌握好色彩的統一之後再進一步學習色彩的對比，最後將兩者與色調結合相互配合使用。那麼究竟如何達成協調統一的配色呢？本期文章我們就從色相、純度、明度三個的角度來解決這個問題。
色相、純度（也稱飽和度、彩度）和明度被稱為色彩的三要素。色相指的就是色彩的相貌和稱謂，是區別不同色彩的最主要因素和最準確的標準，同時也是色彩最重要的特徵之一。色相是人們對於色彩的第一印象，就好比色彩外表的肌膚，體現著色彩外向的性格。在通常情況下，色相以色彩的名稱來體現，如基本色相紅、橙、黃、綠、青、藍、紫。
要表現色彩之間的關係和相互作用，最簡單也最易懂的方式就是色相環或色相條，其中色相環運用得最為廣泛，色相環就是將色相按照光譜順序排列首尾相連形成的環狀圖形。上圖我們所列舉的是十二色相環，如果繼續尋找中間色，即可延伸出二十四色相環和四十八色相環。
色相對於色彩來說就相當於人的相貌，我們通過人的相貌可以區別出男女老少，同樣我們也可以通過色相來區別出不同色彩的特徵以及情感屬性或者印象。
就比如我們去商場里買鞋，你跟售貨員說想要一雙粉色的鞋子，相信售貨員絕對不會拿出其他顏色的鞋子給你，這就是色相在起作用。
統一色相就是以相同或相近的色相來搭配，統一色相的配色具有協調感和一致性，有時也可以理解為單色配色。雖然這種配色方式並不是設計的首選，但是運用的巧妙往往會更加具有表現力容易脫穎而出。
統一色相併不是說「強迫症」式的使用一種顏色，也可以使用相同或相近的色相然後在其中加入純度與明度的變化，如大自然中森林的綠色與海水的藍色。
軍隊使用的迷彩就屬於統一色相的配色，迷彩的目的就是要讓物體與周圍的環境融為一體，不容易被敵方發現。統一色相的配色往往會產生單調、乏味的印象。
使用色相相同，純度或明度不同的色彩組合，整體會顯得協調統一。
如果覺得單調也可以對色相進行細微的調整（必須是在色相環上位置相近的顏色），會使得配色效果增添變化性。
使用統一色相的配色，也需要注意色彩的面積，因為當色彩的面積比較小時，它們彼此之間的明度和純度變化會難以識別（圓點部分）。
純度是指色彩的鮮艷程度，也叫彩度、飽和度、鮮艷度。當一種色彩混入其他成分之後會產生新的色彩，它的純度相對於原本的色彩就會降低。純度越高色彩越鮮艷，純度越低色彩越暗淡。
任何一種顏色與無彩色系黑白灰混合即可降低純度，通常用一個水平的純度色階來表示色彩的純度變化。
對於任何有色彩而言，如果加入白色會使得純度降低、明度提高。
對於任何有色彩而言，加入中性灰色會使得純度降低、明度不變。
對於任何有色彩而言，加入黑色會使得純度降低、明度變低。
不同色相除了擁有各自的最高純度外，它們之間也有純度高低之分。紅色是純度最高的色相，藍色和綠色是純度相對較低的色相，因此相同明度下最純的紅色比最純的藍色和綠色看上去更加鮮艷。
無論是統一色相還是統一明度的配色，雖然會有略微變化與差異，但是幾乎不會改變色彩的整體印象。然而統一純度的配色卻會隨著純度的變化而產生不同的印象，純度對色彩的印象有較大影響。
純度高的色彩可以給人刺激的印象，純度低的色彩可以給人穩重的印象。如果將色相、純度、明度以隨機的方式變化，整體的配色效果就會失去統一性，並且也很難達到協調美觀。
如果上圖中色彩的色相保持不變，將純度值調整成相近，整體的配色效果就會呈現出統一感與協調。
統一純度且純度較高的配色，色彩之間會產生衝突從而形成強烈的對比，色彩數量使用的越多，就越會形成熱鬧愉悅的印象。
色彩的數量越少，就越會呈現出強而有力的對比印象。
如果在色彩數量已經不多的情況下仍想繼續降低衝突，那麼可以在它們之間加入黑白灰無彩色來調和。
如果使用純度較低的色彩來統一純度，整個版面的色彩會比較偏灰，色彩的變化與衝突也會變弱，這時並不需要抑制色彩的數量，但是需要考慮設計的內容是否符合這種配色。
明度是指色彩的明亮程度，通常用高低來表示。色彩的明度與光的發射率有關，光於物體的表面反射得多吸收得就少，物體的色彩明度就趨於明亮；與之相反光於物體表面反射得少，吸收得就越多，物體的色彩明度就趨於暗淡。
明度最高的是白色，明度最低的是黑色。明度越高越接近白色，明度越低越接近黑色。
色彩的明度具體分為兩種情況，一種是同色相的不同明度，一種是不同色相的不同明度。
不同的色相也具有不同的明度。在有彩色中明度最高的是黃色，僅次於白色，明度最低的是紫色，與黑色接近。此外，紅色、橙色、藍色、綠色的明度值接近，為中明度色。
相比於色相和純度，明度更容易讓人感受到視覺的變化。統一明度的配色與統一純度的配色道理相同，只是出發點不同而已。統一明度能使整體帶有均衡且平面的印象，通常使用在不需要做強調或對比的設計上。
雖然在色彩的數量上使用較多，但是只要色彩的明度統一就能表現出協調感，不會有哪些色彩過於突出，各色彩之間的分量不相上下。
如果某一顏色的明度與其餘大多數顏色的明度不一致，那麼就會形成有的顏色過於鮮明有的顏色過於暗淡的對比，使得整體失去了統一感。
統一明度的配色，如果純度和明度都較低對比就會較弱，因此通常設計上不會全部使用明度一致的配色，可以結合色相和純度的調整在某些色彩上加一些變化，但是變化的幅度需要控制在一定的範圍內。
根據文案所提供的信息，我們可以提取關鍵詞「NOON」作為海報的主體形象進行刻畫。由於單詞字母具有對稱和連續兩個「O」的因素，我們可以按照上下形式排列佔據版面中心，以對角線對稱的形式整體放大，通過左右偏移對首尾字母「N」作出血處理。
然後對字母「O」進行圖形化處理，讓它完全變成幾何圓形，這一步主要是為了接下來圖片的放置。
將字母「O」圖形化之後我們將所提供的兩張圖片分別置入到兩個圓形當中，並且適當調整人物的位置。為了增加畫面的層次感，我們為兩個字母「N」添加漸變效果。
同樣為人物圖片添加漸變效果，使得圖片與文字的色調達成統一。將主標題作重複編排放置在左上角與右下角的對稱位置。
將其餘信息放置在右上角和左下角的位置，以此達到版面整體構圖的平衡，最後將時間信息編排在中心位置，起到呼應與串聯的作用，到此整個案例的版式部分就設計完成了，接下來開始為版面配色。
為了便於大家理解展示更多的配色可能性，所以這裡我們的案例配色暫不考慮海報的風格與氣質問題。第一組我們使用統一色相的配色方式，首先尋找一款主色作為背景色，這裡我們選擇偏青一些的綠色，然後降低它的純度和明度。
接著根據主色選擇副色，為字母「N」添加漸變色。之前我們講過統一色相併非是色相的完全一致，這兩個配色採用的正是差異很小並且在色相環上位置相近的藍色與綠色。
接下來為人物圖片添加漸變映射效果，從字母「N」上吸取綠色和藍色作為人物的漸變色。
最後填充最上層的文字色，這裡選擇色相相近，純度較低而明度偏高的淡色，以達到整體配色效果既有對比又有統一。
第二種配色思路我們採用統一純度的方式，同樣第一步也是確定背景色，這裡我們選擇偏紫一些的藍色降低純度。
根據主色背景色選擇副色為字母「N」添加漸變，吸取背景主色保持純度不變，上半部分為稍微降低明度的綠色，下半部分為比背景色偏藍一些的藍色。
同樣人物上方疊加的漸變映射吸取的是字母「N」上的綠色和藍色。
頂層文字的色彩選擇，吸取背景色保持純度相近，色相選擇稍微偏綠一些的黃色，統一純度的配色就完成了。通過純度的統一可以使各色彩之間和諧共處，既有色相的強烈對比與又有純度的和諧統一，當你採用統一純度的配色時你會發現其實有很多種色彩搭配可以選擇。
最後一種思路就是統一明度的配色，無論是決定採用統一色相還是統一純度或者統一明度的配色方式，第一步都是要找到一個主色彩作為之後配色的參考。
以背景主色為參考，明度保持不變，只改變色相及純度，那麼無論選擇什麼色彩，他們在明度上都會呈現接近的狀態，這也正是可以取得協調配色的原因所在。
配色需要靈活變通，不必過於依賴數值，有時也需要靠視覺效果進行微調，只要最終的配色效果統一協調那麼我們的目的就達到了。
到這裡三組配色思路已經分別演示完了，可以說道理和步驟幾乎是相通的，並且軟體操作部分也十分簡單，趕快放進你的配色技能包吧！
本期文章我們重新認識了色相、純度、明度這色彩三要素，並且學會了如何通過統一色相、統一純度、統一明度取得協調的配色效果。這些都是色彩中最基礎的部分，如果說從色相、純度、明度的角度去配色是加法，那麼從色調的角度去配色就是乘法，乘法的優勢就是計算的快，缺點就是容易出錯；而加法雖然計算的速度慢但是卻不容易出錯，希望大家要懂得這個道理。本期文章我們著重講解的是協調而統一的配色，如果有機會之後我們也會講解關於如何取得突出對比的配色，這兩種相輔相成的思路可以說是配色的關鍵，如果本篇文章讓你所有收穫，那就點贊支持一下吧！
錯過上方精彩視頻教程，點我一樣可以觀看哦~
點擊邊框調出視頻工具條
本期的內容學會了嗎？下面為大家提供了幾張海報來檢驗自己的學習成果哦~
TAG:研習設 |