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