充會員,很劃算

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

配色·色彩方案2016-02-11
留言 0
PPT怎么樣的配色會令人覺得舒服?
導(dǎo)讀

PPT配色問題一直都是很多PPT愛好者遇到最棘手的問題,配色問題,不像排版規(guī)則,它更復(fù)雜,更難掌握。今天我們就一起來探討下PPT如何配色的問題。

PPT配色問題一直都是很多PPT愛好者遇到最棘手的問題,配色問題,不像排版規(guī)則,它更復(fù)雜,更難掌握。逛知乎,看到@赤兔女關(guān)于如何給PPT配色更讓人舒服的詳細回答,相信能解決一部分人對PPT配色的學(xué)習(xí)問題,就轉(zhuǎn)到PPTfans來,大家一起學(xué)習(xí)學(xué)習(xí)~~!(提示:本教程偏學(xué)術(shù))
原問題是:怎樣的 PPT 配色會讓人覺得舒服?

以下是@赤兔女的詳細回答。

 

一.色彩的幾種組合方式

pptfans_1b626e3c1ba2782608bc
首先上個色輪鎮(zhèn)樓!
pptfans_2a98a827a68a94afe172

這個冷-暖色系大家大概都明白是怎么回事,與問題關(guān)切不大,只是順便一提
pptfans_5f87dab60dfe76d435ce
Complementary color scheme-互補色

在色輪上互相對著的顏色,如圖所標(biāo)紅配綠。這種高度色差的色調(diào),尤其在這樣的這樣的純色下顯得十分強烈,通常這樣的互補色我們都會通過改變明度降低純度的方法來讓它們看起來不那么刺眼?;パa色用起來要注意,很多廣告和招貼為了吸引眼球經(jīng)常會使用。

pptfans_67250a7fe6dc68dc9d84
降低純度的互補色非常和諧好看有木有,而且設(shè)計中一般都會降純度的,用大純色一般都是出于某種視覺沖擊需要。
pptfans_b780602f615592aea707
室內(nèi)設(shè)計中互補色的應(yīng)用
pptfans_dfff04b96bef8595946d

時尚領(lǐng)域同理,互補色中總能讓一個顏色特別出挑。藍橙互補是我個人最喜歡的互補色組合。當(dāng)然紅綠、紫黃等等也是常用且很好看的。
pptfans_e79e0a7641709a39a188

pptfans_1c0a9b60b1fb4ae7c15a

Analogous color scheme-同類色系

即色輪上左右兩個鄰近色,這個通常都好用,也不容易用錯。通常同類色都會用來營造比較安靜祥和舒服的色彩氛圍,因為這樣的色彩組合就是在大自然中最常見到的,比如綠樹成蔭啦藍天海洋啦。但是在選擇這樣的顏色的時候在比例上注意調(diào)和,選擇一個為主要的顏色,其他一個為輔。
pptfans_24fa04841af81d74bc08
看我大自然色多么和諧美麗~
舉幾個例子來說吧:
pptfans_8f491adaff0e1c4fa437
日常中常見的同類色系, 是不是很和諧舒服?
pptfans_d6aa2a668f48be6d9036
梵高的自畫像,可以看到不同的藍色的運用,包括皮膚都是受環(huán)境色影響偏冷綠。這樣的畫面比較安靜祥和,也可以因為顏色的關(guān)系是冷寂憂郁,但總體的氛圍是安靜的,是很穩(wěn)定的用色。
圖片摘自:ArtLex on Post-Impressionist Vincent van Gogh
pptfans_07e4c7582e07a8b013e0
同樣,塞尚的作品Houses in Provence. 取色于自然就一定會是和諧統(tǒng)一的。
pptfans_299794de734ad9de7f63
pptfans_13be463b80c117555e0b
在日常生活中,各類設(shè)計中也常常見到同類色的應(yīng)用。
如上圖所示,這里可以看到黃棕色系,黃色是主打顏色,黑白灰隨便用,和什么顏色都是相配的。
pptfans_1eea5609f7931af9a4ff
前面有個答案是針對服飾的色彩搭配的,已經(jīng)說得很詳細了,我就順帶這個同類色系補兩張圖片,不復(fù)贅述。
pptfans_8f1a4ac073a64041a67c

