配色指南 | 懂得這些配色設計套路，還怕設計踩雷？
公眾號：小阿田的設計筆記
作為一名設計師，在設計作品的時候，必須懂得搭配色彩，設計的產品好壞有時候跟配色有很大的關係，好的配色會起到讓人眼前一亮的效果，同時也能發揮很好的營銷作用。
配色並不是盲目的選擇顏色，其實配色也是有規律和技法可循的。
// 用什麼顏色搭 //
本文針對的是以色相環為基礎，按區域性進行不同色相的的配色方案。
1. 同色相搭配
同一種色相的不同明度或不同純度變化的對比，俗稱同類色組合。對比效果統一、文靜、雅緻、含蓄、穩重，但也易產生單調、呆板的弊病。
公眾號：小阿田的設計筆記
2. 相鄰色搭配
相鄰色：色相環上相差90°內的顏色；因為顏色在色相環上彼此靠近，這種方式搭配出來的效果在於：畫面和諧統一、易於接受，視覺衝擊力相對較弱，同時也給人一種舒適的感覺。
公眾號：小阿田的設計筆記
3. 間隔色搭配
間隔色：色相環上相差120°的顏色；因為顏色在色相環上比相鄰色要遠一些，視覺衝擊力相對強烈，這種配色的好處在於氛圍感較強、有對比性、跳躍、時尚的感覺。
公眾號：小阿田的設計筆記
4. 互補色搭配
互補色：在色相環上是對立出現的，也就是相差180°，因此在視覺色彩差異化更大，衝擊力更強烈（小心閃到眼睛），畫面更跳躍、活潑，對比性也更強。
互補色的配色視覺衝擊力強烈，對比性強，畫面整體活潑、跳躍、時尚，但是切記要把握好用色比例；另外，想要打造對抗氛圍，冷暖色的搭配也不失為一種不錯的方式。
公眾號：小阿田的設計筆記
5. 冷暖色搭配
首先要說下冷暖色的概念，色環中藍、綠一邊的色相統稱冷色給人一種陰涼、寧靜、冷靜，寒冷的感覺；色環中紅、橙一邊的色相稱暖色，能帶給人一種溫馨、和諧、溫暖的感覺；中性色：紫、綠、黑、白、灰。要打造對抗的氛圍，冷暖色的搭配經常會用到，典型的冷暖色搭配，對抗性十足。
公眾號：小阿田的設計筆記
公眾號：小阿田的設計筆記
// 有了顏色怎麼搭 //
瞭解了不同的色相搭配方法後，再給大家介紹幾種配色方法：
1. 同色相，不同色調
相同色相，通過不同的亮度和飽和度增加對比。
2. 不同色相，相同亮度和飽和度
選好顏色後發現對比較大時，可以保持相近的亮度和飽和度來增加顏色中的共同元素，從而減弱色彩對比。
3. 分割法
兩種顏色對比過強時，可以用一種顏色將兩種顏色分割開來降低對比。
4. 新增顏色法
顏色對比過強時，給兩種顏色中同時加入另一種顏色從而降低對比。
5. 漸變過渡法
通過自然的顏色過渡來降低對比，比如紅色和黃色對比過強，可以加入橙色來協調。
// 超強配色網站安利 //
與“色輪”“色卡”不同，配色網站可以幫助我們在設計的過程中，需找最合適的配色方案，並激發配色靈感。
1.Adobe Color CC
https://color.adobe.com/
Adobe官方配色網站，可以選擇不同的模式，例如：單色、對比色、三色燈等，可以自己選擇調節顏色。
2.coolors
https://coolors.co/
非常實用的配色網站， 提供上千種配色方案 ，同時可以自己選擇更改其中的顏色搭配自己想要的方案。
3.NIPPON COLORS
http://nipponcolors.com/
日本傳統色網站 ，大家應該有在各種網站推薦上看過它的身影。不得不說的是，真的是一個很美的配色網站，特別是在做 傳統風格設計配色 的時候很有用。
同時它的顏色轉換的互動做得十分完美。
4.Picular
https://picular.co/
Picular 和一般搜尋引擎不同之處就在於，它會直接提取關鍵字搜尋結果中圖片的顏色。
你只要在搜尋欄裡輸入一個片語，就會得到一張張帶RGB色值程式碼的色卡。
5. Colrd
colrd.com
使用者可以自己上傳圖片與配色方案。看到喜歡的配色，就可以儲存下來。
公眾號：小阿田的設計筆記
以上的配色小技巧是不是既簡單又實用？在做設計的時候可以拿出來試試哦！