大家知道色彩在UI界面設計中非常重要，但是色彩也是最難掌握的。很多設計師也是因為配色的煩惱而不知所措，今天我分享一個特殊的方法，幫你打開配色大門，看完后我相信你對配色更加自信與新的認識。
今天主要分享4種色彩特征點，每一種都有他獨特的地方，而且我拆解分析后，簡單易學易掌握。看完后，堅持去做練習與閱讀設計，3個月后沒進步來找我。
單色組合
單色設計是最簡單的一種方式，因為它只使用一種顏色或色調。這里所說的“單色調”并不是指一種顏色，而是所選顏色都來自同一基本色，然后調整明度變化，形成多種不同明度和飽和度的顏色。
如上圖，就是一個典型的單色配色組合，這種色彩搭配比較適合新人學習。單色設計有幾大優點：”創建和諧統一的視覺效果；聚焦內容設計而非色彩搭配；設計更容易上手，色感偏弱一些的伙伴可以減輕配色壓力“。
下面我們看看一些單色配色案例
紅色系配色方案
補充說明：一般單色設計時候，可以適當少量的添加其他顏色作為點綴，這樣設計出來的效果會起到點睛之筆，視覺效果也提升很多。
天藍色方案
紅棕色配色方案
淺藍色方案
黃色方案
總結思路：單色設計最大優點易上手，聚焦內容。設計方法；選定一個顏色，然后通過變化其明亮度來調整層次。單色是最好用，設計最不易出錯，推薦色彩薄弱的伙伴優先學習這種配色方法。
同類色組合
同類色的配色方案使用色環上彼此相鄰的顏色，如紅色和橙色或藍色和綠色。同類色在色輪上的夾角60°以內的色彩，其色相對比差異不是很大，給人以協調統一印象。
如上圖，藍色與綠色組合，其色相對比差異相對較小，運用在界面設計中和諧統一。同類色設計避免畫面枯燥，設計過程中也是可通過明暗關系來調整畫面舒適度。
藍綠色組合
藍色與天藍色組合
綠色與淡黃色組合
紅黃組合
總結思路：同類色設計中，最關鍵點就是需要注意色彩比例，推薦色彩使用比例60%：30%：10%其中60%是占比最大主色，30%是主色通過明暗關系變化而來，10%就是點綴色，這樣整個畫面設計就沒那么枯燥。
互補色組合
互補色是指色輪上那些呈180°角的顏色，比如我們最常說到的3組互補色：紅和綠、藍和橙、黃和紫，這些顏色對比非常強烈。但是也因為這樣，設計上也經常出驚艷的效果，但是難度也是最大的，稍有不慎就會色彩扎眼。
上圖紅綠互補色，紅綠互補色一般都是有一個主導顏色，然后一個點綴顏色；上圖綠色為主導顏色，它所占比例最大，紅色只是作為一個點綴或者強調作用。下圖就是一個很好的案例。
看看其他互補色案例
不同明度的紅色綠色組合
總結思路：互補色設計，相對難度偏大一些，對設計師色彩把控要求高一些，色彩使用比例與范圍，一把正常情況下補色占比非常小，比如10%。
黑白灰組合
今天所講的黑白灰組合設計，并不是說畫面純黑白這樣的，而且黑白占比最大，其他顏色占比最小。
上圖就是剛剛說的典型黑白灰設計，紅色作為強調色，占比最小（60%，30%，10%）。這類設計適合簡約高級感設計，下面我們看看實際案例。
黑白占據主導地位，綠色在里面起到強調作用。
特殊案例，純黑白灰設計
黑白灰更容易出效果，設計師可將更多精力放在內容版式設計上面，當然也是學習最易上手的。
寫在最后
今天分享了一些相對易掌握的配色思路單色系、同類色、互補色、黑白灰組合等，這些算是比較容易上手的。如果配色基礎比較薄弱的小伙伴可以先單點突破，比如本月就練習單色配色，那么一個月后絕對有明顯的效果。
對了，網上雖然很多色卡，但是很多設計師不會挑選，這次我還特意精心挑選48組不錯的高級感配色色卡分享給大家，如下
壓縮包里面的高級感色卡
壓縮包截圖
獲取方式：
先點個「在看」公號主頁輸入框回復「色卡」即可領取。
主頁君個人微信
添加主頁君個人微信領取：大廠設計規范及組件庫、免商中文字體、樣機、作品集等
推薦閱讀
（點擊標題可跳轉閱讀）
2021，請認真對待你的作品集B 端響應式界面應該怎么做？Google的設計，為什么強到可怕？
關注『UI設計達人』
看UI設計精選文章 . 案例 . 高薪職位 . 教程
↓↓↓
回復靈感獲取UI設計靈感合輯點個 “在看” 好文不斷