Triadic color scheme-三色系

這種色彩搭配通常都非常的有鮮亮活潑,但盡量不要用三個大純色的搭配,要用它們降純后的的灰度色,然后也是要有一個主次關(guān)系,一個顏色為主,另兩個為輔。
pptfans_8bef2c98551c19025374
玉米的大塊明黃色顯然就是畫面中主導(dǎo)的顏色,再用兩個降低純度的顏色相對小面積為輔助。
pptfans_160a22c4cf488568c3ff
玫紅色在其他兩個純度相對較低的顏色中比較突出,還有桌上的花和琉璃瓶做呼應(yīng)
pptfans_e5751f1e5bc911cea94f

同樣,再時尚領(lǐng)域和室內(nèi)設(shè)計都可以應(yīng)用起來,色調(diào)比較鮮亮活潑,也就是我們常說的“撞色”的感覺。

pptfans_5101c93a9770c1de50ea

Split-Complementary color scheme-分散互補色系

和互補色很相似,其對立色是補色的鄰近兩色。如圖綠色的補色是紅色,那它的分散互補色就是紫紅色和橙紅色。也和互補色一樣,其視覺差很大,也是容易吸引人眼球,但是沒有補色的強度高。但用分散互補色比補色保險,所以也不償為一個保險又出彩的選擇。
pptfans_e54dca6e8e6f1652521e
所以請參照色環(huán),綠色對應(yīng)的分散互補色應(yīng)該是紫羅蘭色或橙色,這里我們用了紫羅蘭配綠色
pptfans_d9eeb55ae5ca8606e870
pptfans_c36cc3e282877dd8fcae
同樣的梵高自畫像,你可以看到綠色大衣和背景橙色的分散互補色的對比,強烈但不至于過分。這張感情明顯比之前那張同類色的要強烈得多。而從畫中他剛割去的左耳也可以窺得他這個時期的精神狀態(tài)。
pptfans_9fd354a1a48ef9b14220

并不是橙色與藍色的互補,而是對藍色向綠色過渡的青色。

pptfans_5623c4c0f06390c3197f

Rectangle (tetradic) color scheme-矩形色系/四色系

兩對分散互補色組成的色系,其特點是豐富多彩,變化無窮。但應(yīng)用時應(yīng)注意主體色彩要突出,然后就是冷色和暖色的使用一定要平衡。pptfans_e203f97fe3a21511a16a
pptfans_ed8ae7b60cb6412fb255

其實說白了就是兩對互補色的應(yīng)用,對色彩沒有把握的話不要輕易嘗試,很容易混亂。但像這張時尚攝影把黃色對紫色,玫紅對藍綠的色彩用到這樣極致的真是需要非常深厚的功力。
請注意每塊顏色的比例,在構(gòu)圖中的位置,模特的姿勢等等,太有的講究了。Graphically Geometric Monotography
pptfans_215c8288d99fee92ae25

Square color scheme-方形色系

和前面矩形類似,方形色系也是兩對互補色的應(yīng)用,對色彩沒有把握的話不要輕易嘗試,很容易混亂。
pptfans_5f345a6b581e5f8910ac
fashion feature from august 1967 seventeen magazine
1967年vogue雜志里的照片,紅綠的小面積運用,和大面積的黃紫色搭配。
pptfans_19a3b5bbef9d81bdc865
我還是非常喜歡這種大膽的色塊運用的,但一定是對各塊顏色的形態(tài)、面積、和其他顏色的比例都經(jīng)過反復(fù)的掂量之后再使用。
pptfans_af57cdfd56aa001248e3
這個好好說下,調(diào)過顏料的童鞋們都知道,原有的顏色我們叫做純色,也就是出現(xiàn)在色輪里面的顏色,它們是在色相上進行橫向的變化。然后上面這些小格格們就是縱向的變化啦,也就是駛向“高級”之路。
1. 第一個是淺色調(diào),即在純色上加白達到提亮的效果
2.然后是暗色調(diào),即在純色的基礎(chǔ)上添加黑色不斷地降低明度
3.是灰色調(diào),這個不一定是加灰色,也可以通過加互補色來降低純度

