做設計這麼久瞭，還是不會色彩搭配。本文將告訴你一些好用有效的搭配方法

本文分4大部分來討論色彩搭配，色彩的概念五種搭配方法色彩是有情緒的建立色彩體系一個設計作品呈現到用戶面前第一眼進入眼簾的就是產品的視覺表現，而產品的色彩在其中起到瞭舉足輕重的作用，so，毫無疑問色彩搭配對於設計師來說是非常重要的。那麼具體到實際項目中該使用什麼怎樣的色彩，需要怎麼做呢？下面我將逐步的去分析。色輪的概念平時設計時不同電子終端上顯示的色彩都是基於RGB模式，是一種加色模型。色光三原色就是紅（Red）、綠（Green）和藍（Blue）。首先來瞭解一下色輪，色輪，是一個非常有用的東西。可以由此直觀的瞭解到什麼是三原色、互補色、類似色。在基礎色輪之上，可以建立一個色彩體系，進行項目設計時可以依據色彩體系去選擇顏色，保證瞭顏色使用的準確性及設計效率同類色：15°以內鄰近色：60°以內類似色：90°以內互補色、對比色：180°

五種搭配方法1、同種色搭配使用一種色調及其相應的多種亮色和暗色，整個頁面會非常統一

9d1c66d63df234b45f53c6e9fe9fe931

2、類似色搭配使用色相相近的顏色，頁面元素不會相互沖突，更加協調有質感

3、互補色搭配如果選擇使用互補色，最佳搭配是一種作為主色，另一種用於強調。它們有著非常強烈的對比度，用在需要特別強調某個元素時會非常有效的

4、分散互補色搭配尋找三種顏色，其中兩種互相類似，另一種與它們形成對比。這個非常易學而且容易出效果，推薦

5、三角對立色搭配顧名思義，就是色環上三角對立的顏色。最經典的就是蒙德裡安風格的紅黃藍格構圖，時至今日仍然非常符合設計趨勢

b42a04709094f567de82cd7d5969b463

