嗨，各位木友們好呀，我是小木。
最近我在社群裡佈置了第46期的PPT作業，並要求大家使用時尚一點的配色。
作業原稿是這樣的：
在佈置完作業後，原本我已經做好了被各種妖怪配色輪流問候的準備了…
但萬萬沒想到的是，社群裡的木友們居然交出了質量超乎我想象的作業，強行給我來了一次視覺大保健！正規的那種！
來自木友圈@you 的作業
來自木友圈@歐陽 的作業
來自木友圈@鄧煜華 的作業
來自木友圈@奇怪的紅鼻子 的作業
來自木友圈@啦啦啦-出版-淄博 的作業，靈感來自創客貼官網
看完這些賞心悅目的作業，我看完這些賞心悅目的作業，我彷彿已經能預見到他們出任CEO迎娶白富美走上人生巔峰的那天了…
啥？不會配色但也想出任CEO該怎麼辦？
不慌，看完下面這些關於配色的基本常識，雖然不能立刻走上人生巔峰，但至少你也能先領個號排上隊了！
- 配色有哪些類型？
- 配色有哪些注意事項是必須知道的？
配色有哪些類型都不瞭解的人，是沒前途的
對配色沒有一點兒概念的人，配色時通常都是隨便試的，PPT也很識做，既然你隨便試，它也就隨便醜一醜就算了：
花有百樣紅，P有千種醜…
那麼，怎麼做才能讓PPT給你點面子，不要每次都醜得太過分呢？
很簡單，首先，你需要了解一下最基本的配色類型~
- 鄰近色
- 中差色
- 對比色
- 互補色
1）鄰近色
鄰近色，指的是在色環上相差60°以內的顏色：
使用鄰近色，可以讓畫面看起來非常和諧，簡潔，專業：
圖自Behance @Alexa Nikitina
圖自Behance @Oleg Kulik
比如日常的工作彙報，或是在嚴肅場合下使用的PPT就很適合使用這類配色：
我們現在就來試試修改下面這兩張PPT，試著為它們使用鄰近色的配色：
首先打開一個叫做Adobe Color的網站，網址：color.adobe.com
在網頁右側選擇我們需要的鄰近色類型（網頁上的名稱是類比色），然後隨便挑一組你覺得順眼的配色，直接截圖放到PPT裡：
動圖示範
最後，用PPT自帶的取色器，將顏色吸取到形狀上：
動圖示範
然後你就能看到PPT被改成了下面這個清爽的鳥樣：
2）中差色、對比色
中差色是指色環上相差約90°的顏色，對比色則是指色環上相差約120°的顏色：
明明是兩種不同的配色類型，為啥在這裡我要把它們放到一起來說？
很簡單，因為它們都屬於顏色對比強烈的類型，使用這類配色，能為畫面營造動感，以及視覺衝擊感：
圖自dribbble @Mike
圖自Behance @Studio—JQ ∆
那些看起來很靈動的配色，基本都是用的互補色或中差色：
圖自Behance @Rafal Jagielski
現在我們仍然使用前面提到的Adobe Color這個網站，來為PPT修改一下配色。
首先是隨便挑一個色環角度相差90°的中差色：
然後按照老方法將其截圖放到PPT裡用【取色器】將顏色用到形狀上：
感覺好像還行？
咱們再試試從色環上選取幾個角度相差120°的對比色：
▼
雖然有點gay裡gay氣，但效果的確是出奇地好看有木有！
如果你覺得上面這些中差色、對比色的視覺衝擊力已經夠大了，那我只能說…年輕人你可能是沒受過互補色的毒打…
3）互補色
互補色就是指色環上相差約180°的顏色：
看到180°這麼大的跨度，你有沒有一絲“可能會扯到蛋”的不祥預感？
不用擔心，你的預感是正確的。
因為互補色就是那個令人聞風喪膽的“紅配綠”與“黃配紫”的配色類型…多少小白們的配色夢想就是斷送在互補色手上的…
不過，這不是顏色的鍋，如果你排版的技術夠好，其實你是可以將它反騎在腳下的…
圖自Behance @Studio—JQ ∆
圖自Behance @Studio—JQ ∆
圖自Behance @DHNN
現在咱們繼續用Adobe Color來給PPT配一個互補色，首先上場的是“紅配綠組合”：
▼
接著上場的是“黃配紫組合”：
▼
看完了這幾張PPT，有沒有重新找回當初那個配色夢的感覺？
下次如果還有人跟你說什麼“紅配綠賽狗屁，黃配紫賽狗shi”的話，答應我，反手把上面這幾張PPT撕下來塞他鼻孔裡好嗎？
配色注意事項
知道了配色有哪些基礎的類型，距離迎娶白富美就不遠了。
但如果你想娶的是像范冰冰或是鳳姐這樣的貴族，那你還得了解一下下面這些配色的潛規則。
1）排版是主角，配色只是配角
關於配色，有一件很殘酷的事情是很多人都沒有意識到的，那就是排版才是決定頁面好不好看的主要因素，配色只能起到錦上添花的作用，做不到雪中送炭（上面兩張圖就是血淋淋的例子）。
翻譯成人話就是：排版不好，即使給你天王老子的御用配色，那也是沒什麼卵用的…
排版較為一般的版面
排版相對較好的版面
也就是說，當你發現怎麼配色都醜的時候，那一定是排版出了問題…我建議你要麼修改排版，要麼省點頭髮，放棄治療算了…
2）一定要有一個主色
無論你為頁面使用了多少種不同的顏色，你要記住一定要讓其中一種成為主色（即可以大面積使用的顏色），否則頁面就容易顯得很雜亂：
主色不明
主色明顯
這就好比古人的小妾再多，也會立一個正妻來穩住大局，不然的話天天爭寵打架，那還怎麼愉快地吟詩作對？
3）最好統一純度跟明度
在一頁PPT裡，你使用了多少種顏色不是重點，甚至有沒有主色也不是重點，重點是這幾種顏色之間的純度（鮮豔程度）跟明度（明亮程度）統不統一。
如果統一了，那麼哪怕顏色再多，PPT看起來也會很和諧，否則顏色搭配就會顯得很彆扭：
純度、明度不統一
純度、明度統一後
如何統一顏色的純度跟明度？
直接戳《 》這篇文章，裡面就有詳細方法。
4）別讓高純度的對比色或互補色重疊在一起
如果你希望觀眾這一秒看完你的PPT，下一秒就去看眼科的話，那麼你可以像下面這樣，讓各種對比色或互補色的顏色重疊在一起：
這麼做的“好處”就是能讓顏色相交的邊緣產生炫光，炫死臺下那些沙雕：
啥？你不想背上這種血債？
那我給你兩個建議，一是儘量不要使用黑白灰以外的顏色做背景，因為這種背景一不小心就會踩雷。
二是如果非要重疊在一起的話，那就給顏色邊緣加一圈白色或黑色的【線條】，也能減輕一點這種炫光感。
修改後
修改後
修改後
5）多使用黑白灰做調和
當頁面裡的顏色太多或是面積太大，導致頁面看起來很雜亂時，你可以試著加入一點黑白灰的顏色做調和：
修改前的雜亂頁面
修改後提高了閱讀舒適性
除了可以讓頁面變得清爽一點以外，你還可以用黑白灰來降低其他色彩對內容的干擾度，同時還能讓頁面版式更富變化性：
修改前
修改後
以上就是配色時需要注意的一連串複雜的問題了，不過比起記住你們女生的口紅色號、洗面奶類型、化妝筆種類，這些配色知識點完全是小兒科好嗎！！
——來自直男的泣血控訴
現在我們來總結一下以上內容！
- 配色的基本類型包括：鄰近色、中差色、對比色、互補色；
- 配色時需要注意的事項：配色好看的前提是排版好看、一定要有一個主色、不同顏色間的明度跟純度最好統一、別讓高純度的對比色或互補色相互重疊、多用黑白灰做調和
最後囉嗦一句：配色要說簡單其實也很簡單，平時做PPT時直接照搬優秀作品的配色就行。
但如果你想要自力更生，做出屬於自己的東西，那麼配色方面的理論學習你是逃不掉的…
所以還是那句話，多看書，少打遊戲，你才能早日出任CEO迎娶白富美走上人生癲瘋！
咱們下期再賤~
我是小木，跟哥混，有P用！
閱讀更多 跟我學個P 的文章
