大家好,今天顾同学给大家讲讲很多人眼中头疼的配色。
配色是有点难度,因为色彩分类的纬度太多了,有色调、色相、饱和度、明度、冷暖、无彩与有彩、情绪、软硬、轻重、前后等等。
1.1.配色注重规律性
不管是要搭配年轻的配色还是成熟的配色,他们的规律都是一样的,就是在 色相环上选择配色方案,调整颜色的三要素 。
注:图片来源于花瓣采集
色相环确立色彩搭配的规律
色相环选择方式的不同,就有了邻近色、 类似色、 对比色、互补色等配色方式。
色彩三要素改变画面的气质
明度 就是在原色基础上加入白色或黑色。 饱和度 就是在原色基础上加入灰色 。
而饱和度和明度的变化被称为 色调 ,是整个画面的基调。
注:此图为日本的PCCS色彩体系,图片来源于网络。
知道了理论,我们来分析之前的案例。
这个年轻化的案例就是纯色调、类似色的搭配。
1.2.配色注重情绪性
配色是理性和感性的结合,学习色彩需要我们先感受画面传达的情绪。色彩情绪是由颜色的色调、色相、冷暖决定的。
色调
色调影响风格,不同的色调会给人不一样的感觉。
浅灰色调 会显得质感、文艺。
注:图片来源于envatoelements,作者visuelcolonie
而纯色调 会显得鲜活、有冲击力。
注:图片来源于envatoelements,作者DensCreativeStudio
色相不同的色相会给人不一样的感觉,这种感觉影响到行业的用色,形成了鲜明的行业色。
红色、黄色、橙色—— 电商行业
注:图片来源于花瓣采集
蓝色、青色、紫色 ——科技行业
注:图片来源于花瓣采集
绿色、黄绿、黄色 ——餐饮行业
注:图片来源于花瓣采集
冷暖
色彩的冷暖来源于人的感觉。冷色寒冷严谨,暖色温暖热烈。
PPT里就是冷色运用到 工作汇报
暖色运用到 年终总结
1.3.配色注重识别性
配色是为设计服务的,在使用颜色的时候要考虑文字与背景的明度差异,让文字有一定的识别性。
深底浅字
注:图片来源于HyperloopTT演示公司
浅底深字
注:图片来源于slidegenius演示公司
2.PPT配色注重页面功能
PPT配色服务于页面的功能,而不是单纯的情感表达。
2.1.多色系的优势
一种颜色只能表达单一的色彩印象。
注:图片来源于markzugelberg演示公司
而优秀的配色往往是多色系。
注:图片来源于RRGraph Design演示公司
将多色系拆开,专业来讲配色就是由主色、辅助色、强调色这些构成的。
注:图片来源于花瓣采集
放到PPT里就是确立基调、丰富画面、区分强调的功能。
2.2.如何确定配色方案
方法1:主色+色相环
主色确立基调PPT的配色要跟主题相关 ,让人一眼看出这份PPT是哪个 行业、公司、品牌、产品的 , 确立主色是配色的第一步 。
主色主要从LOGO色、行业色、产品色出发,选择优先级依次递减。
更多情况下PPT配色以LOGO色为主色,这是品牌的VI手册。
注:图片作者 Samson Vowles
因为LOGO色有品牌的专属特质,同时很多LOGO本身就具备了行业的属性。
注:图片来源于slidegenius演示公司
注:图片来源于24slides演示公司
注:图片来源于slidegenius演示公司
行业色
而在做行业特征明显、LOGO不好表达的情况下更多使用行业色。
在行业报告中比较常见。
注:图片来源 于 2020年快手彩妆行业数据价值报告
注:图片来源 于 2021快手×磁力引擎 商业产品地图 注:图片来源 于 2022抖音电商茶行业洞察报告
产品色
在产品介绍、产品颜色特征比较明显的公司使用产品颜色会更好。
注:图片来源于dribble
辅助色丰富画面
只有主色还不够,辅助色可以衬托主色,平衡主色的单一色彩印象。如果LOGO色是多色系,可以直接运用LOGO的配色。
注:图片来源于24slides演示公司
注:图片来源于slidegenius演示公司
我们还可以借助Adobe出品的色相环工具来实现辅助色的搭配。
注:官网color.adobe
试着应用下配色。
强调色区分强调
强调色是一个相对概念, 主色、辅助色也可以是强调色 。
主要应用到图表页中。
注:图片来源于presium演示公司
方法2:找参考
专业的设计师往往有自己的配色库,配色库可以提高配色的效率。 这里分享下我积累参考的方法
单色系找品牌相关设计
红色、橙色可以找得到相关的设计
注:图片来源于花瓣采集
蓝色、青色可以找夸克、飞书的设计
注:图片来源于花瓣采集
多色系找行业相关设计
教育行业的设计
注:图片来源于花瓣采集
金融行业的设计
注:图片来源于花瓣采集
体育行业的设计
注:图片来源于花瓣采集
3.PPT配色注重场景搭配
是什么时候都需要强大的PPT配色能力吗?不是。PPT配色实用、效率为王,注重场景搭配的需求,配色能力的要求随PPT使用场景和甲方需求发生变化。
3.1.配色方案固定
像公司、学校有统一的模板的,又或者个人使用模板商城的模板时候就不需要花太多时间在配色上。
注:图片来源于51PPT
3.2.配色方案简单在比较正式的场合像企业介绍、工作介绍、学术答辩、产品介绍的配色往往以行业色、品牌色为主。
注:图片来源 于 YeenStudio工作室作品
而品牌宣传、营销策划、新品宣传、发布会等色彩会更多元点,更能看出设计师的配色功底。
注:图片来源RRgraph工作室作品
注:图片来源 于 花瓣采集
注:图片来源于花瓣采集