配圖

應(yīng)廣大小伙伴的要求，這一次來篇配色方面的教程。希望大家喜歡。

色彩基礎(chǔ)知識

要學(xué)習(xí)配色，先要對色彩有一個(gè)基礎(chǔ)的了解。

色彩的組成

所有的色彩都是源自'紅黃藍(lán)'三種原色。有人可能會潛意識地認(rèn)為三原色是'紅綠藍(lán)'，但其實(shí)不是。紅綠藍(lán)是顯示上的三原色，我們常見的RGB就分別對應(yīng)著紅色（R），綠色（G）和藍(lán)色（B），和美術(shù)上的三原色不一樣。

紅黃藍(lán)兩兩混合后得到三個(gè)二級色即“間色”綠橙紫。

原色與間色混合或間色與間色混合而形成越來越多的顏色，稱之為“復(fù)色”。

最后由三種原色、三種間色和六種復(fù)色組成的系統(tǒng)就統(tǒng)稱為十二色環(huán)（colorwheel），也是學(xué)習(xí)色彩搭配的基礎(chǔ)。

什么？你說你看不懂這些？

什么？你說你已經(jīng)把桌子掀了？

什么？你說你現(xiàn)在眼睛都快瞎了？

好吧。那我們講點(diǎn)實(shí)用的。

日常工作中，我們用PPT主要是作為工作匯報(bào)的展示用途，希望能夠制作PPT的過程能夠高效，美觀，實(shí)用。所以上面講的原色、間色、復(fù)色、色環(huán)啥的對于非專業(yè)設(shè)計(jì)師而言，意義并不是特別大。我們只需要掌握少數(shù)幾個(gè)原則和方法，就完全能夠滿足日常工作需要了。

接下來我要放大招了，請捂好自己的眼睛。

先說幾個(gè)最簡單也最容易掌握的原則。

1、頁面顏色不超過3種！3種！3種！

除非你對自己的配色有著超乎常人的自信，否則我建議你在自己的PPT中最好使用不超過3種顏色。因?yàn)轭伾蕉?，頁面的整體感覺就越難控制。

如果你非常確定老板喜歡下面這種PPT，那放開你的手腳，大膽去配色吧，后面的也就不用看了。

反正我是不能容忍這樣的PPT

相對而言，PPT中使用的顏色越簡單，越容易體現(xiàn)專業(yè)和高逼格。

當(dāng)然我說的三種顏色不是指的只有三個(gè)顏色。一種顏色指的是相近的一個(gè)色系。

下面這張圖幫助你區(qū)分一下三種顏色和三個(gè)顏色的區(qū)別。

下面的PPT只用到了白色和藍(lán)色兩種顏色，藍(lán)色有深淺變化，整體頁面干凈整潔，非常美觀。

很干凈，很漂亮有木有！

2、頁面中一定要有主色和輔色的區(qū)別

PPT主色：視覺的沖擊中心點(diǎn)，整個(gè)畫面的重心點(diǎn)，它的明度、大小、飽和度都直接影響到輔助色的存在形式以及整體的視覺效果。

PPT輔助色：在整體的畫面中則應(yīng)該起到平衡主色的沖擊效果和減輕其對觀看者產(chǎn)生的視覺疲勞度，起到一定量的視覺分散的效果。

而涉及到主色和配色，就要考慮整體色系的影響。

色彩分為兩大色系，冷色系和暖色系。

使用冷色系主色會讓整部PPT觀看起來很舒服，給人以冷靜，理性，嚴(yán)肅，低調(diào)的感覺，但冷色系容易讓人感覺乏味和冷漠，所以冷色系的主色多少需要一些暖色系的顏色來進(jìn)行搭配。

如下圖，雖然整體使用藍(lán)色和黑色為主色，但也添加了飽和度相對較低的黃色進(jìn)行搭配。

使用暖色系主色則會讓整部PPT活潑，熱烈，浪漫，動感，能夠調(diào)動人的感官體驗(yàn)，易于造成視覺沖擊力，但純度太高尤其是大面積使用的暖色，容易引起視覺疲勞，顯得非常刺眼。

如此大面積地使用純度很高的紅色，很刺眼，觀感體驗(yàn)很不好，應(yīng)盡量避免。

這是要亮瞎觀眾的節(jié)奏

像下圖這種配色，色彩繁多，看似活潑，實(shí)則雜亂，色彩對于內(nèi)容的干擾太強(qiáng)，找不到畫面的重心。

絢爛民族風(fēng)

下面這張主色采用青色，重點(diǎn)突出，背景輔色采用深藍(lán)到黑色的漸變色，既穩(wěn)重，還能突出標(biāo)題，與重點(diǎn)色相對比和相呼應(yīng)，白色作為輔色起到點(diǎn)綴的作用。

