式设计的配色设计学习教案

1、会计学1式设计式设计(shj)的配色设计的配色设计(shj)第一页，共70页。经典经典(jngdin)(jngdin)搭配搭配用色要点用色要点(yodin)(yodin)基本知识基本知识第1页/共70页第二页，共70页。经典经典(jngdin)(jngdin)搭配搭配用色要点用色要点(yodin)(yodin)基本知识基本知识第2页/共70页第三页，共70页。基本基本(jb(jbn)n)知识知识1.1 伊顿12色相(s xin)环伊顿12色相(s xin)环伊顿12色相环是由近代著名的瑞士色彩学大师约翰内斯伊顿（Johannes Itten，18881967）先生设计。三原色（原色）:在美术上

2、，将红、黄、蓝称为颜料的三原色。二次色（间色）:通过两种不同比例原色进行混合所得到的颜色为二次色，二次色又叫做间色。三次色（复色）用任何两个间色或三个原色相混合而产生出来的颜色为三次色（复色），包括了除原色和间色以外的所有颜色。 第3页/共70页第四页，共70页。基本基本(jb(jbn)n)知识知识1.2 色光(sgung)三原色 & 色料三原色色光(sgung)三原色（加法混色） 色料三原色（减法混色）RGB ColorR(红Red)，G(绿Green)，B(蓝Blue)CMYK ColorC(青绿Cyan) ，M(品红Magenta)，Y(黄 Yellow)第4页/共70页第五页，

3、共70页。基本基本(jb(jbn)n)知识知识1.3 HSL色相(s xin)（Hue）饱和度（Saturation）色彩(sci)的相貌色彩的鲜艳程度，也称色彩的纯度或彩度颜色的亮度，越亮越接近白色，越暗越接近黑色亮度（Lum）感谢卓弈刘俊绘制原图第5页/共70页第六页，共70页。基本基本(jb(jbn)n)知识知识1.5 常见(chn jin)色彩搭配补色(b s)（180）中度色（90）对比色（120）类似色（60）同色（0）相近色（30）第6页/共70页第七页，共70页。基本基本(jb(jbn)n)知识知识1.6 无色彩(sci) & 有色彩(sci)无色彩(sci)（黑、白、

4、灰） 有色彩（斑斓世界）除此之外，色彩还可分为彩色系和无色系。从理论上色彩可以分为无色彩（白、灰、黑）与有色彩（红、橙、黄、绿等）两大类别。第7页/共70页第八页，共70页。第8页/共70页第九页，共70页。无色彩和有色彩搭配在一起，可以使图像中的重点(zhngdin)更加突出，对比更加强烈。第9页/共70页第十页，共70页。第10页/共70页第十一页，共70页。基本基本(jb(jbn)n)知识知识1.4 色彩(sci)冷暖根据人们的心理和视觉判断，色彩有冷暖之分，可分为三个类别：暖色系（红、橙、黄），冷色系（蓝、绿、蓝紫），中性色系（黑白灰或介于冷暖之间的颜色(yns)）。PS：冷暖是相对的

5、，而不是绝对的！ 第11页/共70页第十二页，共70页。第12页/共70页第十三页，共70页。第13页/共70页第十四页，共70页。第14页/共70页第十五页，共70页。第15页/共70页第十六页，共70页。第16页/共70页第十七页，共70页。第17页/共70页第十八页，共70页。第18页/共70页第十九页，共70页。第19页/共70页第二十页，共70页。冷暖是相对冷暖是相对(xingdu)的，而不是绝对的！的，而不是绝对的！ 第20页/共70页第二十一页，共70页。第21页/共70页第二十二页，共70页。第22页/共70页第二十三页，共70页。经典经典(jngdin)(jngdin)搭配搭

6、配用色要点用色要点(yodin)(yodin)基本知识基本知识第23页/共70页第二十四页，共70页。用色用色要点要点(yo(yodindin) )2.1 基本(jbn)用色原则根据用色经验，简单(jindn)总结了以下几点：重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）；商务PPT应符合公司形象及文化的用色要求；用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相同的颜色表示）；符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）；单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）；色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。第24页/

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

8、70页第四十页，共70页。第40页/共70页第四十一页，共70页。第41页/共70页第四十二页，共70页。第42页/共70页第四十三页，共70页。第43页/共70页第四十四页，共70页。第44页/共70页第四十五页，共70页。用色用色要点要点(yod(yodin)in)2.1 基本(jbn)用色原则根据用色经验(jngyn)，简单总结了以下几点：重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）；商务用色应符合公司形象及文化的用色要求；用色要有一定逻辑性（如，不同内容可用不同的颜色，相同性质的内容用相同的颜色表示）；符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）；单色喜闻乐见（天的蓝、草

9、的绿、暖的橙等），多色尽量模仿（如网站、海报等）；色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。第45页/共70页第四十六页，共70页。第46页/共70页第四十七页，共70页。第47页/共70页第四十八页，共70页。第48页/共70页第四十九页，共70页。用色用色要点要点(yo(yodindin) )2.1 基本(jbn)用色原则根据用色经验(jngyn)，简单总结了以下几点：重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）；商务用色应符合公司形象及文化的用色要求；用色要有一定系列性（如，不同内容可用不同的颜色，相同性质的内容用相同的颜色表示）；符合颜色的象征意义（绿色健康、红

