版式設計的配色設計描述學習教案

1、會計學1版式設計版式設計(shj)的配色設計的配色設計(shj)描述描述第一頁，共71頁。經(jīng)典經(jīng)典(jngdin)(jngdin)搭配搭配用色要點用色要點(yodin)(yodin)基本知識基本知識第1頁/共70頁第二頁，共71頁。經(jīng)典經(jīng)典(jngdin)(jngdin)搭配搭配用色要點用色要點(yodin)(yodin)基本知識基本知識第2頁/共70頁第三頁，共71頁。基本基本(jb(jbn)n)知識知識1.1 伊頓12色相(s xin)環(huán)伊頓12色相(s xin)環(huán)伊頓12色相環(huán)是由近代著名的瑞士色彩學大師約翰內(nèi)斯伊頓（Johannes Itten，18881967）先生設計。三原色（原色

2、）:在美術(shù)上，將紅、黃、藍稱為顏料的三原色。二次色（間色）:通過兩種不同比例原色進行混合所得到的顏色為二次色，二次色又叫做間色。三次色（復色）用任何兩個間色或三個原色相混合而產(chǎn)生出來的顏色為三次色（復色），包括了除原色和間色以外的所有顏色。 第3頁/共70頁第四頁，共71頁?；净?jb(jbn)n)知識知識1.2 色光(sgung)三原色 & 色料三原色色光(sgung)三原色（加法混色） 色料三原色（減法混色）RGB ColorR(紅Red)，G(綠Green)，B(藍Blue)CMYK ColorC(青綠Cyan) ，M(品紅Magenta)，Y(黃 Yellow)第4頁/共70頁第五

3、頁，共71頁?；净?jb(jbn)n)知識知識1.3 HSL色相(s xin)（Hue）飽和度（Saturation）色彩(sci)的相貌色彩的鮮艷程度，也稱色彩的純度或彩度顏色的亮度，越亮越接近白色，越暗越接近黑色亮度（Lum）感謝卓弈劉俊繪制原圖第5頁/共70頁第六頁，共71頁。基本基本(jb(jbn)n)知識知識1.5 常見色彩(sci)搭配補色(b s)（180）中度色（90）對比色（120）類似色（60）同色（0）相近色（30）第6頁/共70頁第七頁，共71頁。基本基本(jb(jbn)n)知識知識1.6 無色彩(sci) & 有色彩(sci)無色彩(sci)（黑、白、灰） 有色彩

4、（斑斕世界）除此之外，色彩還可分為彩色系和無色系。從理論上色彩可以分為無色彩（白、灰、黑）與有色彩（紅、橙、黃、綠等）兩大類別。第7頁/共70頁第八頁，共71頁。第8頁/共70頁第九頁，共71頁。無色彩和有色彩搭配在一起，可以使圖像中的重點更加(gnji)突出，對比更加(gnji)強烈。第9頁/共70頁第十頁，共71頁。第10頁/共70頁第十一頁，共71頁?；净?jb(jbn)n)知識知識1.4 色彩(sci)冷暖根據(jù)人們(rn men)的心理和視覺判斷，色彩有冷暖之分，可分為三個類別：暖色系（紅、橙、黃），冷色系（藍、綠、藍紫），中性色系（黑白灰或介于冷暖之間的顏色）。PS：冷暖是相對的

5、，而不是絕對的！ 第11頁/共70頁第十二頁，共71頁。第12頁/共70頁第十三頁，共71頁。第13頁/共70頁第十四頁，共71頁。第14頁/共70頁第十五頁，共71頁。第15頁/共70頁第十六頁，共71頁。第16頁/共70頁第十七頁，共71頁。第17頁/共70頁第十八頁，共71頁。第18頁/共70頁第十九頁，共71頁。第19頁/共70頁第二十頁，共71頁。冷暖是相對的，而不是冷暖是相對的，而不是(b shi)絕對的！絕對的！ 第20頁/共70頁第二十一頁，共71頁。第21頁/共70頁第二十二頁，共71頁。第22頁/共70頁第二十三頁，共71頁。經(jīng)典經(jīng)典(jngdin)(jngdin)搭配搭配

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

