開(kāi)始之前的啰嗦

14年國(guó)慶，我用自己蹩腳的PPT水平，開(kāi)通了“逼格PPT（www.utxesa.com）”的博客網(wǎng)站。帶著自我陶醉的中二病，我找到一大票病友。打開(kāi)網(wǎng)站看看，最開(kāi)始的PPT和最新的PPT之間差距真心大。現(xiàn)在想想，這段差距就是運(yùn)營(yíng)這個(gè)博客說(shuō)帶來(lái)的收獲（雖然這遠(yuǎn)遠(yuǎn)不夠）。所以，我有了PPT教程的想法，既能梳理和學(xué)習(xí)相關(guān)技能，也能幫助到大家，一起成長(zhǎng)。

切入正題

關(guān)于配色理論，相信學(xué)過(guò)設(shè)計(jì)的人基本都知道，這里說(shuō)到的一些PPT配色技巧也源自于此。其實(shí)，與平面設(shè)計(jì)相比，PPT設(shè)計(jì)和PPT配色更像UI，其目的是凸顯內(nèi)容的核心地位（少數(shù)情況下，可能需要借助圖片和色彩來(lái)引導(dǎo)情緒，比如演講的時(shí)候），而不是讓色彩喧賓奪主。下面，就來(lái)看看PPT配色的一些技巧和方法。

一、借鑒他人配色

公式：找到你喜歡的配色PPT截圖+Ctrl C/V+取色器（PPT自帶工具）

（效率和效果最高的方法，日常工作狗/PPTer的最佳偷懶選擇）

很多時(shí)候，我們做PPT并沒(méi)有很明確的需要傳遞的調(diào)性（比如日常的工作終結(jié)、匯報(bào)等等）。這樣的PPT只需要清楚地將內(nèi)容講述清楚即可，若再次基礎(chǔ)上能有些設(shè)計(jì)感就是加分項(xiàng)。因此，這種PPT最適合借鑒他人的配色。

如何尋找他人配色？

通過(guò)花瓣（http://huaban.com/）、演界網(wǎng)（www.yanj.cn）、PPTstore（www.pptstore.net）搜索相關(guān)內(nèi)容，選擇一個(gè)你喜歡的模板，將突破粘貼到PPT里。需要對(duì)某個(gè)PPT里的元素上色時(shí)，用取色器點(diǎn)一下別人的配色就好了。

二、單一配色

公式：黑/白/灰背景色+1種主色（小面積使用）

（國(guó)外很多制作精美的PPT模板也采用這種做法，簡(jiǎn)單且容易獲得成就感）

這種配色方法其實(shí)在PPT里經(jīng)常使用，尤其適合制作簡(jiǎn)潔商務(wù)風(fēng)格的PPT。

白色、黑色、灰色3色本身是無(wú)彩色的，因此更能襯托彩色，同時(shí)也能緩和多種色彩之間的沖突，是百搭的背景色。

大多數(shù)情況下，輔助色的存在是為了需要區(qū)分多個(gè)項(xiàng)目的情況下使用（如：圖表等），起到對(duì)比強(qiáng)調(diào)的作用。輔助色的選擇最好選擇黑白灰等類似的顏色，且不要大面積使用。另外，如果不需要輔助色就可以說(shuō)清楚問(wèn)題，就可以不選擇。

（單色配色案例）

這么多顏色，應(yīng)該選哪一個(gè)呢？

A、很多公司都有自己的LOGO，或者內(nèi)部通用的顏色，這種情況下直接使用這個(gè)顏色作為主色即可。

B、根據(jù)你的受眾選擇顏色。比如你的老板、上司、目標(biāo)客戶。這個(gè)時(shí)候，其實(shí)你對(duì)他們的喜好是有所了解的，投其所好，選擇這種顏色作為主色。

C、根據(jù)內(nèi)容/行業(yè)來(lái)選擇顏色。不同的內(nèi)容/行業(yè)需要傳遞不同的調(diào)性或情緒，選擇相應(yīng)顏色即可。

如果你的老板沒(méi)有特殊的癖好，你就可以單獨(dú)發(fā)揮。附錄一羅列了一些顏色所傳遞的感覺(jué)，有需要的童鞋可以自己去看看。

注意事項(xiàng)：

A、確保文字顏色/強(qiáng)調(diào)色與背景色之間有足夠的對(duì)比差異，以保證可讀性。

B、個(gè)人覺(jué)得，盡量避免大面積使用色塊。

C、由于扁平化的流行，如果想偷懶，可以試試更明亮的顏色。如圖：

（流行色特點(diǎn)）

三、多色配色方案

公式：背景色+1種主色+2~3種輔助色（小面積使用）

（一個(gè)PPTer的自我修養(yǎng)）

（多色配色案例）

1、背景色選擇：白色、淡色色調(diào)、深色色調(diào)（足夠深的）、黑色

