幻燈片色彩基礎(chǔ)教程-君陵的PPT小院雜談10

配色，對(duì)于不是從事設(shè)計(jì)的朋友來說，是根本分不清黃色和橙色、紅色和橙色這些色彩的，比如我之前就一直對(duì)此很懵逼的。所以此篇之中色彩用錯(cuò)之處，還請(qǐng)指正。

關(guān)于顏色的理論

對(duì)于色彩的冷暖與本文無關(guān)（當(dāng)然是不能夠解釋好），從左上紅色開始依次：紅色、橙色、黃色、綠色、深綠、青色、藍(lán)色、深藍(lán)、 深紫、粉紅共十種顏色。

聯(lián)想一下初中物理中，太陽光經(jīng)過三棱鏡多次折射而得到「紅橙黃綠藍(lán)靛紫」這七種色彩。結(jié)合上圖列舉的那幾種顏色，就來說說在幻燈片之中經(jīng)常用到幾種色彩：紅色、藍(lán)色、綠色、橙色、黃色、紫色、藍(lán)灰。

1 紅綠藍(lán)

關(guān)于紅綠藍(lán)這三種顏色，需要說明一下這十幾種顏色的選取與來源。根據(jù)常用App的使用，發(fā)現(xiàn)程序基于紅綠藍(lán)三原色的配色較多，于是提取了20多個(gè)應(yīng)用的主體配色，并按照顏色種類將其重新分類，這就是紅綠藍(lán)顏色的來源。

常用App的配色RGB取值，是面向大眾的審美需求，因此在一定程度上來說，遷移到幻燈片相應(yīng)色彩的配色之中，是可取的。

現(xiàn)在解釋一下RGB，RGB作為顏色分類的一種模型，其能夠表達(dá)256*256*256=16?777?216種顏色，已經(jīng)涵蓋了人眼所能識(shí)別顏色數(shù)目的極限。三原色包括Red/Green/Blue即紅綠藍(lán)，其他顏色可以通過這幾種顏色進(jìn)行疊加得到。

紅綠藍(lán)三種顏色之中，紅色和藍(lán)色是偏厚重的色彩，綠色尤其淡綠色屬于比較明亮的色彩。

1.1 紅色

截圖/取色：云音樂、今日頭條、網(wǎng)易新聞、b站、a站、WPS
紅色主要區(qū)別是深淺度。 云音樂和頭條的數(shù)值接近，a站和WPS數(shù)值接近。取色之前，以為大網(wǎng)易的應(yīng)用會(huì)一脈相承于同一種顏色，真是萬萬沒想到~

1.2 綠色

取色來自：印象筆記、QQ音樂、網(wǎng)易云課堂以及網(wǎng)易公開課
從RGB數(shù)值來看，其中QQ音樂和云課堂的值較為接近，前三者的G值相近，顏色主要通過R和B調(diào)整完成的。這四種綠色中，網(wǎng)易公開課顏色較深。

1.3 藍(lán)色

取色來自： 支付寶、騰訊QQ、知乎、迅雷和12306

幾種藍(lán)色，QQ藍(lán)屬于青綠，其中四種顏色為藍(lán)色，主要為深淺程度不同

1.4 其他顏色

取色來自 ：微信、UC、知乎夜間模式。
知乎夜間配色屬于深藍(lán)-灰，微信色和UC色屬于灰色，

在除了紅綠藍(lán)的顏色之外，許多應(yīng)用的主體色選用了深灰、藍(lán)灰。這個(gè)顏色作為背景，展示效果即有黑色的對(duì)稱強(qiáng)烈，也有擺脫純黑帶來的舒適不壓抑。

 

2 橙黃紫

這部分顏色來源是平時(shí)看到好的作品的時(shí)候，提取它的主體顏色。這部分顏色因?yàn)樵谥谱鲿r(shí)候用的比較少，因而只是選用了顏色，并沒有做什么例子作為說明。

2.1 橙色

