您當前的位置:首頁 > 攝影

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

作者:由 Fotor懶設計 發表于 攝影時間:2022-04-03

說到色彩,大家都不會感到陌生。不論是在我們平時生活中,還是在PPT設計中, 色彩以及色彩搭配都是非常重要的一個部分。

今天Fotor懶設計就為大家講解一下如何進行色彩搭配,才能讓你的PPT看起來更舒服。

首先我們要引入一個概念【色輪】。

我們將原色、間色按照色相組合成一個圓形,這就是所謂的色輪。同時將這些色彩按照飽和度逐漸降低的漸變方式往色輪的圓心靠近,這樣就可以得到一個更完整的飽和度色輪。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

大家要記住這個圖哦,後文中講解的配色原理,將基於色輪的基礎,進行講解和擴充套件。

接下來我們進入到配色。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

1.單色配色

劃重點!這裡的單色是相對的,並不是指你只用一個顏色配色哦~

單色配色的要點在於:選擇一個合適的色相,在此基礎上,進行飽和度和明度的調整,並且這種色調最好不要過多。

方法1:根據明度配色

在使用單色配色時,只有飽和度的變化往往是不夠的,一定要兼顧

明度的變化

,明度範圍加寬可以獲得深度感。

看一些實際的配色例子,來感受下這種配色的美感~

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

方法2:漸變色配色

最近非常流行的漸變配色,也可以透過單色的不同飽和度和明度來進行設計。

像下面這樣的漸變配色就顯得非常簡潔並且舒適啦~附上色卡,供您參考。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

2.相鄰色配色

相鄰色是指在色輪上選取3-4個相鄰的顏色組合。

和單色配色相似,在選取了顏色之後同樣可以對其明度和飽和度進行調整。相鄰色相較於單色配色,其色彩更加豐富,又不會過分突兀,是比較安全的配色方式。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

3.分割互補配色

分割互補是在相鄰色的基礎上,選取一個互補色,即色輪上相距180°的顏色。

在分割互補的色彩組合中,互補色往往能夠形成畫面的冷暖對比,併成為畫面中重點突出的部分。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

4.互補色配色

互補色是在色輪中相距180°的顏色。

互補色在搭配的時候需要注意飽和度不能過高,否則很容易出現紅配綠這種亮瞎眼的組合。通常我們可以透過選取低飽和度的顏色以及控制色彩比例的方式,使整體畫面更加和諧。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

比如前些年大火的電影《愛樂之城》就使用了這樣的配色方法,看著就令人賞心悅目。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

5,三色系&四色系配色

三色系和四色系類似,都是在色輪中構建一個封閉圖形。如三色系,構建一個60°的三角形,四色系則是構建一個90°的矩形。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

由於這種配色方式兼具冷色與暖色,需要對配色有較高的掌握能力。so,一般用於藝術作品中比較多,如果不能很好把握,直接copy藝術作品中的配色就ok啦。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

其實色彩的搭配法則是大同小異的,好看的配色logo能用,海報能用,PPT自然也能用啦。瞭解了這5種最基本的配色方法後,我們就可以開始回答今天的問題啦。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

怎樣的PPT配色會讓人覺得舒服?

tip1:減少顏色數量。

一般來說,除去黑白灰這三個基本色,我們建議大家在一頁PPT中使用的顏色不超過三種。

例如下圖這種色彩絢麗的PPT設計,對於新手和非專業人士來說來說很難駕馭。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

對於對色彩搭配不熟悉的小白,我們可以用最安全的搭配方式,即一種主色,就可以做出很好看的頁面。這裡的一種顏色,是指不論深淺,都只算作一種顏色。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

使用單色系有幾點需要注意:

a、慎用重點色

因為單色系配色只由該黑白灰和主色組成,只有當需要突出重點的時候,才該用到重點色也就是主色,這樣才會顯得整個版面有的放矢更高階。

如突出重點文字:

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

如突出重點內容:

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

b、善用黑白灰調和頁面,減少單調感

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

tip 2:降低色彩飽和度。

如果想要體現出專業感、穩重感的一個重要的配色方法,在於低飽和度。

當頁面中高飽和度的色彩佔比較重時,會給人刺眼的感覺。相反,低飽和度的色彩會給人更加穩重、專業的感覺。下面是幾個正面例子。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

PPT中可以在自定義顏色中選擇HSL模式,調整飽和度。

一般來說

150

左右的飽和度是視覺上最為舒適的顏色噢。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

那麼高飽和度的顏色有哪些用途呢?

當幻燈片頁面背景為較低飽和度的顏色時,比如說是深藍色或者是一些灰白的照片時,為了能夠強調某一部分內容,我們也可以選擇高飽和度的顏色,因為能夠形成非常強烈的對比,從而可以突出重點。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

最後,還要敲黑板講一句,顏色的飽和度沒有非常明顯的數值界限,沒有說超過某個數值就是高飽和度,也沒有低於某個數值就是低飽和度,還是要看具體情況具體分析噢。

tip3:善用顏色突出頁面重點

重點資訊要使用特殊顏色加以突出。我們永遠都要keep in mind:使用PPT是為了準確傳達資訊,而可觀賞性是錦上添花的事情,如果因為好看而無法讓觀眾看到重點,豈不是本末倒置?

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

所以切勿為了追求頁面的美觀度,而給各個元素使用不同的顏色,使得頁面的重點模糊。