二. 色彩學(xué)的模型

1. 奧斯特瓦爾德理論

我都說到橫向縱向了,你們就要明白色彩不是一個平面的東西,要建個立體模型才能說清楚呀~這個答案重點就在這里了,前面的只是基礎(chǔ)理論鋪墊,因為題主注明要科學(xué)依據(jù),所以我才寫著部分。但是我知道大部分的同學(xué)們不會有耐心看下去了,我就是寫寫,看不看由你~
這個模型的名字叫做Ostawald color system, 是由德國物理化學(xué)家弗里德里?!ねW斯特瓦爾德發(fā)明的!
pptfans_f6d8cf3e62908461a1fd
奧斯特瓦爾德顏色系統(tǒng)的基本色相為黃、橙、紅、紫、藍、藍綠、綠、黃綠8個主要色相,每個基本色相又分為3個部分,組成24個分割的色相環(huán),從1號排列到24號。
pptfans_daa708570681c4617199
奧斯特瓦爾德色相環(huán)
奧斯瓦爾德的全部色塊都是由純色與適量的白黑混合而成,其關(guān)系為
白量W+黑量B+純色量C=100
消色系統(tǒng)的明度分為8個梯級,附以a、c、e、g、i、l、n、p的記號。a表示最明亮的色標(biāo)白,p表示最暗的色標(biāo)黑,其間有6個階段的灰色。這些消色色調(diào)所包含的白和黑的量是根據(jù)光的等比級數(shù)增減的,明度是以眼睛可以感到的等差級數(shù)增減決定的。
pptfans_2c8265e93de682f87863從上表可以看出,作為色標(biāo)的白(a)比理想的白色含有11%的黑量;而作為色標(biāo)的黑(p)則比理想的黑含有3.5%的白。并且還有如下關(guān)系:
pptfans_3d11e37fb8c0c1e97ce9
將分級的數(shù)字代入則得:
pptfans_7c6bf74981fb87520850從這種明度分級的方法即可看出并不是按照視覺特征來分級的,這是該系統(tǒng)的一大缺點。
把這個明度階梯作為垂直軸,并作成以此為邊長的正三角形,在其頂點配以各色的純色色標(biāo),這個三角形就是等色相三角形(下圖所示)pptfans_f4fa1258315d79c55f7d奧斯特瓦爾德等色相三角形奧斯瓦爾德顏色系統(tǒng)共包括24個等色相三角形。每個三角形共分為28個菱形,每個菱形都附以記號,用來表示該色標(biāo)所含白與黑的量。例如某純色色標(biāo)為nc,n是含白量5.6%,c是含黑量44%,則其中所包含的純色量為:
100-(5.6+44)=50.4%
再如純色色標(biāo)為pa,p含白量為3.5%,a含黑量11%,所以含純色量為:
100-(3.5+11)=85.5%
這樣作成的24個等色相三色形,以消色軸為中心,回轉(zhuǎn)三角形時成為一復(fù)圓錐體,也就是奧斯瓦爾德顏色立體。
奧斯特瓦爾德色系通俗易懂,它給調(diào)配使用色彩的人提供了有益的指示。在做色彩構(gòu)成練習(xí)中的純度推移時,奧斯特瓦爾德色系的色相三角形不啻可以視為一種配方的指導(dǎo),此外,色相三角形的統(tǒng)一性也為色彩搭配特性顯示了清晰的規(guī)律性變化。奧斯特瓦爾德色系的缺陷在于等色相三角形的建立限制了顏色的數(shù)量,如果又發(fā)現(xiàn)了新的、更飽和的顏色,則在圖上就難以表現(xiàn)出來。另外,等色相三角形上的顏色都是某一飽和色與黑和白的混合色,黑和白的色度坐標(biāo)在理論上應(yīng)該是不變的。則同一等色相三角形上的顏色都有相同的主波長,而只是飽和度不同而已,這與心理顏色是不符的。目前采用混色盤來配制同色相三角形,以彌補這一缺陷。
奧斯特瓦爾德認(rèn)為,color harmony(色彩協(xié)調(diào))的理論中最為重要的順序。也就是你們說的舒服的顏色滿足這樣的幾條:

