大家好,我是混迹于秋叶家各大训练营,喜欢画画和 PPT 的小妮。

近日,我在网上冲浪时,被网友 po 出的一张动图吸引住,目光突然就挪不动了!

互补色对比色区别_色相互补色_互补色和对比色的区别

如果不是看到小哥哥身上背着的外卖箱,我还以为是从哪场时装秀走出来的模特呢!

还真别说,最近,饿了么就在淘宝造物节上为我们带来了一场时尚新品发布会!

话不多说,我们来看一波现场图吧!

色相互补色_互补色对比色区别_互补色和对比色的区别

色相互补色_互补色对比色区别_互补色和对比色的区别

互补色和对比色的区别_色相互补色_互补色对比色区别

看这满屏的大长腿,可飒可萌的外卖小哥,我已经抑制不住地想要……

拿起手机点一份外卖了!

当然,最吸引人的莫过于模特们身着的潮流工装。

不得不说,蓝色+橙色的主题配色,成为了本次发布会的最大亮点。

作为一个 PPT 设计爱好者,认真看秀的同时,当然不能错过每一次学习的机会啦!

这不,秀看完了,我还从这场发布会学会了下面这两招配色方法!

互补色对比色区别_互补色和对比色的区别_色相互补色

互补色和对比色的区别_色相互补色_互补色对比色区别

对比色,让你的设计更有张力

我们可以看到,在饿了么的时尚发布会中,主题系列采用了蓝色+黄色的配色。

互补色和对比色的区别_色相互补色_互补色对比色区别

这种配色方式有一个名称,它叫做:对比色,也就是色相环上相距 120 度到 180 度之间的两种颜色。

色相互补色_互补色和对比色的区别_互补色对比色区别

对比色的搭配使用可提高画面的色彩冲击力,给人一种强烈刺激的视觉感受。

比如下面这 3 组色卡,每组中的任意 2 个颜色,互为对比色:

色相互补色_互补色和对比色的区别_互补色对比色区别

是不是强烈的冲击着你的视觉呢?

光说不练假把式,下面就一起来看看,对比色在 PPT 设计中的视觉呈现效果吧!

色相互补色_互补色和对比色的区别_互补色对比色区别

▲@自律的音律

互补色对比色区别_互补色和对比色的区别_色相互补色

▲@秋叶王牌 P 计划 @小余同学

色相互补色_互补色和对比色的区别_互补色对比色区别

▲@秋叶王牌 P 计划 @半

色相互补色_互补色对比色区别_互补色和对比色的区别

▲@秋叶王牌 P 计划 @小云朵

互补色和对比色的区别_色相互补色_互补色对比色区别

▲@秋叶王牌 P 计划 @小敏

色相互补色_互补色对比色区别_互补色和对比色的区别

▲@秋叶王牌 P 计划 @雨汐

互补色对比色区别_互补色和对比色的区别_色相互补色

▲@秋叶王牌 P 计划 @小鱼鱼

嘿嘿,是不是有一种 「哇,好好看,原来这就是对比色搭配」 的感觉。

当然,可能也很多小伙伴会有 「一看就会,一做就废,自己动手,配色简直不要太辣眼睛」的感慨。

不用担心,我们给你收集整理了 6 个好看易上手的配色网站,从此老板再也不用担心我的配色啦!

⭐colorsupply

打开 colorsupply,你就握住了调色的方向盘,它根据色彩设计理论,提供了最常见且实用的 5 种配色主题,只要拖动色轮的取色杆,色卡和 icon 配色效果直接呈现。

互补色对比色区别_色相互补色_互补色和对比色的区别

⭐Colorhunt

Color Hunt 是免费开放的色彩灵感平台,拥有数千种时尚的手工挑选调色板。你不仅可以在网站上浏览当下流行的配色,也可以点击 「random」 给自己来点惊喜。

色相互补色_互补色对比色区别_互补色和对比色的区别

⭐Adobe Color

Adobe 官方在线配色神器,既是创意社区,也是灵感库,不仅提供了 10 种模式的颜色主题,你还可以创建自己的主题色!

互补色和对比色的区别_互补色对比色区别_色相互补色

⭐ WebGradient

WebeGrandient 提供了 180 个线性渐变的免费集合,如果你喜欢渐变色,总有一款合适你!

互补色和对比色的区别_互补色对比色区别_色相互补色

⭐zhongguose

如果你喜欢中国风,一定不能错过它,每个颜色都有独特的名字,代表着中国色传统颜色,简直不要太美!

色相互补色_互补色对比色区别_互补色和对比色的区别

⭐Color Leap

Color Leap就像是一架色彩时光机,收录过去公元 2000 年到上世纪 60 年代间经典的 180 个调色板,如果你喜欢复古色,它将是不二之选。

色相互补色_互补色对比色区别_互补色和对比色的区别

以上 6 个配色网站,是不是快速的帮你解决了设计中的配色问题呢?

互补色对比色区别_互补色和对比色的区别_色相互补色

互补色和对比色的区别_色相互补色_互补色对比色区别

缓冲色,让画面更有透气感

不知道大家有没有发现,发布会的服装配色上,除了主色蓝色,辅色橘黄色,还有以饿了么 logo 和联名品牌名称的白色作为缓冲色。

色相互补色_互补色和对比色的区别_互补色对比色区别

为了协调和缓冲色彩的强烈对比关系,在色彩构成时,对比色之间,一般会插入与各方都不发生利害关系的无彩色系进行调和,比如黑、白、灰或金、银光泽色。

比如我们熟悉的《大鱼海棠》和《大圣归来》这两张电影海报。

就是在红、绿这两种对比色之间,添加了白色,金色,黑色作为过渡,调和了整体的画面色彩!

色相互补色_互补色和对比色的区别_互补色对比色区别

互补色对比色区别_色相互补色_互补色和对比色的区别

同理,在 PPT 设计中,特别是在对比色和互补色的配色当中,适当的添加黑色、白色的装饰或者文字,不但使得两个对冲的颜色起到缓冲的作用,还能平衡整体画面。

不信你看:

色相互补色_互补色和对比色的区别_互补色对比色区别

限时特惠:本站每日持续更新5-20节内部创业项目课程,一年会员
只需199元,全站资源免费下载点击查看详情
站长微信:
jjs406

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注