色彩是一種語言、一種信息，色彩是具有感情的，能讓人產生聯想，讓人感到冷暖。在色彩搭配中，設計師把握好色彩的冷暖對比，明暗對比，面積對比，混合調和，明暗調和等，就能夠

色彩包涵的內容豐富多彩，但只要我們掌握了色彩的搭配方法，並遵循色彩構成的均衡、韻律、強調、反覆等法則，以色彩美感為最終目的，將色彩組織安排在平面設計作品的畫面上，便能得到一種和諧的、優美的、令人心情愉悅的視覺效果。

via 最後幾秒

以色相為主的色彩搭配

這個配色方法是以色相環為基礎，按區域性進行不同色相的配色方案。

當進行平面設計作品時首先應依照主題的思想、內容的特點、構想的效果、表現的因素等來決定主色或重點色。是冷色還是暖色、是豔色還是淡色、是柔色還是硬色等。

主色決定後再決定配色，再將主色帶入色相環便可以按照同一色相、類似色相、對比色相、互補色相以及多色相進行配色。

① 同一色相的配色是指相同的顏色，主要靠明暗程度不同深淺的變化來構成色彩的搭配。由於它只是單色的明暗、深淺變化，所以它使人感到

《媚者無疆》海報

③ 對比色相的配色，其配色角度大、距離遠，顏色差異大，其效果活潑、跳躍、華麗、明朗、爽快。但如果兩色都是純度高的顏色，則會對比強烈、刺眼，使人產生不舒服的感覺。

聯合國國際和平郵票

④ 互補色相的配色具有完整性的色彩領域，佔有三原色的色素，所以其特色清晰、明亮、豔麗、燦爛。但它是色相中對比最強烈的配色，如果再加上色彩的純度高，就會產生衝擊力強烈、辛辣、嘈雜的感覺。

via 西西coolbaby

以明度為主的色彩搭配

前面談到每一個色相都有不同的明暗程度，且它的變化可以控制色彩的表情，利用色彩高低不同的明暗調子，可以產生不同的心理感受。

如高明度給人明朗、華麗、醒目、通暢、潔淨、積極的感覺，中明度給人柔和、甜蜜、端莊、高雅的感覺，低明度給人嚴肅、謹慎、穩定、神秘、苦悶、鈍重的感覺。

via visiongave

以純度為主的色彩搭配

純度也就是色彩的飽和度，平面設計作品中，純度的運用起著決定畫面吸引力的作用。

純度越高，色彩越鮮豔、活潑、引人注意、衝突性越強；純度越低，色彩越樸素、典雅、安靜、溫和。

因此常用高純度的色彩作為突出主題的色彩，用低純度的色彩作為襯托主題的色彩，也就是高純度的色彩做主色，低純度的色彩做輔色。

面積因素

除色相、明度、純度外，色彩面積大小是直接影響色調的重要因素。色彩搭配首先考慮大面積色的安排，大面積色彩具有遠距離的視覺效果。另外，在兩色對比過強時，可以不改變色相、純度、明度、而擴大或縮小其中某一色的面積來進行調和。

七種顏色法則

- 強調色 -

強調色是總色調中重點用色，是面積因素和視認度結合考慮的用色。一般要求明度和統度上高於周圍的色彩，在面積上則要小於周圍的色彩，否則起不到強調作用。

via Edisonwong7

- 間隔色 -

間隔色運用是指在相鄰而呈強烈對比的不同色彩的中間，用另一種色彩加以間隔或作共用，可以加強協調，減弱對比。間隔色自身以偏中性的黑、白、灰、金、銀色為主。如採用有彩色間隔時，要求間隔色與被分離的顏色在色相、明度、純度上有較大差別。

- 漸層色 -

漸層是漸漸變化的用色，色相、明度、純度都可作漸層變化。漸層色具有和諧而豐富的色彩效果，在廣告的色彩處理中運用較多。

via 彎彎yang

- 對比色 -

對比色不同於強調色，這是面積相近而色相明度加以對比的用色，這種用色具有強烈的視覺效果，從而具有“廣告性”，可以瞬間吸引人的目光。

via ATOMIC14

- 象徵色 -

這是不直接模仿內容物色彩特徵，而且根據廣大消費者的共同認識加以象徵應用的一種觀念性的用色。主要用於產品的某種精神屬性的表現或一定品牌意念的表現。

- 標誌色 -

這裡講的標誌色不是指LOGO的色彩，而是用色彩區別不同種類、或同類不同品種產品的系列用色。

例如以不同的色彩區別同一品牌的化妝品，不同成分用不同的色彩。在處理上，面積、形狀、位置應加以變化。

比如說之前大大君寫過的國貨化妝品牌羽西，在產品及海報的色彩搭配上，充分考慮到產品本身成分所帶有的色彩元素。

- 輔助色 -

這是