1)Colours harmonise if they are located at the equal white and equal black circle in the Ostwald system;
2)Colours harmonise if they have equal white content;
3)Colours harmonise if they have equal black content;
4)Colours harmonise if they have equal hue content.
pptfans_cdb53ff96029c2391638

這四條原則即,
1)顏色在等量的黑白即明度環(huán)是協(xié)調(diào)的。(即平行的圈圈里面)
2)有等量的白色的顏色范圍是協(xié)調(diào)的。(即表面縱向那條線)
3)有等量的黑色的顏色是協(xié)調(diào)的。(表面橫向那條線)
4)在同色的色度里的顏色是協(xié)調(diào)的 (模型內(nèi)部縱向的垂直線)
我自己翻譯的,如果有歧義請告訴我哦
pptfans_798dd638a79f318b18a1

2. The Munsell Color Solid

Munsell Color System; Color Matching from Munsell Color Company |

孟塞爾色彩體系(Munsell Color System)是色度學(xué)(或比色法)里透過明度(value)、色相(hue)及彩度(chroma)三個維度來描述顏色的方法。這個顏色描述系統(tǒng)是由美國籍美術(shù)教育家阿爾伯特·孟塞爾(Albert H. Munsell,1858-1918)在1898年創(chuàng)制的,在1930年代為USDA采納為泥土研究的官方顏色描述系統(tǒng)。至今仍是比較色法的標(biāo)準(zhǔn)。

Munsell目的在于創(chuàng)建一個"描述色彩的合理方法",采用的十進位計數(shù)法比顏色命名法優(yōu)越。1905年他出版了一本顏色數(shù)標(biāo)法的書,已多次再版,目前仍然當(dāng)作比色法的標(biāo)準(zhǔn)。蒙塞爾色彩系統(tǒng)著重研究顏色的分類與標(biāo)定、色彩的邏輯心理與視覺特征等,為傳統(tǒng)藝術(shù)色彩學(xué)奠定了基礎(chǔ),也是數(shù)字色彩理論參照的重要內(nèi)容。

孟塞爾顏色立體如下圖所示,中央軸代表無彩色黑白系列中性色的明度等級,黑色在底部,白色在頂部,稱為孟塞爾明度值。它將理想白色定為10,將理想黑色定為0。孟塞爾明度值由0-10,共分為11個在視覺上等距離的等級。
pptfans_60c5d88b2cd227b32f00

孟塞爾顏色立體示意圖

在孟塞爾系統(tǒng)中,顏色樣品離開中央軸的水平距離代表飽和度的變化,稱之為孟塞爾彩度。彩度也是分成許多視覺上相等的等級。中央軸上的中性色彩度為0,離開中央軸愈遠,彩度數(shù)值愈大。該系統(tǒng)通常以每兩個彩度等級為間隔制作一顏色樣品。各種顏色的最大彩度是不相同的,個別顏色彩度可達到20。
孟塞爾顏色立體水平剖面上表示10種基本色。如圖5-18所示,它含有5種原色:紅(R)、黃(Y)、綠(G)、藍(B)、紫(P)和5種間色:黃紅(YR)、綠黃(GY)、藍綠(BG)、紫藍(PB)、紅紫(RP)。在上述10種主要色的基礎(chǔ)上再細分為40種顏色,全圖冊包括40種色相樣品。

