广告人干货库 广告人干货库
  • 快讯新鲜
  • 营销
    • 资讯
    • 洞察
    • 创意
    • 品牌
    • 策略
    • 文案
    • 设计
    • 运营
    • 电商
    • 传播
    • 日常
    • 书单
  • 案例库
  • 方案库热门
  • 专题库
  • 广告公司导航
  • 4A招聘官方
  • 注册
    登录
立即登录
  • 快讯新鲜
  • 营销
    • 资讯
    • 洞察
    • 创意
    • 品牌
    • 策略
    • 文案
    • 设计
    • 运营
    • 电商
    • 传播
    • 日常
    • 书单
  • 案例库
  • 方案库热门
  • 专题库
  • 广告公司导航
  • 4A招聘官方
🔥广告公司导航    🔥方案库    🔥案例库    🔥加VIP会员    🔥4A公司招聘
🔥广告公司导航    🔥方案库    🔥4A公司招聘

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神

佳雯5 年前

经常有朋友在后台说希望能聊一聊关于配色的问题。今天在这里把那些知识点总结了一下,一起推送给大家。希望能对大家有帮助。

来源:ZUO设计(微信号:zuodesign2015)  作者:ZUO君
原标题:这可能是史上最实用的色彩搭配指南

1.基础教程:色彩的组成

关键词:原色 间色 复色 色环

所有的色彩都是源自"红黄蓝"三种原色。有人可能会潜意识地认为三原色是"红绿蓝",但其实不是。红绿蓝是显示上的三原色,和美术上的三原色不一样。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

红黄蓝两两混合后得到三个二级色即“间色”绿橙紫。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

原色与间色混合或间色与间色混合而形成越来越多的颜色,称之为“复色”。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

 

最后由三种原色、三种间色和六种复色组成的系统就统称为十二色环(colorwheel),也是学习色彩搭配的基础。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

 

 

2.进阶教程:色彩的搭配

关键词:单色 近似色 补色

十二色环的存在并不只是一个摆设,它巧妙地建立了配色系统。

常见的色彩搭配有:单色搭配,近似色搭配,补色搭配,分散互补色搭配,三角对立的配色搭配……

单色搭配(monochromatic)

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

这个不用解释,就是只用一种颜色的搭配。

类似色搭配(analogous colors)

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

色环上任意三个相邻的颜色,被称为类似色。通常认为,它们放在一起会很和谐。

类似色是选择相近颜色时十分不错的方法,可以在同一个色调中制造丰富的质感和层次。理所当然成为配色法则中最经济适用的一条。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

一大片近似色将梵高叔叔的忧郁高冷展现的淋漓尽致。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

再放眼时尚圈,同类色也是除了黑白灰以外最安全的穿搭法则哦!

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

但是在选择的时候要注意比例上的调和,选一个为主要颜色。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

补色搭配(complementary colors)

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

色环上相对的两种颜色,被称为互补色。放在一起,会形成对比效果。比如蓝色和橙色、红色和绿色、黄色和紫色等。

互补色有非常强烈的对比度,在颜色饱和度很高的情况下,可以创建很多十分震撼的视觉效果。很多广告和招贴为了吸引眼球经常会使用,用作强调提示作用效果是极好的。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

但是记得,在文本中使用互补色是很糟糕的。是吧?

要用好互补色,最好的办法就是:改变明度、降低纯度,看起来会柔和许多。下面看几个例子。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

降低纯度后的互补色相当和谐

《天使爱美丽》中的这个场景,是一个典型的红绿互补色

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

室内装修中互补色也很管用,清新又不失活泼

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

分散互补色搭配(split-complementary colors)

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

寻找三种颜色,其中两种互相类似,另一种与它们形成对比,这就是分散互补色搭配。分散互补色搭配是初学者很好的选择,怎么搭都很好看。

红、深蓝与浅蓝搭配,完美突出对比感,画面又不失和谐

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