橙色介于紅色和黃色之間，其處于暖色系。在表現(xiàn)力上，它不如紅色強(qiáng)烈，又不如黃色明亮。因而使用橙色作為頁面的主要色調(diào)時(shí)，就不要使用紅色這種色調(diào)搭配了，可以使用灰色或者深褐色和橙色進(jìn)行搭配。

2.2 黃色

黃色屬于比較明亮的色彩，在畫面整體配色較暗沒什么亮色的時(shí)候，黃色會(huì)成為點(diǎn)睛色，但如果畫面中使用的色彩較多，黃色就不太容易成為點(diǎn)睛色。

與紅色和藍(lán)色相比較，黃色展示力度不夠，不能夠吸引注意力，所以，比起搶眼的顏色，黃色更適合用于調(diào)節(jié)畫面的氣氛 。
2.2 紫色

紫色包含著藍(lán)色和紅色，與這兩種色彩搭配的時(shí)候不太容易把握。當(dāng)使用紫色作為紫色作為整個(gè)頁面的主色調(diào)時(shí)候，使用較明亮的顏色作為搭配，比如說黃色或者淡綠色。

橙黃紫三種顏色，相比較于紅綠藍(lán)三原色來說，使用的場(chǎng)景較少。再者由于顏色本身的特性，使得它們搭配起來特別容易陷入誤區(qū)。因而在使用此類顏色的時(shí)候，特別注意顏色的搭配，按照上述的規(guī)則可以規(guī)避一些可能出現(xiàn)的問題。

這三種顏色更多的使用技巧，我以后會(huì)多使用以便找到其中的坑，會(huì)慢慢在這篇文字之中填坑的。

xxxxxx填坑預(yù)留xxxxxx

 

3 幻燈片配色使用說明

幻燈片需要色彩的地方：文字、圖像、表格、圖表、各種自定義形狀(即色塊)、SmartArt。

其中文字、色塊制作需要更多的配色。文字是最基礎(chǔ)的信息載體，色塊因?yàn)槠浔旧砜梢愿鶕?jù)場(chǎng)景/環(huán)境進(jìn)行內(nèi)容、形狀的改變而做出不同調(diào)整，故而顏色主要集中到文字和色塊。但是我們?cè)谑褂妙伾倪^程之中，經(jīng)常會(huì)忘了一點(diǎn)，那就是顏色的對(duì)比性不強(qiáng)，使得內(nèi)容的展示大打折扣。

3.1 三類色調(diào)說明

主色/背景色：常用是白底黑字/黑底白字兩種，當(dāng)然在一份幻燈片之中，背景色在部分章節(jié)可以根據(jù)內(nèi)容需要，使用其他色暫時(shí)作為背景

其他色：一份演示文稿之中，過多的顏色堆積容易喧賓奪主，容易轉(zhuǎn)移聽眾的注意力，因而在選擇時(shí)，應(yīng)該謹(jǐn)慎用色，選擇3-4種搭配的色彩作為點(diǎn)睛之色，以備后用。

相互關(guān)系說明

主色/其他色：主要體現(xiàn)在文本/色塊的修飾，比如：對(duì)于多個(gè)并列內(nèi)容的說明，使用其他色搭配主色進(jìn)行強(qiáng)調(diào)說明；亦或文本內(nèi)容的異色調(diào)修飾強(qiáng)調(diào)作用。
背景色/其他色：主要體現(xiàn)在文本/色塊的修飾，有時(shí)候具體到特定頁面，使用其他色作為背景顏色進(jìn)行內(nèi)容展示填充。

 

3.2 強(qiáng)對(duì)比，凸出內(nèi)容

先上兩張圖片，注意第一張圖片和第二張圖片的背景色、色塊配色及文本配色

比較上述兩張圖：

第一張圖中的大部分文字內(nèi)容都那么不容易被一下子瞄出來

第二張圖中的大部分文字內(nèi)容都可以順利的傳遞出來，當(dāng)然也有2-3個(gè)色塊中的文字不是辣么容易一眼瞄出來

