色彩搭配原理與技巧ppt課件(PPT 73頁(yè))

1、色彩搭配原理與技巧第1頁(yè)，共73頁(yè)。經(jīng)典搭配用色要點(diǎn)基本知識(shí)第2頁(yè)，共73頁(yè)。經(jīng)典搭配用色要點(diǎn)基本知識(shí)第3頁(yè)，共73頁(yè)?；局R(shí)1.1 伊頓12色相環(huán)伊頓12色相環(huán)伊頓12色相環(huán)是由近代著名的瑞士色彩學(xué)大師約翰內(nèi)斯伊頓（Johannes Itten，18881967）先生設(shè)計(jì)。三原色（原色）:在美術(shù)上，將紅、黃、藍(lán)稱為顏料的三原色。二次色（間色）:通過兩種不同比例原色進(jìn)行混合所得到的顏色為二次色，二次色又叫做間色。三次色（復(fù)色）用任何兩個(gè)間色或三個(gè)原色相混合而產(chǎn)生出來的顏色為三次色（復(fù)色），包括了除原色和間色以外的所有顏色。 第4頁(yè)，共73頁(yè)。基本知識(shí)1.2 色光三原色 & 色料三原色色光三原

2、色（加法混色） 色料三原色（減法混色）RGB ColorCMYK Color第5頁(yè)，共73頁(yè)。基本知識(shí)1.3 HSL色相（Hue）飽和度（Saturation）色彩的相貌色彩的鮮艷程度，也稱色彩的純度或彩度顏色的亮度，越亮越接近白色，越暗越接近黑色亮度（Lum）感謝卓弈劉俊繪制原圖第6頁(yè)，共73頁(yè)?；局R(shí)1.5 常見色彩搭配補(bǔ)色（180）中度色（90）對(duì)比色（120）類似色（60）同色（0）相近色（30）第7頁(yè)，共73頁(yè)?；局R(shí)1.6 無色彩 & 有色彩無色彩（黑、白、灰） 有色彩（斑斕世界）除此之外，色彩還可分為彩色系和無色系。從理論上色彩可以分為無色彩（白、灰、黑）與有色彩（紅、橙、黃

3、、綠等）兩大類別。第8頁(yè)，共73頁(yè)。第9頁(yè)，共73頁(yè)。無色彩和有色彩搭配在一起，可以使圖像中的重點(diǎn)更加突出，對(duì)比更加強(qiáng)烈。第10頁(yè)，共73頁(yè)。第11頁(yè)，共73頁(yè)?；局R(shí)1.4 色彩冷暖根據(jù)人們的心理和視覺判斷，色彩有冷暖之分，可分為三個(gè)類別：暖色系（紅、橙、黃），冷色系（藍(lán)、綠、藍(lán)紫），中性色系（黑白灰或介于冷暖之間的顏色）。PS：冷暖是相對(duì)的，而不是絕對(duì)的！ 第12頁(yè)，共73頁(yè)。第13頁(yè)，共73頁(yè)。第14頁(yè)，共73頁(yè)。第15頁(yè)，共73頁(yè)。第16頁(yè)，共73頁(yè)。第17頁(yè)，共73頁(yè)。第18頁(yè)，共73頁(yè)。第19頁(yè)，共73頁(yè)。第20頁(yè)，共73頁(yè)。冷暖是相對(duì)的，而不是絕對(duì)的！ 第21頁(yè)，共73頁(yè)。第2

4、2頁(yè)，共73頁(yè)。第23頁(yè)，共73頁(yè)。經(jīng)典搭配用色要點(diǎn)基本知識(shí)第24頁(yè)，共73頁(yè)。用色要點(diǎn)2.1 基本用色原則根據(jù)自己的用色經(jīng)驗(yàn)，簡(jiǎn)單總結(jié)了以下幾點(diǎn)：重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務(wù)PPT應(yīng)符合公司形象及文化的用色要求；用色要有一定邏輯性（如，不同內(nèi)容可用不同的顏色，相同性質(zhì)的內(nèi)容用相同的顏色表示）；符合顏色的象征意義（綠色健康、紅色喜慶、藍(lán)色科技等）；單色喜聞樂見（天的藍(lán)、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報(bào)等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風(fēng)格一致。第25頁(yè)，共73頁(yè)。第26頁(yè)，共73頁(yè)。第27頁(yè)，共73頁(yè)。第28頁(yè)，共73頁(yè)。第29頁(yè)

