颜色浅探(布衣公子作品)PPT课件.pptx

1 布衣公子作品PPPT技能分享系列六PT2 经典搭配用色要点基本知识3 经典搭配用色要点基本知识4 基本知识1.1 伊顿12色相环伊顿伊顿12色相环色相环伊顿12色相环是由近代著名的瑞士色彩学大师约翰内斯伊顿（Johannes Itten，18881967）先生设计。一次一次色（原色）色（原色）:在美术上，将红红、黄黄、蓝蓝称为颜料的三原色或一次色。二次二次色色（间色）（间色）:通过两种不同比例原色进行混合所得到的颜色为二次色，二次色又叫做间色。三次色（复色三次色（复色）用任何两个间色或三个原色相混合而产生出来的颜色为三次色（复色），包括了除原色和间色以外的所有颜色。5 基本知识1.2 色光三原色&色料三原色色光三原色（加法混色）色光三原色（加法混色）色料三原色（减法混色）色料三原色（减法混色）RGB ColorCMYK Color6 基本知识1.3 HSL色相色相（Hue）饱和度饱和度（Saturation）色彩的相貌色彩的鲜艳程度，也称色彩的纯度或彩度颜色的亮度，越亮越接近白色，越暗越接近黑色亮度亮度（Lum）感谢卓弈刘俊绘制原图7 基本知识1.4 色彩冷暖根据人们的心理和视觉判断，色彩有冷暖之分，可分为三个类别：暖色暖色系系（红、橙、黄），冷色冷色系系（蓝、绿、蓝紫），中中性色系性色系（绿、紫、赤紫、黄绿等）。8 基本知识1.5 常见色彩搭配补色补色（180）中度中度色色（90）对比色对比色（120）类似类似色色（60）同色同色（0）相近相近色色（30）9 基本知识1.5 常见色彩搭配相近相近色色（30）类似色类似色（60）中度中度色色（90）以下为几种双色搭配的具体案例：10 基本知识1.6 无色彩&有色彩无色彩无色彩（黑、白、灰）（黑、白、灰）有色彩（斑斓世界）有色彩（斑斓世界）从理论上色彩可以分为无色彩（白、灰、黑）与有色彩（红、橙、黄、绿等）两大类别。无色彩和有色彩搭配在一起，可以使图像中的重点更加突出，比如本PPT的过渡页设计。11 经典搭配用色要点基本知识12 用色要点2.1 基本用色原则根据自己的用色经验，简单总结了以下几点，欢迎各位朋友纠正或补充：重视视觉感受（舒服、浑然天成舒服、浑然天成；不突兀突兀、不刺眼刺眼、不山寨山寨）；商务PPT应符合公司CIS的用色要求；符合逻辑逻辑（如，不同章节可用不同的颜色，相同级别的标题用相同的颜色）；符合颜色的象征意义（绿色健康、红色喜庆、蓝色科技等）；单色喜闻乐见喜闻乐见（天的蓝、草的绿、暖的橙等），多色尽量模仿尽量模仿（如网站、海报等）；色彩不超三种三种（黑白灰除外，图表色可稍稍灵活），整体风格一致风格一致。13 用色要点2.2 整体风格色整体风格色指：封面、封底、母版封面、封底、母版标题栏标题栏（整体或点缀）、内标题、强调、内标题、强调色、图表色色、图表色等，主要方案有：A、整体单色：、整体单色：一种颜色贯穿始终，图表色可以略丰富些，但尽量使用HSL模式调整为同色搭配。B、逻辑、逻辑单色：单色：即不同章节不同色，本PPT就是。C、组合色：、组合色：主色+副色，可以是对比色搭配，也可以是接近色或近似色搭配。整体单色整体单色逻辑单色逻辑单色组合色（主组合色（主+副）副）14 用色要点2.3 母版背景色白色背景白色背景灰色灰色背景背景深色背景深色背景白色：白色：是默认的背景色，简约、便于颜色搭配。灰色：灰色：对真实颜色的干扰最小，不刺眼，专业感！深色：深色：很酷，但颜色较难搭配，挑战性高。技巧技巧主色调为暖色的作品，可以配暖灰的背景（如32-人才选用育留和37-企业战略管理）15 用色要点2.4 母版标题栏色灰色灰色+风格色：风格色：灰色一般是长条，一般要辅以风格色（或是风格色的细微同色变化，下同）的色块或点缀。纯风格纯风格色色：当风格色是双色搭配时，标题栏也可以是双色搭配（如32-人才选用育留）。深色（黑或接近黑色深色（黑或接近黑色）+风格色：风格色：深色的标题栏使得页面更庄重，一般也要辅以风格色的色块或点缀。灰色灰色+风格色风格色纯风格色纯风格色深色深色（黑或接近黑色）+风格色风格色请思考请思考本PPT是属于那种模式呢？16 用色要点2.5 文字色文字颜色设置的基本要求是：不要太黑、太亮、太刺目太黑、太亮、太刺目，也不要太淡太淡，要柔和、看得清楚柔和、看得清楚即可。A、当背景为白色或浅灰色时：、当背景为白色或浅灰色时：字体为灰色，根据背景的深浅调整字体的深浅，以确保看的清楚。B、当背景为深色时：、当背景为深色时：字体为白色或者浅灰色。当背景为深色时当背景为深色时当背景为白色或浅灰色当背景为白色或浅灰色17 用色要点2.6 强调色强调色指的是PPT中所有强调内容的颜色设置，我本人通常的做法是：A、正向观点：、正向观点：字体加粗并设置为风格色风格色。B、并列内容或相似观点：、并列内容或相似观点：字体加粗并设置为类似色、接近色类似色、接近色。C、反向观点：、反向观点：字体加粗并设置为补色、对比色补色、对比色。D、提醒、警示、引发思考或负面观点、提醒、警示、引发思考或负面观点/案例案例：字体加粗（或放大）并设置为红色红色。绝对权力产生绝对腐败！18 用色要点2.7 点缀色点缀色指的非PPT的风格色，而纯属起到点缀页面的颜色，不常用，但有时可以根据页面的需要尝试运用。3点缀色（一）点缀色（一）2点缀色（二）点缀色（二）19 经典搭配用色要点基本知识20 经典搭配3.1 灰底单色搭配（一）下图是本人最喜欢的灰底单色系列，以下是三种选择方案，其中，第一种方案已被我使用两次，分别是：22-实用沟通技能、43-PPT动画初步。背景色风格色标题栏241,241,22993,203,816,173,22355,53,56248,190,14136,241,22912,178,230255,173,121 经典搭配3.2 灰底单色搭配（二）下图也是灰底单色的经典搭配，只是其标题栏是灰色的长条并辅以风格色。以下案例对应的作品分别是：背景色风格色标题栏246,246,24693,203,8232,116,21245,245,245198,198,198231,231,231160,160,16034-员工招聘实务31-面试官技能训38-揭秘品牌建设248,190,14251,251,25122 经典搭配3.3 灰底单色搭配（三）下图的灰底搭配有一个典型的特点：背景是暖灰色调，标题栏是两种色彩的组合，其中的一种颜色是风格色。作品一作品二139,171,0255,133,092,63,65255,149,0238,228,228249,247,23432-人才选用育留42-PPT图形图表23 经典搭配3.4 白底单色搭配白底单色搭配也是最常用的PPT色彩方案之一，简约、清新。以下为 36-激励方法集萃中的配色方案。背景色风格色标题栏255,255,255128,196,23242,242,242（正文中灰底色块）156,209,70,0,0128,196,23（竖）24 经典搭配3.5 双色搭配逻辑双色搭配和主辅双色搭配可以统称为双色搭配。如下为几种双色搭配，可以参考：色彩一色彩二226,0,132226,0,0251,0,36252,146,4255,140,0127,186,0请注意第三个作品是深灰色背景，因此，其颜色亮度比白底或浅灰底的亮度要略低。背景色244,244,233255,255,25564,64,6425 经典搭配3.6 双风格色这是我完全无意识中尝试出来的一种用色方式，即标题栏和正文完全是两种不同风格的用色，我称之为双风格色。标题栏正文风格5,132,218136,231,15255,102,0255,192,056,54,57（沟通）背景色255,255,255244,244,23226 经典搭配3.7 逻辑三色搭配以下两个作品为逻辑三色搭配，可参考。作品一作品二202,101,9108,166,450,155,211255,50,85150,227,5156,14025517-课程开发技能44-PPT颜色浅探27 经典搭配3.8 逻辑四色搭配以下两个作品为逻辑四色搭配，均是我非常喜欢的色彩，可以参考。作品一作品二54,178,230123,193,68255,133,0240,84,36255,192,060,121,207142,174,5254,0,10212-人际关系宝典35-员工关系管理28 经典搭配59,121,206123,193,67138,60,196255,51,153255,0,0255,192,0253,122,42123,93,67240,84,3754,178,2303.9 图表色（一）在PPT中，图表色可以：1）同色搭配；2）多色搭配。下图为多色搭配参考。29 经典搭配139,171,0255,147,00,102,255254163透明度：透明度：30%240,172,2153,204,019,154,255透明度：透明度：80%3.10 图表色（二）设置透明度的图表色30 个人经验 请多指点！http:/