比如下面這張海航現代物流的廣告圖，畫面以橙色作為強調色，而“A”字中間的一點藍色，則是作為輔助色存在，對讀者視覺起緩衝作用。

via Flyingbeard

黃金法則

這是一個很基本的法則 60：30：10，主色彩是60%的比例，次要色彩是30%的比例，輔助色彩是10%的比例。這個法則是黃金法則，在任何時間任何地方都是非常正確的。

via Swallow_Ho

配色禁忌

- 太亮的霓虹色 -

閃亮的霓虹色看起來很有趣，似乎能讓頁面顯得非常潮、非常流行。但是他們並不會讓眼睛覺得舒服，往往會給人以“閃瞎了”的不適感覺。

想解決這個問題，你可以試著降低霓虹色的亮度，讓它看起來更暗，讓它看起來更加微妙；或者是增加顏色的灰度，為整個頁面增添柔和、親近的感覺。

via aute Couture

- “震顫”色彩 -

當高飽和度的色彩搭配在一起的時候，它們會產生一種

不過即使你沒有嘗試搭配，也可以通過它們的基礎特徵，合理規避“震顫”配色：

• 它們都是高飽和度的色彩
• 兩種色彩在色輪上是互補色
• 他們在色輪上相隔180度，處於對稱的位置
• 將兩種色彩轉化為灰度之後，兩者灰度非常接近

如果說你必須使用“震顫”配色，這個矛盾也不是不能調和的：加入中性的色彩將兩者分隔開就好了。

- 淺色+淺色 -

淺色+淺色的搭配也是最常見的錯誤之一。也許你在某個平面設計或者印刷相關的項目上這麼配色，最終沒造成可讀性的影響，這可能是設置的問題或者色差造成的，但是在絕大多數的情況下，是錯誤的。

無論你怎麼設計，這樣的配色一定很難閱讀其中的內容。想要修復這個問題其實非常簡單：選擇色彩均勻統一的背景，文字部分可以與之構成對比。

via say417

如果無法修改背景，可以在背景和文字之間加一層，增加對比。

via lokngs

嘗試調整整個背景圖片的色調、明暗、飽和度等，以達成提升對比度的目的。

- 彩虹式配色 -

“彩虹飄飄”，設計師一定是也生無可戀了。想想看，當一大堆各種各樣的色彩都成為配色的一部分的話，各種色彩之間的干涉，都不知道打破了多少配色的規則。

這種設計雖然可能在一開始會吸引用戶的注意力，但是隨後讓用戶產生的噁心和不適絕對會遠超設計者的預期，即使內容再好，都無法被人識別。

如果你真的希望讓頁面更加“多彩”，那麼不要讓色彩都混雜到一起，試著使用卡片式設計來承載不同的色彩，合理的排布，既可以讓色彩更加靈活，也可以保證組織性和流動感。

- 亮色+亮色/深色+深色 -

就像淺色+淺色的搭配一樣，亮色+亮色或者深色+深色的搭配，都是

比如，餓了麼星選LOGO，裡面有幾張品牌之間“對話”的海報：

評論區下有粉絲留言“晃眼睛”，這就是兩個亮度過高的顏色搭配在一起，造成的視覺不適感。

總之，千萬注意配色的對比度，在視覺對比和可讀性之間做出適當的平衡。

- “K”黑 -

我們常說的CMYK中的K是黑色。許多設計師的設計作品會橫跨網頁版和印刷品，有時候會在做印刷品的設計的時候，會誤將網絡配色中的黑色用上去。

印刷品，包括我們日常生活中的許多黑色，其實分很多種，它們通常是某種色彩疊加了很多之後產生的效果，比如渡鴉的羽毛是黑色的，但是你仔細看它會微微泛藍。

所以，在設計這個黑色的時候，最好是挑選一個帶有品牌色調的黑色(而非#000000)。這樣可以在印刷的時候更容易協調。

其實以上所談到的所有的配色的問題，幾乎都是關於對比度和可讀性問題的。實際上，只要確保色彩和內容的對比度和配色美感，幾乎所有的色彩都是能用的。

如果配色設計缺乏靈感，沒有突破，記得來“愛集網”找找感覺。

【愛集網】是一款專注創意工作者的靈感方案產品，彙集國內外200+知名設計網站作品，涵蓋平面、廣告、電商、UI、網頁、插畫、攝影等26個大類。

找創意就來愛集網。

“愛集網“配色集板塊

它是

靈感與配色的完美結合，

隨意搭配5種以下顏色進行靈感搜索，並調整每一種顏色佔比比例。

還能

以圖找圖搜索靈感，更方便尋找靈感圖片內容 。

另外

提供海量高清大圖，可免費下載670萬張免版權可商用圖！

趕快搜索“愛集網”體驗起來吧

閱讀更多 愛集網 的文章

關鍵字: 化妝 對比 明暗