pptfans_daa708570681c4617199-1
孟塞爾色相的標(biāo)定系統(tǒng)
任何顏色都可以用顏色立體上的色相、明度值和彩度這三項坐標(biāo)來標(biāo)定,并給一標(biāo)號。標(biāo)定的方法是先寫出色相H,再寫明度值V,在斜線后寫彩度C。
HV/C=色相明度值/彩度
例如標(biāo)號為10Y8/12的顏色:它的色相是黃(Y)與綠黃(GY)的中間色,明度值是8,彩度是12。這個標(biāo)號還說明,該顏色比較明亮,具有較高的彩度。3YR6/5標(biāo)號表示:色相在紅(R)與黃紅(YR)之間,偏黃紅,明度是6,彩度是5。
對于非彩色的黑白系列(中性色)用N表示,在N后標(biāo)明度值V,斜線后面不寫彩度。
NV/=中性色明度值/
例如標(biāo)號N5/的意義:明度值是5的灰色。
另外對于彩度低于0.3的中性色,如果需要做精確標(biāo)定時,可采用下式:
NV/(H,C)=中性色明度值/(色相,彩度)
例如標(biāo)號為N8/(Y,0.2)的顏色,該色是略帶黃色明度為8的淺灰色。
《孟塞爾顏色圖冊》是以顏色立體的垂直剖面為一頁依次列入。整個立體劃分成40個垂直剖面,圖冊共40頁,在一頁里面包括同一色相的不同明度值、不同彩度的樣品。如圖5-19所示,是顏色立體5Y和5PB兩種色相的垂直剖面。中央軸表示明度值等級1-9,右側(cè)的色相是黃(5Y)。當(dāng)明度值為9時,黃色的彩度最大,該色的標(biāo)號為5Y9/14,其它明度值的黃色都達不到這一彩度。中央軸左側(cè)的色相是紫藍(5PB),當(dāng)明度值為3時,紫藍色的彩度最大。該色的標(biāo)號:5PB3/12。

pptfans_1b1b2dbaea3943eaa30c
孟塞爾顏色立體的Y-PB垂直剖面
又如圖5-20所示,.是明度值為5的水平剖面,在明度值為5的條件下,紅色(R)的彩度最大,黃色(Y)的彩度最小。

pptfans_4e871e9970ddc6e71482
孟塞爾顏色立體的明度值5水平剖面
pptfans_473935f8f1470a17512b

孟塞爾的色立體

1) The grey scale;
2) Colours of the same Munsell Hue and the same Munsell Chroma;
3) Complementary colours of the same Value and the same Chroma;
4) Colours of "diminishing sequences", in which each colour is dropped down one step in Value as Chroma goes down one step, and so is Hue;
5) Colours on an "elliptical path" in the Munsell colour space.

好了又到了我瞎翻譯的時候啦啦啦啦啦~~~~
和奧斯特瓦爾德理論相同的是,孟塞爾的色彩原理也認(rèn)為,色彩的協(xié)調(diào)舒服基于模型中特定的路徑和空間。
1)所有的灰色系都協(xié)調(diào)~ (這也就是前面好多答案里面說了的色彩的灰色調(diào)、高級色)
2)孟塞爾色相和飽和度相同的顏色
3)有著相同明度和相同飽和度的互補色
4)呈“遞減序列”的顏色,即在色立體中一小塊一小塊的色彩飽和度呈垂直的變化,也叫做色度
5)在孟塞爾顏色空間呈“橢圓路徑”的顏色空間。