三角对立配色(Triadic colors)

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

此外,如果要寻找三种互相平衡的颜色,可以选择12色环上任意三个三角对立的颜色。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

要成功地使用三色系产生和谐效果,需要谨慎地在色彩间取得平衡——只用一种主色,其他两种颜色作烘托。

3.高阶教程:调色三要素

关键词:色相 饱和度 明度

要精准的调出每一种颜色,其实包括三个要素:色相、饱和度和明度。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

色相(hue):指饱和度和亮度都为100%的颜色。我们肉眼所见到于是能说出来的颜色就叫色相,所有的色相都可以用色环来展示。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

饱和度(saturation)即纯度,指色彩的鲜艳程度——颜色中含有灰色的程度。饱和度越高,颜色越纯,色彩越鲜明;饱和度越低,颜色中灰色成分越大,色彩越黯淡。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

明度(value),即色彩的亮度。反映的是色彩的深浅变化,如粉红、大红、深红,都是红,但一种比一种深。

明度的变化来自于颜色中白色的成分变化。一般情况下在颜色中加入白色,明度提高,加入黑色,明度降低。最大值时,所有颜色都变成白色,最小值时,所有颜色都变成黑色。

下面来看一下明度(Value)的具体应用。

TINT:HUE+WHITE

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

在色彩中加入白色。这种基调给人更加明亮、和平但缺少活力的感觉,更体现女性色彩,适用的行业有spa、美容等。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

SHADE:HUE+BLACK

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

在色彩中加入黑色。神秘、黑暗、罪恶、危险色调,更体现男性色彩。使用纯色或更明亮的阴影色时,与渐变能很好搭配。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

TONE:HUE+GREY

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

在色彩中加入灰色,调性不至于太黑暗但能突出冰冷的感觉。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库

最后给大家推荐一个网站和两本书。

一个网站:

Color Hunt,每天更新两条很有想法的配色方案,缺乏灵感的时候不妨一看。

两本书:

1. 日本视觉设计研究所的《七日掌握设计配色基础》,他们出的一系列书都很好。目前实体书已经绝版了,但是ZUO君提供了PDF的下载,回复公众号“我要”就可以收到。

2. 还有一本叫《红色范思哲 灰色阿玛尼》,是从服装色彩搭配来讲的。因为是身边的事情,所以特别好理解。

史上最有趣的色彩搭配教程,让你从小白进阶为配色大神-广告人干货库


史上最有趣的色彩搭配教程,让你从小白进阶为配色大神
#创意设计#品牌营销#广告人干货库
0
分享
佳雯 编辑
文章 394评论 0



本文版权均为原作者所有,如有侵权请通知删除;本平台仅提供信息存储空间服务。
文章为作者独立观点,不代表平台对观点赞同或支持。



本文版权均为原作者所有,如有侵权请通知删除。
本平台仅提供信息存储空间服务;文章为作者独立观点,不代表平台对观点赞同或支持。
佳雯
编辑
公众号:广告人方案库
394文章
0评论
27获赞
找工作

👉 想跳槽,要涨薪,找工作,就上4A招聘

热文推荐
TOP1
宜家:如果无法前往赛场,就把赛场带回家
2 周前
TOP2
名创优品《快乐老家》——用“利他营销”重塑品牌情感连接的创意范式
4 周前
TOP3
蒋奇明被优酸乳「喂」到上头
2 周前
TOP4
不搞碰瓷搞“碰杯”,一台制冰冰箱,推着广告牌上街“偷感”整活
4 周前
TOP5
线下事件新玩法:谷粒多让于适扛着“小绿砖”满城跑
6 天前
方案怎么写,扫码来干货库看看
  • 方案库
  • 加 VIP 
  • 用户评价
  • 行业报告库
  • 关于我们
Copyright © 2026 广告人干货库. Designed by nicetheme. 网站地图 川公网安备51015602000692号 蜀ICP备2023018979号