明白上述兩個(gè)基本原則，能夠應(yīng)付日常工作中絕大多數(shù)PPT需求。

講了原則之后，我們來聊聊具體的顏色搭配方法。

1、同一色調(diào)搭配

同一色調(diào)搭配指的是將同一色系的不同顏色進(jìn)行搭配，利用同一顏色的不同明暗搭配，以實(shí)現(xiàn)較為統(tǒng)一規(guī)整的視覺效果。

因?yàn)轫撁嬷须m然包含多個(gè)顏色，但都隸屬于同一色系，不會給人以突兀雜亂的感覺，更容易給人一種柔和舒適的感覺。

像這樣的

利用了不同明暗的金色來配色，低調(diào)而又不失奢華

或這樣的

利用了不同明暗的藍(lán)色，簡潔清新

2、類似色調(diào)搭配

以色調(diào)配置中相鄰或相接近的兩個(gè)或兩個(gè)以上的色調(diào)搭配在一起的配色，類似色調(diào)的特征在于色調(diào)與色調(diào)之間微小的差異，較同一色調(diào)有變化，不易產(chǎn)生呆滯感。

但是兩種顏色的反差不宜過于強(qiáng)烈，最好是在十二色環(huán)中距離不超過60゜（不好意思，這里必須用色環(huán)來解釋）。

如下圖示意中的類似色和相近色。

這張圖必須看懂，要好好記一下

我們利用類似色調(diào)可以實(shí)現(xiàn)如下效果

對不起，這張圖有點(diǎn)小了

3、對比色調(diào)搭配

利用反差強(qiáng)烈的顏色才相互搭配，營造富有視覺沖擊力的效果，對比鮮明，色彩突出。具體啥叫對比色，請參考第二部分的那張十二色環(huán)圖。

利用對比色需要注意的是，圖片反差太過強(qiáng)烈的話，也容易造成色彩對于內(nèi)容的干擾。

最通用的對比色調(diào)搭配就是黑白配啦～幾乎萬能。

除了黑白配，還有許多經(jīng)典的對比配色，基本原則就是在主色確定的基礎(chǔ)上，淺色和深色搭配，冷色暖色搭配。

粉紅色與白色和黑色進(jìn)行對比。粉紅為主色和暖色，白色和黑色為輔助色和冷色。

深藍(lán)色為背景色，紅色為主色。深藍(lán)色和紅色進(jìn)行搭配。兩種顏色飽和度都比較低。

好了。說了這么多?？偨Y(jié)一下上面說的東西。

1、整個(gè)頁面中的顏色最好不要超過3種。

2、頁面中必須分清主色和輔助色。

3、盡量不要大面積使用純度很高的暖色，很刺眼。

4、同一色調(diào)搭配利用的是同一色系中不同明暗度的顏色。

5、類似色調(diào)的搭配不宜采用對比過于強(qiáng)烈的顏色。

6、對比色需要注意色彩搭配對于頁面內(nèi)容的干擾。

總而言之，顏色搭配原則是：均衡、柔和、突出重點(diǎn)，而不是傷害群眾眼球。

什么？我說了這么多你還是不會配色？

什么？你說你不還是不知道用什么顏色好？

好吧，最后一個(gè)大招。

我來安利一個(gè)配色網(wǎng)站，僅一個(gè)就好，能滿足你99.99％的工作需要。

Color hunt

網(wǎng)址：http://www./（注意，后綴是.co，不是.com）

這么小清新的界面，著實(shí)漂亮啊。

Color Hunt 包含了一系列漂亮炫酷的色彩組合，網(wǎng)站會每天更新配色方案，并且根據(jù)瀏覽數(shù)排列出最漂亮的配色方案。

同一色調(diào)的

相似色調(diào)的

對比色調(diào)的

幾乎你想要的配色都可以找到。

而且點(diǎn)進(jìn)去一個(gè)配色之后，還會給你提供許多相似的配色方案。

當(dāng)鼠標(biāo)停留在一個(gè)顏色上時(shí)，會顯示這個(gè)顏色的十六進(jìn)制代碼，而這個(gè)代碼是不能直接用到PPT里的。怎么辦呢？百度。

這是16進(jìn)制的顏色代碼

百度“顏色代碼轉(zhuǎn)換”，第一個(gè)結(jié)果就是一個(gè)在線轉(zhuǎn)換工具。

有啥不會的問度娘

點(diǎn)進(jìn)去，將復(fù)制的代碼放進(jìn)框框里，點(diǎn)擊轉(zhuǎn)換，就轉(zhuǎn)換為RBG格式的數(shù)字了。然后將RGB顏色值輸入PPT顏色就好。

什么？你不會調(diào)PPT里的顏色值？

好吧。我再教教你。

這是第一步，你要連這個(gè)都找不到那就別問我了。

這是第二步

文／小小的巨人（簡書作者）