版式設(shè)計(jì)的配色設(shè)計(jì)

1、色彩搭配色彩搭配原理與技巧原理與技巧經(jīng)典搭配經(jīng)典搭配用色要點(diǎn)用色要點(diǎn)基本知識(shí)基本知識(shí)經(jīng)典搭配經(jīng)典搭配用色要點(diǎn)用色要點(diǎn)基本知識(shí)基本知識(shí)基本基本知識(shí)知識(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ù)色），包括了除原色和間色以外的所有顏色。 基本基本知識(shí)知識(shí)1.2 色光三原色 &

2、色料三原色色光三原色（加法混色） 色料三原色（減法混色）RGB ColorR(紅Red)，G(綠Green)，B(藍(lán)Blue)CMYK ColorC(青綠Cyan) ，M(品紅Magenta)，Y(黃 Yellow)基本基本知識(shí)知識(shí)1.3 HSL色相（Hue）飽和度（Saturation）色彩的相貌色彩的鮮艷程度，也稱色彩的純度或彩度顏色的亮度，越亮越接近白色，越暗越接近黑色亮度（Lum）感謝卓弈劉俊繪制原圖基本基本知識(shí)知識(shí)1.5 常見色彩搭配補(bǔ)色（180）中度色（90）對(duì)比色（120）類似色（60）同色（0）相近色（30）基本基本知識(shí)知識(shí)1.6 無色彩 & 有色彩無色彩（黑、白、灰）

3、 有色彩（斑斕世界）除此之外，色彩還可分為彩色系和無色系。從理論上色彩可以分為無色彩（白、灰、黑）與有色彩（紅、橙、黃、綠等）兩大類別。無色彩和有色彩搭配在一起，可以使圖像中的重點(diǎn)更加突出，對(duì)比更加強(qiáng)烈?；净局R(shí)知識(shí)1.4 色彩冷暖根據(jù)人們的心理和視覺判斷，色彩有冷暖之分，可分為三個(gè)類別：暖色系（紅、橙、黃），冷色系（藍(lán)、綠、藍(lán)紫），中性色系（黑白灰或介于冷暖之間的顏色）。PS：冷暖是相對(duì)的，而不是絕對(duì)的！ 冷暖是相對(duì)的，而不是絕對(duì)的！冷暖是相對(duì)的，而不是絕對(duì)的！ 經(jīng)典搭配經(jīng)典搭配用色要點(diǎn)用色要點(diǎn)基本知識(shí)基本知識(shí)用色用色要點(diǎn)要點(diǎn)2.1 基本用色原則根據(jù)用色經(jīng)驗(yàn)，簡(jiǎn)單總結(jié)了以下幾點(diǎn)：重視視覺

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

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

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

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

8、盡量模仿（如網(wǎng)站、海報(bào)等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風(fēng)格一致。用色用色要點(diǎn)要點(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ì)比色搭配，也可以是接近色或近似色搭配。整體單色邏輯單色組合色（主+副）用色用色要點(diǎn)要點(diǎn)2.3 母版背景色白色背景灰色背景深色背景白色：是默認(rèn)的背景色，簡(jiǎn)約、便于顏色搭配?；疑簩?duì)真實(shí)顏色的干擾最小，不

9、刺眼，專業(yè)感！深色：很酷，但顏色較難搭配，挑戰(zhàn)性高。技巧主色調(diào)為暖色的作品，可以配暖灰的背景用色用色要點(diǎn)要點(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)題欄使得頁面更莊重，一般也要輔以風(fēng)格色的色塊或點(diǎn)綴。灰色+風(fēng)格色純風(fēng)格色深色（黑或接近黑色）+風(fēng)格色用色用色要點(diǎn)要點(diǎn)2.5 文字色關(guān)于文字顏色設(shè)置的基本要求是：不要太黑、太亮、太刺目，也不要太淡，要柔和、看得清楚。A、當(dāng)背景為白色或淺灰色時(shí)：字體為灰色，

10、根據(jù)背景的深淺調(diào)整字體的深淺，以確?？吹那宄、當(dāng)背景為深色時(shí)：字體為白色或者淺灰色。當(dāng)背景為深色時(shí)當(dāng)背景為白色或淺灰色用色用色要點(diǎn)要點(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ì)腐敗！經(jīng)典搭配經(jīng)典搭配用色要點(diǎn)用色要點(diǎn)基本知識(shí)基本知識(shí)經(jīng)典經(jīng)典搭配搭配3.1 灰底單色搭配（一）下圖是較好的灰底單色系列，分別由三種選擇方案。背景色風(fēng)格色

11、標(biāo)題欄241,241,22993,203,816,173,22355,53,56248,190,14136,241,22912,178,230255,173,1經(jīng)典經(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經(jīng)典經(jīng)典搭配搭配3.3 雙色搭配邏輯雙色搭配和主輔雙色搭配可以統(tǒng)稱為雙色搭配。如下為幾種雙色搭配，可以參考：相近色（30）類似色（60）中度色（90）經(jīng)典經(jīng)典搭配搭配3.4 邏輯四色搭配以下兩個(gè)作品（12-人際關(guān)系寶典