图表配色教程百文库.pptxVIP

图表配色教程百文库第1页/共26页 01你好色彩第2页/共26页 色轮模型简介三棱镜对着阳光可以得到一条色光光谱，将这段光谱弯曲并首尾相连组成圆环，就得到了最简单的色彩模式——色轮。二十四色轮6种基本色彩关系单色色调近似色补色分裂补色原色色调间色色调以上色彩均取色于色轮，具体取色方法这里不做介绍，有兴趣的朋友可以上网查阅。第3页/共26页 色彩意义简析蓝色蓝色是RGB三原色之一，具有沉稳、理智、舒缓、准确、整洁的映像。绿色绿色是RGB三原色之一，具有和平、放松、生长、环保、期盼、畅通的映像。红色红色是RGB三原色之一，具有警告、冲动、激情、奔放、前进、积极的映像。橙色，具有光亮、丰硕、温暖、警戒、热闹、快乐的映像。橙色黑白灰，具有简单、内敛、沉稳、凝重、踏实的映像。黑白灰色彩理论和配色原则是一门大学问，美术系的讲师可以说上大半个学期，所以认为随意调几下就能搞出一套好配色方案的童鞋，你可以洗洗睡了。第4页/共26页 色彩搭配举例搭配出漂亮的配色，但是！我们怎么用？第5页/共26页 配色方案应用举例1确定主色确定对比色【形状填充色】【其他颜色】调整如图所示的颜色亮度值。确定配色方案第6页/共26页 配色方案应用举例2确定主色确定对比色确定配色方案第7页/共26页 版面配色5忌“忌脏”1“忌粉”2“忌纯”3“忌跳”4“忌花”2图表颜色过于晦暗沉涩图表颜色太浅，对比度不足图表颜色纯度高，配色较难图表颜色刺眼，不宜应用图表五彩斑斓，没有主次对于非美术专业的我们来说，手头还有许多工作需要做，可能正有一大堆图表急需处理，等我们看完几百页配色手册，估计花儿都阉了。而本期教程就是教会大家如何快速确定配色方案！第8页/共26页 02拿来主义者第9页/共26页 简单就是美，商业图表的配色原则图表配色虽然只是图表制作中不甚起眼的一环，但是它却关系到图表最终的视觉呈现效果，甚至影响图表的阅读理解吸收！配色品质的高低是体现图表档次高低的量尺！给大家的 4 点建议：01首先考虑如何强化数据间的关系，让图表更易于理解02应着重突出主体03颜色数量不宜过多04应考虑整体风格的统一第10页/共26页 向权威学配色The EconomistThe Wall Street JournalBusinessWeek不少世界级的报刊经历了几十年的发展，图表风格换了一拨又一拨，他们的配色也相对成熟专业。为何我们不直接借鉴这些权威的配色翻案呢？第11页/共26页 建议1：模仿《经济学人》图表配色方案经济学人 经典的深青色，辅以深红加强对比：经济学人上的图表，基本只用这一个颜色，或加上一些深浅明暗变化，再就是左上角的小红块，成为经济学人图表的招牌样式。罗兰贝格也非常爱用这个色，有时也配合橙色使用。各类提供专业服务的网站也多爱用此色。1 ,77, 10190 ,146, 1730 ,162, 2228 ,162, 255192 ,0, 0第12页/共26页 应用举例单色色调+红色突出单色色调的运用，使整张图表显得比较沉稳、权威。由于单色色调只有明暗上的区别，因此各系列之间不存在对比以及强调，这样的配色让读图者更加关注数据和整体的关系。深青色为主，红色则成为对比色，起到强调突出的作用。这样的配色让读图者更加关注红色所代表的值。第13页/共26页 建议2：模仿《华尔街日报》图表配色方案华尔街日报 单色及多彩组合：华尔街日报用色比较自由多变，有单色调也有互补色调的应用。单色调配色主要是明度的变化，让图表显得有层次；互补色调配色显得专业，既有对比也有突出。0 ,173, 796, 102, 177237,27, 58254 ,220, 2564 ,64, 64第14页/共26页 应用举例这里不建议大家这几种色一起用，选其两个颜色（其中一色为主并有明暗变化）就能达到很好的效果第15页/共26页 建议3：模仿《商业周刊》图表配色方案商业周刊 经典蓝红搭配：早年的商业周刊上的图表，几乎都使用这个颜色组合，基本成为商业周刊图表的招牌标志了，应该是来源于其VI系统。8,89, 156239 ,8, 8244 ,180, 55第16页/共26页 应用举例多蓝色和枣红色搭配类似于三原色色调，颜色比较鲜明，有独特的企业气息。延长壳牌多用此配色方案。第17页/共26页 03你的地盘你做主第18页/共26页 公司内部报告如何做好配色1星巴克官网主页星巴克Logo参考公司网站主页以及Logo的配色。特别是Logo的颜色，它代表了一个企业的文化内涵。Logo的主色应当作为配色的主色，星巴克Logo当然是绿色为主。参考其主页，结合色轮这里选择黄为对比色，吸取其他颜色作为辅色即可。2013版自带吸色工具，老版本可在网上下载吸色工具。第19页/共26页 公司内部报告如何做好配色2中海油官网主页中海油Logo哈佛大