個(gè)人覺(jué)得背景色是首先要決定的顏色。根據(jù)研究，人類的整體認(rèn)知主要依靠周邊視覺(jué)（用來(lái)掃視人眼能看到的周邊區(qū)域）而非中央視覺(jué)（用來(lái)直視事物，觀察細(xì)節(jié)），而背景色在PPT頁(yè)面中的占比重非常大（尤其是沒(méi)有內(nèi)容遮擋的周邊背景）。所以，背景色不僅決定著整個(gè)頁(yè)面的風(fēng)格，也影響著人們最PPT頁(yè)面的整體印象。

同時(shí)，背景色還有著強(qiáng)調(diào)內(nèi)容，突出畫(huà)面圖片、文字等信息的作用，所以背景色在色調(diào)上最好使用白色、淡色色調(diào)、深色色調(diào)、黑色的背景色。（想知道什么是色調(diào)，可以查看附錄二）

白色背景：體現(xiàn)舒暢、簡(jiǎn)約、高檔、純凈、趣味、整潔、樸素。

淡色調(diào)背景：體現(xiàn)優(yōu)雅、情緒化、家庭、清新、慰藉、女性、素凈、輕松、輕薄

深色調(diào)背景：體現(xiàn)豪華、執(zhí)著、幻想、格調(diào)、趣味、沉靜、穩(wěn)重、堅(jiān)實(shí)

黑色背景：體現(xiàn)壓抑、幻想、強(qiáng)力、刺激、高級(jí)、剛毅、莊重、嚴(yán)肅、神秘

使用深色背景色時(shí)建議采用漸變色，且色彩間的差異不要太大。這要做能避免單一顏色過(guò)于死板和“悶”，同時(shí)，也保證了頁(yè)面的和諧，減少主色搭配的難度。

具體選擇哪個(gè)色相的顏色來(lái)做背景色呢？這需要結(jié)合PPT內(nèi)容和附錄一羅列的一些顏色所傳遞的感覺(jué)來(lái)決定，內(nèi)容和顏色傳遞的感覺(jué)一致即可。

切記：不要選擇飽和度極高色彩作為背景色，會(huì)亮瞎雙眼，讓人不敢直視的。

2、選擇主色和輔助色：配色工具自動(dòng)選取

一般情況下，PPT其實(shí)只要將事情講述清楚即可，如果能傳遞一些情緒就算是加分項(xiàng)。因此，PPT的設(shè)計(jì)要求遠(yuǎn)沒(méi)有平面設(shè)計(jì)高。我們將背景色確定之后，主色和輔助色使用配色工具確定即可。色彩的搭配可以按照以下方式搭配： “單色搭配”、“互補(bǔ)色搭配”、“三角形搭配（三元群）”、“矩形搭配（全相型）”、“類似色搭配（類比色）”。（每種搭配方式給人的感覺(jué)請(qǐng)參考附錄二）

這里，我們以Color Scheme Designer 3（點(diǎn)擊可訪問(wèn)）和極受歡迎的Adobe Color CC（點(diǎn)擊可訪問(wèn)）為例。

Color Scheme Designer 3使用方法

（Color Scheme Designer 3使用方法）

在這里，你需要通過(guò)上述步驟調(diào)出你確定的背景色，只要背景色確定，其它的顏色就由系統(tǒng)直接確定。切記，不要盡量不要使用飽和度和亮度都高的色彩。

Adobe Color CC使用方法

（Adobe Color CC使用方法）

兩個(gè)工具的使用方法大同小異，大家可以根據(jù)自己的喜好和實(shí)際情況選擇。

配色方案確定后，如何使用？

配好色以后，使用RGB的數(shù)值（或者截圖），在PPT里找到對(duì)應(yīng)顏色即可。在使用時(shí)，在這注意顏色間的比例。日本設(shè)計(jì)師まりっぺ曾經(jīng)針對(duì)色彩的配色提出75：25：5 的配色比例，其中的底色是占比最多的，剩下的顏色種任選一種來(lái)做主色，其余全部做輔助色即可。

4、如何搭配有圖片的色彩

公式1：增加半透明的黑/白矩形+白/黑文字+1種強(qiáng)調(diào)色（強(qiáng)調(diào)色小面積使用）

（有圖片的配色案例一）

為這個(gè)圖片添加一個(gè)有一定透明度的黑色/白色矩形，減弱圖片中過(guò)于豐富的色彩，這樣就可以使用“單一配色”的方法。

公式2：提取圖片中1-3種顏色

（有圖片的配色案例二）

觀察插入圖片中面積最多的1-3種色彩，然后使用取色器提取這個(gè)顏色，最后，在你需要的地方使用這種顏色，這樣就會(huì)顯得非常和諧。

--------------------------------- END?---------------------------------

附錄一

紅色：強(qiáng)力、活力、開(kāi)放、興奮、健康、暴力、危險(xiǎn)、激情、豪邁

橙色：陽(yáng)光、溫情、放松、悅動(dòng)、日常、活潑、快樂(lè)、神秘、幻想、優(yōu)雅、時(shí)髦、輝煌、疑惑

