图表配色教程-百度文库.ppt

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