色彩是有情緒的色彩本身是沒有情緒的，隻是因為不同波長的光通過人的眼睛傳到大腦，引起瞭人們不同的心理感受，所以色彩才有瞭情緒。每種顏色都會給人獨特的心理感受，引起我們不同的情緒，因此在設計過程中色彩情緒是必須要考慮的一個重要元素。黑色沉穩、品質感、收斂單獨使用時黑色可以很容易吸引用戶的註意力。和其他顏色搭配使用時可以很好地搭配組合，使用黑色的背景可以非常好的突出頁面中的內容，容易出效果。應用場景非常廣泛，可以提高其明度得到不同明度的灰色，舉個栗子，蘋果系統出的深色模式。ps，設計時一般不會使用純黑色，因為純黑在顯示屏上的顯示效果並不是很好，所以通常會選擇灰色。靈活使用灰色可以讓你的設計更加優秀。白色幹凈、純潔、簡潔白色中包含瞭所有的顏色。頁面設計中經常會使用到白色，你可以在上面排列佈局任何元素而不會感覺都突兀，被應用作頁面的背景色。因為白色是無色相的，在設計中通常也會稍微變色，使用到像乳白色、雪白色等顏色，這樣不會顯得過分單調。黑色和白色搭配是一個非常經典的組合，隻要把握好使用的占比，可以創造出非常高級的設計。紅色熱情、躁動、危險、警告紅色元素很容易吸引到用戶的註意，可以特別強調頁面的某個元素，比如消息的小紅點，但是時間一久就會引起眼睛疲勞，所以設計中紅色元素一般不會大片使用。但是我們可以通過降低調整明度、純度，來使用到更多的地方。另外，紅色還代表著危險及警告。紅綠燈上的紅燈停，炙熱的火焰災害。頁面設計中可以在刪除提醒、禁止操作功能時使用。橙色溫暖、活潑、年輕黃色+紅色得到橙色。屬於暖色調的顏色，既不會像紅色那樣躁動，又不會像黃色那麼燦爛，非常具有親和力，用戶對其接受程度非常高。柑橘類的水果都是橙系的，代表著健康、積極。和秋天相關的一些項目上，也會采用明度稍低的橙褐色來設計元素。橙色可以和綠色搭配，非常適用於K12教育類的產品，綠色為主色橙色為強調色，象征著青少年健康有活力的特征。黃色陽光、輝煌、醒目、高貴這是一個明度非常高的顏色。本身是不適合應用在數字化領域的設計的，因為其顯示效果較差，但是可以通過調整它的明度和純度來得到我們想要的色調。黃色和深灰色是一個很好的組合，像是咸魚美團都是采用瞭這種，黃色的高明度的色彩與明度較低的深灰色可以形成極強的對比效果，通過這種對比效果我們可以實現強調的功能點。其他都是應用在比較特定的一些場景，例如紅綠燈的黃色的提醒作用，古代皇帝的專用色，農作物成熟的顏色等。綠色健康、大自然、清新、環保、安全綠色是大自然的顏色，大多數植物的顏色，現在非常提倡的環保生活都是采用綠色為主色調，健康無污染。代表著春天，在策劃設計春天相關事物活動，可以使用綠色為主色進行設計。綠色是有著安全屬性的，在支付、保障方面通常是應用很多的，與紅色正好是相反的作用。藍色科技、純凈、深邃、放松、忠誠藍色是三原色之一。和大海、天空有著不可分割的聯系，是忠誠、放松的象征，在設計中應用是極其廣泛的。另外，藍色也是科技宇宙領域的專屬顏色，是理智、效率的代名詞，隨處可見的企業官網、VI、軟件、宣傳物料等。像是心理治療室都是使用藍色系的環境，可見藍色對於用戶的心理是非常易接受的顏色，在設計中是使用起來非常方便的。紫色神秘、富貴、壓抑紫色是一個非常刺激性的顏色。單獨使用非常容易給用戶造成心理上的壓力，通常會搭配其他顏色使用，紫色和藍色搭配使用時可以創造出既理智又有些夢幻的色彩，紫色和粉色配合使用時，可以創造出非常美麗的女性化的色彩。粉色戀愛、可愛、溫馨、浪漫粉色是一種戀愛的顏色。通常和愛情和浪漫相關的，像是情人節七夕節等，都會使用粉色來設計。不同純度明度的粉色適用於不同的場景當中，純度較低明度較高的淺粉色可以傳達出嬌嫩、甜美的感覺。和紅色、橙色、黃色暖色調搭配，藍色冷色調搭配都可以結合出很多不同的色彩效果。建立色彩體系作為設計小白，色彩的使用可能是很難的，面對一個項目時不知道該如何選擇主題色、輔助色，這個時候我們可以先通過借鑒他人優秀的作品，從中提取一套設計色彩。這裡推薦是優秀的設計作品、或攝影圖片，是否優秀有一個基本的評判標準，那就是你自己看到這個作品圖片是好看的優秀的。下面是一些從攝影圖片中提取的幾套色彩體系，拋轉引玉咯（設計作品中提取方法一樣）

6cb09540f3010c12069ac32deca957fd

總結一下，同類色、鄰近色、類似色、互補色，這些顏色關系構成瞭我們日常設計的色彩基礎，衍變出很多種色彩搭配方法。瞭解不同顏色的色彩情緒，為進行項目設計時選擇合適的顏色提供依據。建立色彩體系，可以將體系按照不同行業、不同特性、不同針對用戶等標簽分類整理，積累自己的色彩庫。

最後彩蛋～

添加小編可以獲得什麼？

1.免費的設計資源（包括教程，素材，軟件，插件等）

2.加入設計師圈子進群交流學習

關註“設計研習會”公眾號可以看什麼？

1.往期文章

2.免費資源

覺得可以 ❤️ 就支持下我們吧～​