5、，共73頁(yè)。第30頁(yè)，共73頁(yè)。第31頁(yè)，共73頁(yè)。思考：生活中適合用近似色搭配的事物有哪些?第32頁(yè)，共73頁(yè)。第33頁(yè)，共73頁(yè)。第34頁(yè)，共73頁(yè)。第35頁(yè)，共73頁(yè)。第36頁(yè)，共73頁(yè)。第37頁(yè)，共73頁(yè)。思考：生活中適合用對(duì)比色搭配的事物有哪些?第38頁(yè)，共73頁(yè)。第39頁(yè)，共73頁(yè)。第40頁(yè)，共73頁(yè)。第41頁(yè)，共73頁(yè)。第42頁(yè)，共73頁(yè)。第43頁(yè)，共73頁(yè)。思考：生活中適合用互補(bǔ)色搭配的事物有哪些?第44頁(yè)，共73頁(yè)。第45頁(yè)，共73頁(yè)。第46頁(yè)，共73頁(yè)。第47頁(yè)，共73頁(yè)。第48頁(yè)，共73頁(yè)。用色要點(diǎn)2.1 基本用色原則根據(jù)自己的用色經(jīng)驗(yàn)，簡(jiǎn)單總結(jié)了以下幾點(diǎn)，歡迎各位朋友糾

6、正或補(bǔ)充：重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務(wù)用色應(yīng)符合公司形象及文化的用色要求；用色要有一定邏輯性（如，不同內(nèi)容可用不同的顏色，相同性質(zhì)的內(nèi)容用相同的顏色表示）；符合顏色的象征意義（綠色健康、紅色喜慶、藍(lán)色科技等）；單色喜聞樂見（天的藍(lán)、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報(bào)等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風(fēng)格一致。第49頁(yè)，共73頁(yè)。第50頁(yè)，共73頁(yè)。第51頁(yè)，共73頁(yè)。第52頁(yè)，共73頁(yè)。用色要點(diǎn)2.1 基本用色原則根據(jù)自己的用色經(jīng)驗(yàn)，簡(jiǎn)單總結(jié)了以下幾點(diǎn)，歡迎各位朋友糾正或補(bǔ)充：重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務(wù)

7、用色應(yīng)符合公司形象及文化的用色要求；用色要有一定系列性（如，不同內(nèi)容可用不同的顏色，相同性質(zhì)的內(nèi)容用相同的顏色表示）；符合顏色的象征意義（綠色健康、紅色喜慶、藍(lán)色科技等）；單色喜聞樂見（天的藍(lán)、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報(bào)等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風(fēng)格一致。第53頁(yè)，共73頁(yè)。第54頁(yè)，共73頁(yè)。第55頁(yè)，共73頁(yè)。第56頁(yè)，共73頁(yè)。用色要點(diǎn)2.1 基本用色原則根據(jù)自己的用色經(jīng)驗(yàn)，簡(jiǎn)單總結(jié)了以下幾點(diǎn)，歡迎各位朋友糾正或補(bǔ)充：重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務(wù)PPT應(yīng)符合公司形象及文化的用色要求；符合邏輯（如，不同章節(jié)可用不

8、同的顏色，相同級(jí)別的標(biāo)題用相同的顏色）；符合顏色的象征意義（綠色健康、傳統(tǒng)、紅色喜慶、藍(lán)色科技等）；單色喜聞樂見（天的藍(lán)、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報(bào)等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風(fēng)格一致。第57頁(yè)，共73頁(yè)。第58頁(yè)，共73頁(yè)。第59頁(yè)，共73頁(yè)。第60頁(yè)，共73頁(yè)。用色要點(diǎn)2.1 基本用色原則根據(jù)自己的用色經(jīng)驗(yàn)，簡(jiǎn)單總結(jié)了以下幾點(diǎn)，歡迎各位朋友糾正或補(bǔ)充：重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務(wù)PPT應(yīng)符合公司形象及文化的用色要求；符合邏輯（如，不同章節(jié)可用不同的顏色，相同級(jí)別的標(biāo)題用相同的顏色）；符合顏色的象征意義（綠色健康、紅

9、色喜慶、藍(lán)色科技等）；單色喜聞樂見（天的藍(lán)、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報(bào)等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風(fēng)格一致。第61頁(yè)，共73頁(yè)。用色要點(diǎn)2.1 基本用色原則根據(jù)自己的用色經(jīng)驗(yàn)，簡(jiǎn)單總結(jié)了以下幾點(diǎn)，歡迎各位朋友糾正或補(bǔ)充：重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務(wù)PPT應(yīng)符合公司形象及文化的用色要求；符合邏輯（如，不同章節(jié)可用不同的顏色，相同級(jí)別的標(biāo)題用相同的顏色）；符合顏色的象征意義（綠色健康、紅色喜慶、藍(lán)色科技等）；單色喜聞樂見（天的藍(lán)、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報(bào)等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活