黃色：光明、希望、輕快、幽默、開(kāi)朗、天真、開(kāi)放、快樂(lè)、不沉著、溫暖、軟弱、不可靠

綠色：生命、健康、新鮮、平靜、和平、自然、青春、樸實(shí)、陰氣、田園、夏天

藍(lán)色：理智、誠(chéng)實(shí)、沉靜、寒冷、認(rèn)真、陰暗、悲傷、寂寞、商務(wù)、憂郁

黑色：高級(jí)、剛毅、含蓄、莊重、恐怖、消亡、神秘

白色：純潔、樸素、光明、恬靜、干凈、單調(diào)、空虛、神圣

更多顏色和更多感受可以自行百度，自己感受。

附錄二

前面講過(guò)單色所傳遞給人的不同感受，其實(shí)，那時(shí)我們只將顏色看做一個(gè)單一的概念，而PPT的多色配色中，將色彩分解為三要素：色相、明度、飽和度。任何一種顏色的任何變化都可以通過(guò)這三個(gè)維度的變化來(lái)實(shí)現(xiàn)，而某一個(gè)因素發(fā)生變化，色彩所傳遞的感覺(jué)就可能有所變化。

要素1：色相

色彩可呈現(xiàn)出來(lái)的質(zhì)地面貌，是區(qū)別不同色彩的標(biāo)準(zhǔn)。如：日常所說(shuō)的黑色、白色、黃色等。人們通過(guò)大量實(shí)踐，將色相的搭配分為單色搭配、互補(bǔ)色搭配、三角形搭配、矩形搭配、類似色搭配、分裂互補(bǔ)色搭配。每一種搭配方式都有自己特點(diǎn)。

以下是幾種常見(jiàn)的色相搭配的類型：

單色搭配：這配色就只是在明度和飽和度上的變化。給人伙伴、隱秘、穩(wěn)重、趣味、幻想、安定、沉著、執(zhí)著、老實(shí)、樸素、優(yōu)雅、柔弱、陰沉、封閉、排他的感覺(jué)。

類似色（類比色）搭配：相比單色搭配，類似色色彩種類更豐富，層次和變化更多，由于色相相近，看起來(lái)顯得平靜而舒服。日常生活中，這種配色非常常見(jiàn)，對(duì)眼睛來(lái)說(shuō)最舒適的搭配方式。給人的感覺(jué)與單色配色類似。如何想要在此基礎(chǔ)上進(jìn)行強(qiáng)調(diào)，則可以采用類似色搭配互補(bǔ)色的辦法。

互補(bǔ)色搭配：色環(huán)上夾角互為150°到180°的兩種顏色，表現(xiàn)出很強(qiáng)的力量感，表現(xiàn)出很強(qiáng)的力量感，給人堅(jiān)實(shí)、不浪費(fèi)、商務(wù)、有用、刺激、強(qiáng)烈、合理、認(rèn)真、開(kāi)放、大膽、華麗、洗練、嚴(yán)刻、緊迫、沒(méi)情緒、不寬裕、不冷靜、強(qiáng)烈、不親切、不溫柔的感覺(jué)。使用這種配色方案時(shí)，要注意兩種對(duì)比色的比例，否則可能導(dǎo)致對(duì)比過(guò)于強(qiáng)烈，讓人頭暈?zāi)垦！Ｒ话悖?：7或2：8比較好。

三角形（三元群）搭配：這種配色有很強(qiáng)的平衡感，介于互補(bǔ)配色和矩形配色之間，同時(shí)擁有互補(bǔ)配色和矩形配色的優(yōu)點(diǎn)。給人都市、成熟、暢快、洗練、開(kāi)放、華麗、陽(yáng)光、輕快、有效、可靠、平凡、沒(méi)特點(diǎn)、冷淡、人工的、沒(méi)情緒的。

矩形搭配：給人舒適、幽默、愉快、陽(yáng)光、熱鬧、健康、悅動(dòng)、不可靠、沒(méi)規(guī)矩、沒(méi)特征、孩子氣、不冷靜、庸俗的感覺(jué)，這是最能體現(xiàn)奔放自由感覺(jué)的配色。但顏色過(guò)多并不一定是好事，適合才最重要。

要素2：明度

明度：即顏色的亮不亮眼，白色最亮，黑色最暗。

要素3：飽和度

飽和度：即彩色的純度，是否摻入（或摻入了多少）了其它顏色。

什么是色調(diào)

在這里，我們將明度和飽和度結(jié)合為一個(gè)概念，稱之為：色調(diào)。所以，我們可以把顏色的要素簡(jiǎn)單的視為色相和色調(diào)這兩個(gè)要素組成的概念。

參考資料

《配色設(shè)計(jì)原理》

《配色基礎(chǔ)原理》

《設(shè)計(jì)師要懂心理學(xué)》

《版式設(shè)計(jì)原理與應(yīng)用》

《百度百科-色彩》