怎么去避免這種情形：配色講究深與淺。其中白底黑字/黑底白字是最直觀的一種體現(xiàn)，這也是為什么許多幻燈片都是使用這兩種方式進(jìn)行配色。
當(dāng)然上面那兩張圖關(guān)于色彩對(duì)比說明的不夠全面，現(xiàn)在選取8種顏色來做一個(gè)橫向?qū)Ρ?，主要比較色塊、文字和顏色漸變的區(qū)別。

下圖是一份原始文件，所采用顏色依次是：深灰、純白、紅、綠、藍(lán)、紫、橙、黃八種顏色。

現(xiàn)在將八個(gè)顏色做成8*8的方格，也就是說會(huì)有64種顯示。這種方式可以很直觀的看出所選用色彩在一起時(shí)的“顏色反應(yīng)”。

 

3.2.1 背景色+色塊

肯定會(huì)有朋友問為啥對(duì)角線上那些背景沒有顏色顯示，說起這個(gè)都想好回復(fù)了，那就是仔細(xì)看，它是隱身色

分析：

1 白色無論作為背景或者其他背景色中的色塊，對(duì)比為最強(qiáng)的，選用白色沒錯(cuò)

2 深灰色作為背景時(shí)，顯示效果也還不錯(cuò)。作為色塊內(nèi)容進(jìn)行填充時(shí)候，展示效果不明顯，不推薦使用灰色作為色塊使用

3 紅綠藍(lán)橙紫五種顏色作為背景色，如果色塊顏色搭配較好，比如白色。這時(shí)候單獨(dú)作為頁面背景也是很給人眼前一亮的感覺

4 黃色因其色彩明亮，作為色塊展示效果不錯(cuò)。在背景顏色展示效果上和紅綠藍(lán)橙紫比較來看較好。

5 其他色彩搭配，如果之前有用過其中的搭配，可以對(duì)照著體會(huì)下。。

 

3.2.2 背景色+文本

文本內(nèi)容不同于色塊，文字更傾向于一維化的線條組合，因此搭配不同背景顏色更能體現(xiàn)其顯示效果。從上圖中能夠得到以下：

1 白底任意色彩、白字任意顏色背景，顯示效果最好

2 灰色背景下，大多文字顯示效果不錯(cuò)；黑色字體在其他任意顏色背景顯示效果欠佳，但能夠分辨出文本內(nèi)容

3 黃色文本內(nèi)容顯示效果較佳，黃色背景下其他顏色的文字顯示效果也比較不錯(cuò)

4 其他就是拿來比較的

 

3.2.3 背景色之漸變

關(guān)于兩種色彩漸變，去掉同色的24種場(chǎng)景，但是同兩種顏色的漸變我盡量做了兩種處理：一種是線性漸變、另一是射線漸變，因此呈現(xiàn)的效果會(huì)有所不同。

上一篇文字中專門介紹了幻燈片中的漸變，這里說明的是兩種不同色彩的漸變，如果想了解更多， 幻燈片中的漸變 - 知乎專欄

經(jīng)過上面的漸變顯示，可以得到：

1 橙色、黃色、紫色作為漸變顏色效果不錯(cuò)

2 灰色、白色作為漸變，搭配其他顏色，其效果展示效果不太明顯

3 紅藍(lán)、紅綠、藍(lán)綠漸變效果挺好

 

4 顏色推薦

當(dāng)然上面推薦的顏色，用多了就會(huì)覺得不那么好用了，這時(shí)候就要從其他地方找點(diǎn)靈感了，推薦一個(gè)每次都要向別人安利的nipponcolors，你值得擁有

作為一個(gè)愛好者，早早的截圖收藏了

鏈接為nipponcolors顏色截圖文件nipponcolors文件

 

如果確實(shí)比較懶，不想用ppt色盤中的顏色，并且你用的是windows，那么：右鍵-個(gè)性化-桌面背景-純色。總有幾種顏色適合拿來用

關(guān)于色彩，未完待續(xù)，下一篇繼續(xù)，來講講將色彩運(yùn)用到具體的幻燈片元素之中。

來源：https://zhuanlan.zhihu.com/p/25484840