下圖是錯誤示範:

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

tip4:注意色彩搭配。

雖然俗話說“紅配綠,賽狗屁”,但是紅配綠也並不是絕對的醜,比如在故宮建築的配色中,色彩搭配非常大膽,卻能給人高階的感覺。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

這其中重要的原因就是每一種

色彩的明度和飽和度相對一致

,保持了色彩的和諧統一,在PPT中,我們也可以借鑑這樣的色彩搭配。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

切記,不是所有的配色都適合用於PPT。

彩色系配色對個人審美要求比較高。很多顏色你看起來很好看,但是應用到PPT裡可能會出現以下情況:資訊看不清、看不出重點、頁面顯得雜亂。注意:下圖是個反例!

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

tip5:在不同的場合,使用不同的配色。

1.符合演講場合的氛圍

比如,在娛樂或非正式場合,使用色彩繽紛的配色;

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

在正式場合,使用現代莊重的配色。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

2.符合演講主題

比如,與生活相關的主題,使用清新可愛的配色;

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

商務相關主題,使用現代極簡的配色;

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

另外,要想做出高階感的PPT,背景就更要強調

色彩的搭配和素材的質感

在這裡,我們給大家推薦兩種。一種是紋理圖,紅色紋理色彩質感非常好,作為背景非常合適。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

​另一種是黑白水墨圖,適合本身字型效果比較豐富,不希望背景喧賓奪主的頁面。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

除了基礎的配色理論之外,在我們PPT的製作中有沒有更加簡單的配色方法呢?當然是有的。

網路上有非常多形式的配色網站,這裡Fotor懶設計也跟大家推薦

幾個比較好用的配色網站

,大家可以直接借鑑網路上的配色方案並運用到PPT設計中。

1/Color Picker

https://www。

colorsupplyyy。com/app

透過拖動槓桿的方式調整配色,有對比色、相鄰色等多重色彩搭配方式。同時還提供插畫圖示、漸變色等多重預覽效果。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

2/Adobe Color

https://

color。adobe。com/

Adobe爸爸旗下的配色網站,同樣也可以按照單色、輔色、三色等方式搭配,還可以上傳照片自動識別配色。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

3/Gradient

https://

gradient。shapefactory。co

提供現在最流行的漸變色的配色方案,還可以調節漸變色的色彩飽和度和亮度,也支援按顏色篩選。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

4/Brand Colors

https://

brandcolors。net/

網站提取了全球各大知名品牌的logo配色,按英文字母排序,非常適合logo配色和商務場景的配色。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

5/中國風配色網站

http://

zhongguose。com/

聽名就知道內容了,網站提供各種中國的傳統顏色的名稱,CMYK值,RGB值,16進製表示。喜歡中國風的寶寶走過路過不要錯過啊。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

那麼如果你在無意之中看到特別surprising的顏色,如何把它用到你的PPT配色中呢,這裡再教大家三個方法。

PPT自帶的取色器使用方法,這個工具需要配合QQ截圖工具使用。

下面是詳細步驟:

a。用QQ截圖截到的頁面複製到PPT裡

b。插入一個形狀,右擊形狀-設定形狀格式-純色填充-顏色-取色器

c。滑鼠箭頭變成了”吸管形狀”,點選截圖以”吸取”顏色

完成上面三個步驟以後,你會發現形狀的顏色已經變成了我們想要的顏色。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

2.大家應該都知道每種顏色都有唯一對應的RGB值,你可以把RGB值理解為顏色的”身份證號碼”。

如:純白色的RGB值為(0,0,0),純黑色的RGB值為(255,255,255)。利用這個特殊的“身份證號”,我們也可以得到我們想要的顏色。

下面是詳細步驟:

a。開啟QQ,按截圖快捷鍵Ctrl+Alt+A,把滑鼠移動到你要取的顏色上;

b。滑鼠處出現RGB值,記下來,然後按Esc鍵退出截圖;

c。插入一個形狀,右擊形狀-設定形狀格式-純色填充-顏色-其他顏色-自定義,把RGB值填入,確定。

完成上面三個步驟以後,你會發現形狀的顏色已經變成了我們想要的顏色。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

3.利用Fotor懶設計取色。

Fotor懶設計可謂是作圖神器,設計小白必備工具,今天我們要介紹的只是它一百種神奇功能裡的一種,剩下的功能大家可以去我們網站 www。fotor。com。cn 慢慢探索呀。

下面是詳細步驟:

a。首先開啟一個你喜歡的模板,確保裡面有你想用的顏色,比如我想取這個字型的藍色。

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

b。然後滑鼠移到左上角開啟背景圖,點選那個+號,將右下角的吸色筆拖到你要的顏色上面,吸色筆的左邊就會出現這個顏色的程式碼啦,將這個程式碼複製到PPT的顏那裡,就可以做出同色PPT啦,是不是超級簡單~~

超詳細的配色教程,教你如何做出舒適感爆棚的PPT

好啦,以上就是Fotor懶設計為大家帶來的PPT配色分享,希望大家既能享受作品又能從中獲取設計靈感。

Fotor懶設計提供給小白使用者簡單好用的設計工具,還有專業的配色工具,包括流行色、色盤、吸色筆等等,為你提供參考,幫你更快的完成設計!

關注公眾號【懶校園】,回覆“新人福利”,獲得吐血整理的各類素材資料。

標簽: 配色  顏色  PPT  飽和度  色彩