登錄/注冊(cè)

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

配色·色彩方案2017-03-22

留言 0

導(dǎo)讀

配色，對(duì)于不是從事設(shè)計(jì)的朋友來(lái)說(shuō)，是根本分不清黃色和橙色、紅色和橙色這些色彩的，比如我之前就一直對(duì)此很懵逼的。本教程將探討如何為PPT配色。

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

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

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

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

1 紅綠藍(lán)

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

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

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

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

1.1 紅色

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

1.2 綠色

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

1.3 藍(lán)色

取色來(lái)自：支付寶、騰訊QQ、知乎、迅雷和12306

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

1.4 其他顏色

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

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

2 橙黃紫

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

2.1 橙色

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

2.2 黃色

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

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

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

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

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

xxxxxx填坑預(yù)留xxxxxx

3 幻燈片配色使用說(shuō)明

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

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

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

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

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

相互關(guān)系說(shuō)明

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

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

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

比較上述兩張圖：

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

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

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

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

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