7、0頁第二十五頁，共71頁。第25頁/共70頁第二十六頁，共71頁。第26頁/共70頁第二十七頁，共71頁。NoImage第27頁/共70頁第二十八頁，共71頁。第28頁/共70頁第二十九頁，共71頁。第29頁/共70頁第三十頁，共71頁。第30頁/共70頁第三十一頁，共71頁。NoImage第31頁/共70頁第三十二頁，共71頁。第32頁/共70頁第三十三頁，共71頁。第33頁/共70頁第三十四頁，共71頁。第34頁/共70頁第三十五頁，共71頁。第35頁/共70頁第三十六頁，共71頁。NoImage第36頁/共70頁第三十七頁，共71頁。第37頁/共70頁第三十八頁，共71頁。第38頁/共7

8、0頁第三十九頁，共71頁。第39頁/共70頁第四十頁，共71頁。第40頁/共70頁第四十一頁，共71頁。NoImage第41頁/共70頁第四十二頁，共71頁。第42頁/共70頁第四十三頁，共71頁。第43頁/共70頁第四十四頁，共71頁。第44頁/共70頁第四十五頁，共71頁。用色用色要點要點(yod(yodin)in)2.1 基本(jbn)用色原則根據(jù)(gnj)用色經(jīng)驗，簡單總結(jié)了以下幾點：重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務用色應符合公司形象及文化的用色要求；用色要有一定邏輯性（如，不同內(nèi)容可用不同的顏色，相同性質(zhì)的內(nèi)容用相同的顏色表示）；符合顏色的象征意義（綠色健康、

9、紅色喜慶、藍色科技等）；單色喜聞樂見（天的藍、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風格一致。第45頁/共70頁第四十六頁，共71頁。第46頁/共70頁第四十七頁，共71頁。第47頁/共70頁第四十八頁，共71頁。第48頁/共70頁第四十九頁，共71頁。用色用色要點要點(yo(yodindin) )2.1 基本(jbn)用色原則根據(jù)(gnj)用色經(jīng)驗，簡單總結(jié)了以下幾點：重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務用色應符合公司形象及文化的用色要求；用色要有一定系列性（如，不同內(nèi)容可用不同的顏色，相同性質(zhì)的內(nèi)容用相同的

10、顏色表示）；符合顏色的象征意義（綠色健康、紅色喜慶、藍色科技等）；單色喜聞樂見（天的藍、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風格一致。第49頁/共70頁第五十頁，共71頁。第50頁/共70頁第五十一頁，共71頁。第51頁/共70頁第五十二頁，共71頁。第52頁/共70頁第五十三頁，共71頁。用色用色要點要點(yo(yodindin) )2.1 基本(jbn)用色原則根據(jù)用色經(jīng)驗(jngyn)，簡單總結(jié)了以下幾點：重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務PPT應符合公司形象及文化的用色要求；符合邏輯（如，不同章節(jié)可

11、用不同的顏色，相同級別的標題用相同的顏色）；符合顏色的象征意義（綠色健康、傳統(tǒng)、紅色喜慶、藍色科技等）；單色喜聞樂見（天的藍、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風格一致。第53頁/共70頁第五十四頁，共71頁。第54頁/共70頁第五十五頁，共71頁。第55頁/共70頁第五十六頁，共71頁。第56頁/共70頁第五十七頁，共71頁。用色用色要點要點(yod(yodin)in)2.1 基本(jbn)用色原則根據(jù)用色經(jīng)驗(jngyn)，簡單總結(jié)了以下幾點：重視視覺感受（舒服、和諧；不突兀、不刺眼、不山寨）；商務PPT應符合公司形象及文

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

13、顏色的象征意義（綠色健康、紅色喜慶、藍色科技等）；單色喜聞樂見（天的藍、草的綠、暖的橙等），多色盡量模仿（如網(wǎng)站、海報等）；色彩不超三種（黑白灰除外，圖表色可稍稍靈活），整體風格一致。第58頁/共70頁第五十九頁，共71頁。用色用色要點要點(yod(yodin)in)2.2 整體(zhngt)風格色以宣傳手冊用色為例子：整體風格色指：封面、封底、母版標題欄（整體或點綴）、內(nèi)標題、強調(diào)(qing dio)色、圖表色等，主要方案有：A、整體單色：一種顏色貫穿始終，圖表色可以略豐富些，但盡量使用HSL模式調(diào)整為同色搭配。B、邏輯單色：即不同章節(jié)不同色，本PPT就是。C、組合色：主色+副色，可以是對比