10、色喜庆、蓝色科技等）；单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）；色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。第49页/共70页第五十页，共70页。第50页/共70页第五十一页，共70页。第51页/共70页第五十二页，共70页。第52页/共70页第五十三页，共70页。用色用色要点要点(yo(yodindin) )2.1 基本(jbn)用色原则根据用色经验(jngyn)，简单总结了以下几点：重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）；商务PPT应符合公司形象及文化的用色要求；符合逻辑（如，不同章节可用不同的颜色，相同级别的标题用相同的颜色）；

11、符合颜色的象征意义（绿色健康、传统、红色喜庆、蓝色科技等）；单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）；色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。第53页/共70页第五十四页，共70页。第54页/共70页第五十五页，共70页。第55页/共70页第五十六页，共70页。第56页/共70页第五十七页，共70页。用色用色要点要点(yo(yodindin) )2.1 基本(jbn)用色原则根据(gnj)用色经验，简单总结了以下几点：重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）；商务PPT应符合公司形象及文化的用色要求；符合逻辑（如，不同章节可用不同的

12、颜色，相同级别的标题用相同的颜色）；符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）；单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）；色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。第57页/共70页第五十八页，共70页。用色用色要点要点(yod(yodin)in)2.1 基本(jbn)用色原则根据(gnj)用色经验，简单总结了以下几点，：重视视觉感受（舒服、和谐；不突兀、不刺眼、不山寨）；商务PPT应符合公司形象及文化的用色要求；符合逻辑（如，不同章节可用不同的颜色，相同级别的标题用相同的颜色）；符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）；

13、单色喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿（如网站、海报等）；色彩不超三种（黑白灰除外，图表色可稍稍灵活），整体风格一致。第58页/共70页第五十九页，共70页。用色用色要点要点(yod(yodin)in)2.2 整体(zhngt)风格色以宣传手册用色为例子：整体风格色指：封面、封底、母版标题栏（整体或点缀）、内标题、强调色、图表色等，主要(zhyo)方案有：A、整体单色：一种颜色贯穿始终，图表色可以略丰富些，但尽量使用HSL模式调整为同色搭配。B、逻辑单色：即不同章节不同色，本PPT就是。C、组合色：主色+副色，可以是对比色搭配，也可以是接近色或近似色搭配。整体单色逻辑单色组合色

14、（主+副）第59页/共70页第六十页，共70页。用色用色要点要点(yo(yodindin) )2.3 母版背景色白色(bis)背景灰色(hus)背景深色背景白色：是默认的背景色，简约、便于颜色搭配。灰色：对真实颜色的干扰最小，不刺眼，专业感！深色：很酷，但颜色较难搭配，挑战性高。技巧主色调为暖色的作品，可以配暖灰的背景第60页/共70页第六十一页，共70页。用色用色要点要点(yod(yodin)in)2.4 母版标题栏色灰色+风格色：灰色一般是长条，一般要辅以风格色（或是风格色的细微同色变化，下同）的色块或点缀。纯风格色：当风格色是双色搭配时，标题栏也可以是双色搭配（如32-人才选用育留） 。

15、 深色（黑或接近(jijn)黑色） +风格色：深色的标题栏使得页面更庄重，一般也要辅以风格色的色块或点缀。灰色(hus)+风格色纯风格色深色（黑或接近黑色）+风格色第61页/共70页第六十二页，共70页。用色用色要点要点(yo(yodindin) )2.5 文字(wnz)色关于文字颜色设置的基本要求(yoqi)是：不要太黑、太亮、太刺目，也不要太淡，要柔和、看得清楚。A、当背景为白色或浅灰色时：字体为灰色，根据背景的深浅调整字体的深浅，以确保看的清楚。B、当背景为深色时：字体为白色或者浅灰色。当背景为深色时当背景为白色或浅灰色第62页/共70页第六十三页，共70页。用色用色要点要点(yo(yo

16、dindin) )2.6 强调(qing dio)色用字颜色：强调色指的是用色中所有强调内容的颜色设置(shzh)，通常的做法是：A、正向观点：字体加粗并设置为风格色。B、并列内容或相似观点：字体加粗并设置为类似色、接近色。C、反向观点：字体加粗并设置为补色、对比色。D、提醒、警示、引发思考或负面观点/案例：字体加粗（或放大）并设置为红色。绝对权力产生绝对腐败！第63页/共70页第六十四页，共70页。经典经典(jngdin)(jngdin)搭配搭配用色要点用色要点(yodin)(yodin)基本知识基本知识第64页/共70页第六十五页，共70页。经典经典(jng(jngdin)din)搭配搭配

17、3.1 灰底单色搭配(dpi)（一）下图是较好的灰底单色系列，分别由三种(sn zhn)选择方案。背景色风格色标题栏241,241,22993,203,816,173,22355,53,56248,190,14136,241,22912,178,230255,173,1第65页/共70页第六十六页，共70页。经典经典(jn(jngdigdin)n)搭搭配配3.2 灰底单色搭配(dpi)（二）下图也是灰底单色的经典搭配，只是其标题栏是灰色的长条并辅以风格(fngg)色。以下案例对应的作品分别是：背景色风格色标题栏246,246,24693,203,816,173,223245,245,245198,198,198231,231,231160,160,16034-员工招聘实务31-面试官技能训38-揭秘品牌建设248,190,14251,251,251第66页/共70页第六十七页，共70页。经典经典(jng(jngdin)din)搭配搭配3.3 双色搭配(dpi)逻辑双色搭配和主辅双色搭配可以统称为双色搭配。如下为几种(j zhn)双色搭配，可以参考：相近色（30）类似色（60）中度色（90）第67页/共70页第六十八页，共70页。经典经典(jng(jngdin)d