說了那么多理論的,我決定好好總結(jié),好好說話,說人話!
色調(diào)種類綜上所述,色調(diào)傾向大致可歸納成鮮色調(diào)、灰色調(diào)、淺色調(diào)、深色調(diào)、中色調(diào)等。
1.鮮色調(diào)
在確定色相對比的角度、距離后,尤其是中差(90度)以上的對比時,必須與無彩色的黑、白、灰及金、銀等光澤色相配,在高純度、強對比的各色相之間起到間隔、緩沖、調(diào)節(jié)的作用,以達到既鮮艷又直接、既變化又統(tǒng)一的積極效果。感覺生動、華麗、興奮、自由、積極、健康等。
2.灰色調(diào)
在確定色相對比的角度、距離后,于各色相之中調(diào)入不同程度、不等數(shù)量的灰色,使大面積的總體色彩向低純度方向發(fā)展,為了加強這種灰色調(diào)傾向,最好與無彩色特別是灰色組配作用。感覺高雅、大方、沉著、古樸、柔弱等。
3、深色調(diào)
在確定色相對比的角度、距離時,首先考慮多選用些低明度色相,如藍、紫、藍綠、藍紫、紅紫等,然后在各色相之中調(diào)入不等數(shù)量的黑色或深白色,同時為了加強這種深色傾向,最好與無彩色中的黑色組配使用,感覺老練、充實、古雅、樸實、強硬、穩(wěn)重、男性化等。
4、淺色調(diào)
在確定色相對比的角度、距離時,首先考慮多選用些高明度色相,如黃、桔、桔黃、黃綠等,然后在各色相之中調(diào)入不等數(shù)量的白色或淺灰色,同時為了加強這種粉色調(diào)傾向,最好與無彩色中的白色組配使用。
5、中色調(diào)
是一種使用最普遍、數(shù)量最眾多的配色傾向,在確定色相對比的角度、距離后,于各色相中都加入一定
數(shù)量黑、白、灰色,使大面積的總體色彩呈現(xiàn)不太淺也不太深,不太鮮也不太灰的中間狀態(tài)。感覺隨和、樸實、大方、穩(wěn)定等。
在優(yōu)化或變化整體色調(diào)時,最主要的是先確立基調(diào)色的面積統(tǒng)治優(yōu)勢。一幅多色組合的作品,大面積、多數(shù)量使用鮮色,熱必成為鮮調(diào),大面積、多數(shù)量使用灰色,勢必成為灰調(diào),其他色調(diào)依此類推。這種優(yōu)勢在整體的變化中能使色調(diào)產(chǎn)生明顯的統(tǒng)一感,但是,如果只有基調(diào)色而沒有感到單調(diào)、乏味。如果設(shè)置了小面積對比強烈的點綴色、強調(diào)色、醒目色,由于其不同色感和色質(zhì)的作用,會使整個色彩氣氛豐富?;钴S起來。但是整體與對比是矛盾的統(tǒng)一體,如果對比、變化過多或面積過大,易破壞整體,失去統(tǒng)一效果而顯得雜亂無章。反之,若面積太小則易被四周包圍的色彩同化、融合而失去預(yù)期的作用。

最后給大家推薦個網(wǎng)站:
Paletton - The Color Scheme Designer 隨便上去玩就好了

本文作者:赤兔女,來自知乎的回答

您可能感興趣的文章

發(fā)表回復(fù)

移動版關(guān)于我們聯(lián)系我們版權(quán)聲明

PPTfans.cn (PPT設(shè)計教程網(wǎng)) ?2012-2024 · 粵ICP備19137043號 | 版權(quán)所有:廣州白鹿傳媒廣告有限公司 · 基于Wordpress · 由peaterq設(shè)計&制作 ·網(wǎng)站標(biāo)簽 · 訂閱鄂公網(wǎng)安備 42050602000108號

有困難加站長微信
購買咨詢電話15360667849
PPT交流QQ群34597820
iSlide交流QQ群281329348