10、），整體風(fēng)格一致。第62頁(yè)，共73頁(yè)。用色要點(diǎn)2.2 整體風(fēng)格色以宣傳手冊(cè)用色為例子：整體風(fēng)格色指：封面、封底、母版標(biāo)題欄（整體或點(diǎn)綴）、內(nèi)標(biāo)題、強(qiáng)調(diào)色、圖表色等，主要方案有：A、整體單色：一種顏色貫穿始終，圖表色可以略豐富些，但盡量使用HSL模式調(diào)整為同色搭配。B、邏輯單色：即不同章節(jié)不同色，本PPT就是。C、組合色：主色+副色，可以是對(duì)比色搭配，也可以是接近色或近似色搭配。整體單色邏輯單色組合色（主+副）第63頁(yè)，共73頁(yè)。用色要點(diǎn)2.3 母版背景色白色背景灰色背景深色背景白色：是默認(rèn)的背景色，簡(jiǎn)約、便于顏色搭配?；疑簩?duì)真實(shí)顏色的干擾最小，不刺眼，專業(yè)感！深色：很酷，但顏色較難搭配，挑戰(zhàn)

11、性高。技巧主色調(diào)為暖色的作品，可以配暖灰的背景第64頁(yè)，共73頁(yè)。用色要點(diǎn)2.4 母版標(biāo)題欄色灰色+風(fēng)格色：灰色一般是長(zhǎng)條，一般要輔以風(fēng)格色（或是風(fēng)格色的細(xì)微同色變化，下同）的色塊或點(diǎn)綴。純風(fēng)格色：當(dāng)風(fēng)格色是雙色搭配時(shí)，標(biāo)題欄也可以是雙色搭配（如32-人才選用育留） 。 深色（黑或接近黑色） +風(fēng)格色：深色的標(biāo)題欄使得頁(yè)面更莊重，一般也要輔以風(fēng)格色的色塊或點(diǎn)綴?；疑?風(fēng)格色純風(fēng)格色深色（黑或接近黑色）+風(fēng)格色第65頁(yè)，共73頁(yè)。用色要點(diǎn)2.5 文字色關(guān)于文字顏色設(shè)置的基本要求是：不要太黑、太亮、太刺目，也不要太淡，要柔和、看得清楚。A、當(dāng)背景為白色或淺灰色時(shí)：字體為灰色，根據(jù)背景的深淺調(diào)整字體

12、的深淺，以確?？吹那宄、當(dāng)背景為深色時(shí)：字體為白色或者淺灰色。當(dāng)背景為深色時(shí)當(dāng)背景為白色或淺灰色第66頁(yè)，共73頁(yè)。用色要點(diǎn)2.6 強(qiáng)調(diào)色用字顏色：強(qiáng)調(diào)色指的是用色中所有強(qiáng)調(diào)內(nèi)容的顏色設(shè)置，我本人通常的做法是：A、正向觀點(diǎn)：字體加粗并設(shè)置為風(fēng)格色。B、并列內(nèi)容或相似觀點(diǎn)：字體加粗并設(shè)置為類似色、接近色。C、反向觀點(diǎn)：字體加粗并設(shè)置為補(bǔ)色、對(duì)比色。D、提醒、警示、引發(fā)思考或負(fù)面觀點(diǎn)/案例：字體加粗（或放大）并設(shè)置為紅色。絕對(duì)權(quán)力產(chǎn)生絕對(duì)腐敗！第67頁(yè)，共73頁(yè)。經(jīng)典搭配用色要點(diǎn)基本知識(shí)第68頁(yè)，共73頁(yè)。經(jīng)典搭配3.1 灰底單色搭配（一）下圖是較好的灰底單色系列，分別由三種選擇方案。背景色風(fēng)

13、格色標(biāo)題欄241,241,22993,203,816,173,22355,53,56248,190,14136,241,22912,178,230255,173,1第69頁(yè)，共73頁(yè)。經(jīng)典搭配3.2 灰底單色搭配（二）下圖也是灰底單色的經(jīng)典搭配，只是其標(biāo)題欄是灰色的長(zhǎng)條并輔以風(fēng)格色。以下案例對(duì)應(yīng)的作品分別是：背景色風(fēng)格色標(biāo)題欄246,246,24693,203,816,173,223245,245,245198,198,198231,231,231160,160,16034-員工招聘實(shí)務(wù)31-面試官技能訓(xùn)38-揭秘品牌建設(shè)248,190,14251,251,251第70頁(yè)，共73頁(yè)。經(jīng)典搭配3.3 雙色搭配邏輯雙色搭配和主輔雙色搭配可以統(tǒng)稱為雙色搭配。如下為幾種雙色搭配，可以參考：相近色（30）類似色（60）中度色（90）第71頁(yè)，共73頁(yè)。經(jīng)典搭配3.4 邏輯四色搭配以下兩個(gè)