色彩搭配原理與技巧PPT課件

色彩搭配原理與技巧,經(jīng)典搭配,用色要點,基本知識,經(jīng)典搭配,用色要點,基本知識,基本知識,1.1伊頓12色相環(huán),伊頓12色相環(huán),伊頓12色相環(huán)是由近代著名的瑞士色彩學(xué)大師約翰內(nèi)斯伊頓（JohannesItten，18881967）先生設(shè)計。,三原色（原色）:在美術(shù)上，將紅、黃、藍稱為顏料的三原色。二次色（間色）:通過兩種不同比例原色進行混合所得到的顏色為二次色，二次色又叫做間色。三次色（復(fù)色）用任何兩個間色或三個原色相混合而產(chǎn)生出來的顏色為三次色（復(fù)色），包括了除原色和間色以外的所有顏色。,基本知識,1.2色光三原色&色料三原色,色光三原色（加法混色）,色料三原色（減法混色）,RGBColor,CMYKColor,基本知識,1.3HSL,色相（Hue）,飽和度（Saturation）,色彩的相貌,色彩的鮮艷程度，也稱色彩的純度或彩度,顏色的亮度，越亮越接近白色，越暗越接近黑色,亮度（Lum）,感謝卓弈劉俊繪制原圖,基本知識,1.5常見色彩搭配,補色（180）,中度色（90）,對比色（120）,類似色（60）,同色（0）,相近色（30）,基本知識,1.6無色彩&有色彩,無色彩（黑、白、灰）,有色彩（斑斕世界）,除此之外，色彩還可分為彩色系和無色系。從理論上色彩可以分為無色彩（白、灰、黑）與有色彩（紅、橙、黃、綠等）兩大類別。,無色彩和有色彩搭配在一起，可以使圖像中的重點更加突出，對比更加強烈。,基本知識,1.4色彩冷暖,根據(jù)人們的心理和視覺判斷，色彩有冷暖之分，可分為三個類別：暖色系（紅、橙、黃），冷色系（藍、綠、藍紫），中性色系（黑白灰或介于冷暖之間的顏色）。PS：冷暖是相對的，而不是絕對的！,冷暖是相對的，而不是絕對的！,經(jīng)典搭配,用色要點,基本知識,用色要點,2.1基本用色原則,根據(jù)自己的用色經(jīng)驗，簡單總結(jié)了以下幾點：,重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務(wù)PPT應(yīng)符合公司形象及文化的用色要求；用色要有一定邏輯性（如，不同內(nèi)容可用不同的顏色，相同性質(zhì)的內(nèi)容用相同的顏色表示）；符合顏色的象征意義（綠色健康、紅色喜慶、藍色科技等）；單色喜聞樂見（天的藍、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風(fēng)格一致。,思考：生活中適合用近似色搭配的事物有哪些?,思考：生活中適合用對比色搭配的事物有哪些?,思考：生活中適合用互補色搭配的事物有哪些?,用色要點,2.1基本用色原則,根據(jù)自己的用色經(jīng)驗，簡單總結(jié)了以下幾點，歡迎各位朋友糾正或補充：,重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務(wù)用色應(yīng)符合公司形象及文化的用色要求；用色要有一定邏輯性（如，不同內(nèi)容可用不同的顏色，相同性質(zhì)的內(nèi)容用相同的顏色表示）；符合顏色的象征意義（綠色健康、紅色喜慶、藍色科技等）；單色喜聞樂見（天的藍、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風(fēng)格一致。,用色要點,2.1基本用色原則,根據(jù)自己的用色經(jīng)驗，簡單總結(jié)了以下幾點，歡迎各位朋友糾正或補充：,重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務(wù)用色應(yīng)符合公司形象及文化的用色要求；用色要有一定系列性（如，不同內(nèi)容可用不同的顏色，相同性質(zhì)的內(nèi)容用相同的顏色表示）；符合顏色的象征意義（綠色健康、紅色喜慶、藍色科技等）；單色喜聞樂見（天的藍、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風(fēng)格一致。,用色要點,2.1基本用色原則,根據(jù)自己的用色經(jīng)驗，簡單總結(jié)了以下幾點，歡迎各位朋友糾正或補充：,重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務(wù)PPT應(yīng)符合公司形象及文化的用色要求；符合邏輯（如，不同章節(jié)可用不同的顏色，相同級別的標題用相同的顏色）；符合顏色的象征意義（綠色健康、傳統(tǒng)、紅色喜慶、藍色科技等）；單色喜聞樂見（天的藍、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風(fēng)格一致。,用色要點,2.1基本用色原則,根據(jù)自己的用色經(jīng)驗，簡單總結(jié)了以下幾點，歡迎各位朋友糾正或補充：,重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務(wù)PPT應(yīng)符合公司形象及文化的用色要求；符合邏輯（如，不同章節(jié)可用不同的顏色，相同級別的標題用相同的顏色）；符合顏色的象征意義（綠色健康、紅色喜慶、藍色科技等）；單色喜聞樂見（天的藍、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風(fēng)格一致。,用色要點,2.1基本用色原則,根據(jù)自己的用色經(jīng)驗，簡單總結(jié)了以下幾點，歡迎各位朋友糾正或補充：,重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務(wù)PPT應(yīng)符合公司形象及文化的用色要求；符合邏輯（如，不同章節(jié)可用不同的顏色，相同級別的標題用相同的顏色）；符合顏色的象征意義（綠色健康、紅色喜慶、藍色科技等）；單色喜聞樂見（天的藍、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風(fēng)格一致。,用色要點,2.2整體風(fēng)格色,以宣傳手冊用色為例子：整體風(fēng)格色指：封面、封底、母版標題欄（整體或點綴）、內(nèi)標題、強調(diào)色、圖表色等，主要方案有：,A、整體單色：一種顏色貫穿始終，圖表色可以略豐富些，但盡量使用HSL模式調(diào)整為同色搭配。B、邏輯單色：即不同章節(jié)不同色，本PPT就是。C、組合色：主色+副色，可以是對比色搭配，也可以是接近色或近似色搭配。,整體單色,邏輯單色,組合色（主+副）,用色要點,2.3母版背景色,白色背景,灰色背景,深色背景,白色：是默認的背景色，簡約、便于顏色搭配?；疑簩φ鎸嶎伾母蓴_最小，不刺眼，專業(yè)感！深色：很酷，但顏色較難搭配，挑戰(zhàn)性高。,技巧,主色調(diào)為暖色的作品，可以配暖灰的背景,用色要點,2.4母版標題欄色,灰色+風(fēng)格色：灰色一般是長條，一般要輔以風(fēng)格色（或是風(fēng)格色的細微同色變化，下同）的色塊或點綴。純風(fēng)格色：當(dāng)風(fēng)格色是雙色搭配時，標題欄也可以是雙色搭配（如32-人才選用育留）。深色（黑或接近黑色）+風(fēng)格色：深色的標題欄使得頁面更莊重，一般也要輔以風(fēng)格色的色塊或點綴。,灰色+風(fēng)格色,純風(fēng)格色,深色（黑或接近黑色）+風(fēng)格色,用色要點,2.5文字色,關(guān)于文字顏色設(shè)置的基本要求是：不要太黑、太亮、太刺目，也不要太淡，要柔和、看得清楚。,A、當(dāng)背景為白色或淺灰色時：字體為灰色，根據(jù)背景的深淺調(diào)整字體的深淺，以確保看的清楚。B、當(dāng)背景為深色時：字體為白色或者淺灰色。,當(dāng)背景為深色時,當(dāng)背景為白色或淺灰色,用色要點,2.6強調(diào)色,用字顏色：強調(diào)色指的是用色中所有強調(diào)內(nèi)容的顏色設(shè)置，我本人通常的做法是：,A、正向觀點：字體加粗并設(shè)置為風(fēng)格色。B、并列內(nèi)容或相似觀點：字體加粗并設(shè)置為類似色、接近色。C、反向觀點：字體加粗并設(shè)置為補色、對比色。D、提醒、警示、引發(fā)思考或負面觀點/案例：字體加粗（或放大）并設(shè)置為紅色。,絕對權(quán)力產(chǎn)生絕對腐??！,經(jīng)典搭配,用色要點,基本知識,經(jīng)典搭配,3.1灰底單色搭配（一）,下圖是較好的灰底單色系列，分別由三種選擇方案。,背景色,風(fēng)格色,標題欄,241,241,229,93,203,8,16,173,223,55,53,56,248,190,14,136,241,229,12,178,230,255,173,1,經(jīng)典搭配,3.2灰底單色搭配（二）,下圖也是灰底單色的經(jīng)典搭配，只是其標題欄是灰色的長條并輔以風(fēng)格色。以下案例對應(yīng)的作品分別是：,背景色,風(fēng)格色,標題欄,246,246,246,93,203,8,16,173,223,245,245,245,198,198,198,231,231,231,160,160,160,34-員工招聘實務(wù),31-面試官技能訓(xùn),38-揭秘品牌建設(shè),248,190,14,251,251,251,經(jīng)典搭配,3.3雙色搭配,邏輯雙色搭配和主輔雙色搭配可以統(tǒng)稱為雙色搭配。如下為幾種雙色搭配，可以參考：,相近色（30）,類似色（60）,中度色（90）,經(jīng)典搭配,3.4邏輯四色搭配,以下兩個作品（12-人際關(guān)系寶典、35-員工關(guān)系管理）邏