色彩搭配原理与技巧课件

,色彩搭配原理与技巧,色彩搭配原理与技巧,经典搭配,用色要点,基本知识,经典搭配用色要点基本知识,经典搭配,用色要点,基本知识,经典搭配用色要点基本知识,基本,知识,1.1,伊顿,12,色相环,伊顿,12,色相环,伊顿,12,色相环是由近代著名的瑞士色彩学大师约翰内斯,伊顿（,Johannes Itten,，,18881967,）先生设计。,三原色（原色）,:,在美术上，将,红,、,黄,、,蓝,称为颜料的三原色。,二次色（间色）,:,通过两种不同比例原色进行混合所得到的颜色为二次色，二次色又叫做间色。,三次色（复色）,用任何两个间色或三个原色相混合而产生出来的颜色为三次色（复色），包括了除原色和间色以外的所有颜色。,基本1.1 伊顿12色相环伊顿12色相环伊顿12色相环是由近,基本,知识,1.2,色光三原色,&,色料三原色,色光三原色（加法混色）,色料三原色（减法混色）,RGB Color,CMYK Color,基本1.2 色光三原色 & 色料三原色色光三原色（加法混色）,基本,知识,1.3 HSL,色相,（,Hue,）,饱和度（,Saturation,）,色彩的相貌,色彩的鲜艳程度，也称色彩的纯度或彩度,颜色的亮度，越亮越接近白色，越暗越接近黑色,亮度,（,Lum,）,感谢,卓弈刘俊,绘制原图,基本1.3 HSL色相饱和度（Saturation）色彩的相,基本,知识,1.5,常见色彩搭配,补色,（,180,）,中度色,（,90,）,对比色,（,120,）,类似色,（,60,）,同色,（,0,）,相近色,（,30,）,基本1.5 常见色彩搭配补色（180）中度色（90）对比,基本,知识,1.6,无色彩,&,有色彩,无色彩（黑、白、灰）,有色彩（斑斓世界）,除此之外，色彩还可分为彩色系和无色系。,从理论上色彩可以分为无色彩（白、灰、黑）与有色彩（红、橙、黄、绿等）两大类别。,基本1.6 无色彩 & 有色彩无色彩（黑、白、灰） 有色彩（,色彩搭配原理与技巧课件,无色彩和有色彩搭配在一起，可以使图像中的重点更加突出，对比更加强烈。,无色彩和有色彩搭配在一起，可以使图像中的重点更加突出，对比更,色彩搭配原理与技巧课件,基本,知识,1.4,色彩冷暖,根据人们的心理和视觉判断，色彩有冷暖之分，可分为三个类别：,暖色系,（红、橙、黄），,冷色系,（蓝、绿、蓝紫），,中性色系,（黑白灰或介于冷暖之间的颜色）。,PS,：冷暖是相对的，而不是绝对的！,基本1.4 色彩冷暖根据人们的心理和视觉判断，色彩有冷暖之分,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,冷暖是相对的，而不是绝对的！,冷暖是相对的，而不是绝对的！,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,经典搭配,用色要点,基本知识,经典搭配用色要点基本知识,用色,要点,2.1,基本用色原则,根据自己的用色经验，简单总结了以下几点：,重视视觉感受（,舒服、和谐,；不,突兀,、不,刺眼,、不,山寨,）；,商务,PPT,应符合公司,形象及文化,的用色要求；,用色要有一定,逻辑性,（如，不同内容可用不同的颜色，相同性质的内容用相同的颜色表示）；,符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）；,单色,喜闻乐见,（天的蓝、草的绿、暖的橙等），多色,尽量模仿,（如网站、海报等）；,色彩不超,三种,（黑白灰除外，图表色可稍稍灵活），整体,风格一致,。,用色2.1 基本用色原则根据自己的用色经验，简单总结了以下几,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,思考：生活中适合用,近似色,搭配的事物有哪些,?,思考：生活中适合用近似色搭配的事物有哪些?,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,思考：生活中适合用,对比色,搭配的事物有哪些,?,思考：生活中适合用对比色搭配的事物有哪些?,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,思考：生活中适合用,互补色,搭配的事物有哪些,?,思考：生活中适合用互补色搭配的事物有哪些?,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,用色,要点,2.1,基本用色原则,根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：,重视视觉感受（,舒服、和谐,；不,突兀,、不,刺眼,、不,山寨,）；,商务用色应符合公司,形象及文化,的用色要求；,用色要有一定,逻辑性,（如，不同内容可用不同的颜色，相同性质的内容用相同的颜色表示）；,符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）；,单色,喜闻乐见,（天的蓝、草的绿、暖的橙等），多色,尽量模仿,（如网站、海报等）；,色彩不超,三种,（黑白灰除外，图表色可稍稍灵活），整体,风格一致,。,用色2.1 基本用色原则根据自己的用色经验，简单总结了以下几,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,用色,要点,2.1,基本用色原则,根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：,重视视觉感受（,舒服、和谐,；不,突兀,、不,刺眼,、不,山寨,）；,商务用色应符合公司,形象及文化,的用色要求；,用色要有一定,系列性,（如，不同内容可用不同的颜色，相同性质的内容用相同的颜色表示）；,符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）；,单色,喜闻乐见,（天的蓝、草的绿、暖的橙等），多色,尽量模仿,（如网站、海报等）；,色彩不超,三种,（黑白灰除外，图表色可稍稍灵活），整体,风格一致,。,用色2.1 基本用色原则根据自己的用色经验，简单总结了以下几,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,用色,要点,2.1,基本用色原则,根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：,重视视觉感受（,舒服、和谐,；不,突兀,、不,刺眼,、不,山寨,）；,商务,PPT,应符合公司,形象及文化,的用色要求；,符合,逻辑,（如，不同章节可用不同的颜色，相同级别的标题用相同的颜色）；,符合颜色的象征意义（,绿色健康,、,传统,、,红色喜庆,、,蓝色科技,等）；,单色,喜闻乐见,（天的蓝、草的绿、暖的橙等），多色,尽量模仿,（如网站、海报等）；,色彩不超,三种,（黑白灰除外，图表色可稍稍灵活），整体,风格一致,。,用色2.1 基本用色原则根据自己的用色经验，简单总结了以下几,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,色彩搭配原理与技巧课件,用色,要点,2.1,基本用色原则,根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：,重视视觉感受（,舒服、和谐,；不,突兀,、不,刺眼,、不,山寨,）；,商务,PPT,应符合公司,形象及文化,的用色要求；,符合,逻辑,（如，不同章节可用不同的颜色，相同级别的标题用相同的颜色）；,符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）；,单色,喜闻乐见,（天的蓝、草的绿、暖的橙等），多色,尽量模仿,（如网站、海报等）；,色彩不超,三种,（黑白灰除外，图表色可稍稍灵活），整体,风格一致,。,用色2.1 基本用色原则根据自己的用色经验，简单总结了以下几,用色,要点,2.1,基本用色原则,根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：,重视视觉感受（,舒服、和谐,；不,突兀,、不,刺眼,、不,山寨,）；,商务,PPT,应符合公司,形象及文化,的用色要求；,符合,逻辑,（如，不同章节可用不同的颜色，相同级别的标题用相同的颜色）；,符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）；,单色,喜闻乐见,（天的蓝、草的绿、暖的橙等），多色,尽量模仿,（如网站、海报等）；,色彩不超,三种,（黑白灰除外，图表色可稍稍灵活），整体,风格一致,。,用色2.1 基本用色原则根据自己的用色经验，简单总结了以下几,用色,要点,2.2,整体风格色,以宣传手册用色为例子：,整体风格色指：,封面、封底、母版标题栏,（整体或点缀）,、内标题、强调色、图表色,等，主要方案有：,A,、整体单色：,一种颜色贯穿始终，图表色可以略丰富些，但尽量使用,HSL,模式调整为同色搭配。,B,、逻辑单色：,即不同章节不同色，本,PPT,就是。,C,、组合色：,主色,+,副色，可以是对比色搭配，也可以是接近色或近似色搭配。,整体单色,逻辑单色,组合色（主,+,副）,用色2.2 整体风格色以宣传手册用色为例子：A、整体单色：一,用色,要点,2.3,母版背景色,白色背景,灰色背景,深色背景,白色：,是默认的背景色，简约、便于颜色搭配。,灰色：,对真实颜色的干扰最小，不刺眼，专业感！,深色：,很酷，但颜色较难搭配，挑战性高。,技巧,主色调为暖色的作品，可以配暖灰的背景,用色2.3 母版背景色白色背景灰色背景深色背景白色：是默认的,用色,要点,2.4,母版标题栏色,灰色,+,风格色：,灰色一般是长条，一般要辅以风格色（或是风格色的细微同色变化，下同）的色块或点缀。,纯风格色：,当风格色是双色搭配时，标题栏也可以是双色搭配（如,32-,人才选用育留,） 。,深色（黑或接近黑色）,+,风格色：,深色的标题栏使得页面更庄重，一般也要辅以风格色的色块或点缀。,灰色,+,风格色,纯风格色,深色,（黑或接近黑色）,+,风格色,用色2.4 母版标题栏色灰色+风格色：灰色一般是长条，一般要,用色,要点,2.5,文字色,关于文字颜色设置的基本要求是：不要,太黑、太亮、太刺目,，也不要,太淡,，要,柔和、看得清楚,。,A,、当背景为白色或浅灰色时：,字体为灰色，根据背景的深浅调整字体的深浅，以确保看的清楚。,B,、当背景为深色时：,字体为白色或者浅灰色。,当背景为深色时,当背景为白色或浅灰色,用色2.5 文字色关于文字颜色设置的基本要求是：不要太黑、太,用色,要点,2.6,强调色,用字颜色：,强调色指的是用色中所有强调内容的颜色设置，我本人通常的做法是：,A,、正向观点：,字体加粗并设置为,风格色,。,B,、并列内容或相似观点：,字体加粗并设置为,类似色、接近色,。,C,、反向观点：,字体加粗并设置为,补色、对比色,。,D,、提醒、警示、引发思考或负面观点,/,案例,：字体加粗（或放大）并设置为,红色,。,绝对权力产生绝对,腐败,！,用色2.6 强调色用字颜色：A、正向观点：字体加粗并设置为风,经典搭配,用色要点,基本知识,经典搭配用色要点基本知识,经典搭配,3.1,灰底单色搭配（一）,下图是较好的灰底单色系列，分别由三种选择方案。,背景色,风格色,标题栏,241,241,229,93,203,8,16,173,223,55,53,56,248,190,14,136,241,229,12,178,230,255,173,1,经典搭配3.1 灰底单色搭配（一）下图是较好的灰底单色系列，,经典搭配,3.2,灰底单色搭配（二）,下图也是灰底单色的经典搭配，只是其标题栏是灰色的长条并辅以风格色。以下案例对应的作品分别是：,背景色,风格色,标题栏,246,246,246,93,203,8,16,173,223,245,245,245,198,198,198,231,231,231,160,160,160,34-,员工招聘实务,31-,面试官技能训,38-,揭秘品牌建设,248,190,14,251,251,251,经典搭配3.2 灰底单色搭配（二）下图也是灰底单色的经典搭配,经典搭配,3.3,双色搭配,逻辑双色搭配和主辅双色搭配可以统称为双色搭配。如下为几种双色搭配，可以参考：,相近色,（,30,）,类似色,（,60,）,中度色,（,90,）,经典搭配3.3 双色搭配逻辑双色搭配和主辅双色搭配可以统称为,经典搭配,3.4,逻辑四色搭配,以下两个作品（,12-,人际关系宝典、,35-,员工关系管理）逻辑四色搭配，均是我非常喜欢的色彩，可以参考。,作品一,作品二,54,178,230,123,193,68,255,133,0,240,84,36,255,192,0,60,121,207,142,174,5,254,0,102,经典搭配3.4 逻辑四色搭配以下两个作品（12-人际关系宝典,思考：生活中适合用,互补色,搭配的事物有哪些,?,思考：生活中适合用,对比色,搭配的事物有哪些,?,思考：生活中适合用,近似色,搭配的事物有哪些,?,思考：生活中适合用互补色搭配的事物有哪些?思考：生活中适合用,