14、色搭配，也可以是接近色或近似色搭配。整體單色邏輯單色組合色（主+副）第59頁/共70頁第六十頁，共71頁。用色用色要點要點(yod(yodin)in)2.3 母版背景色白色(bis)背景灰色(hus)背景深色背景白色：是默認的背景色，簡約、便于顏色搭配?；疑簩φ鎸嶎伾母蓴_最小，不刺眼，專業(yè)感！深色：很酷，但顏色較難搭配，挑戰(zhàn)性高。技巧主色調(diào)為暖色的作品，可以配暖灰的背景第60頁/共70頁第六十一頁，共71頁。用色用色要點要點(yo(yodindin) )2.4 母版標題欄色灰色(hus)+風格色：灰色(hus)一般是長條，一般要輔以風格色（或是風格色的細微同色變化，下同）的色塊或點綴。純風

15、格色：當風格色是雙色搭配時，標題欄也可以是雙色搭配（如32-人才選用育留） 。 深色（黑或接近黑色） +風格色：深色的標題欄使得頁面更莊重，一般也要輔以風格色的色塊或點綴。灰色(hus)+風格色純風格色深色（黑或接近黑色）+風格色第61頁/共70頁第六十二頁，共71頁。用色用色要點要點(yo(yodindin) )2.5 文字(wnz)色關(guān)于文字顏色設置的基本(jbn)要求是：不要太黑、太亮、太刺目，也不要太淡，要柔和、看得清楚。A、當背景為白色或淺灰色時：字體為灰色，根據(jù)背景的深淺調(diào)整字體的深淺，以確?？吹那宄?。B、當背景為深色時：字體為白色或者淺灰色。當背景為深色時當背景為白色或淺灰色第6

16、2頁/共70頁第六十三頁，共71頁。用色用色要點要點(yod(yodin)in)2.6 強調(diào)(qing dio)色用字顏色：強調(diào)色指的是用色中所有強調(diào)內(nèi)容(nirng)的顏色設置，通常的做法是：A、正向觀點：字體加粗并設置為風格色。B、并列內(nèi)容或相似觀點：字體加粗并設置為類似色、接近色。C、反向觀點：字體加粗并設置為補色、對比色。D、提醒、警示、引發(fā)思考或負面觀點/案例：字體加粗（或放大）并設置為紅色。絕對權(quán)力產(chǎn)生絕對腐敗！第63頁/共70頁第六十四頁，共71頁。經(jīng)典經(jīng)典(jngdin)(jngdin)搭配搭配用色要點用色要點(yodin)(yodin)基本知識基本知識第64頁/共70頁第六十

17、五頁，共71頁。經(jīng)典經(jīng)典(jn(jngdigdin)n)搭搭配配3.1 灰底單色搭配(dpi)（一）下圖是較好的灰底單色系列(xli)，分別由三種選擇方案。背景色風格色標題欄241,241,22993,203,816,173,22355,53,56248,190,14136,241,22912,178,230255,173,1第65頁/共70頁第六十六頁，共71頁。經(jīng)典經(jīng)典(jng(jngdin)din)搭配搭配3.2 灰底單色搭配(dpi)（二）下圖也是灰底單色的經(jīng)典搭配，只是其標題欄是灰色的長條并輔以風格色。以下案例對應(duyng)的作品分別是：背景色風格色標題欄246,246,2469

18、3,203,816,173,223245,245,245198,198,198231,231,231160,160,16034-員工招聘實務31-面試官技能訓38-揭秘品牌建設248,190,14251,251,251第66頁/共70頁第六十七頁，共71頁。經(jīng)典經(jīng)典(jn(jngdigdin)n)搭搭配配3.3 雙色搭配(dpi)邏輯雙色搭配和主輔雙色搭配可以統(tǒng)稱(tngchng)為雙色搭配。如下為幾種雙色搭配，可以參考：相近色（30）類似色（60）中度色（90）第67頁/共70頁第六十八頁，共71頁。經(jīng)典經(jīng)典(jn(jngdigdin)n)搭搭配配3.4 邏輯(lu j)四色搭配以下(yxi)兩個作品（