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