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