配色找不到感觉?这个PCCS色彩体系帮你从根本上解决(三)

大家好,我是和你聊设计的花生~

之前向大家介绍了 PCCS(日本色彩研究所配色体系),它是目前全世界最常用的色彩体系之一,能帮助我们了解色彩要如何使用才更方便,以及如何搭配色彩才更和谐更好看。之前的两篇文章向大家介绍了 PCCS 体系内的 24 个色相、17 个明度色阶、9 个纯度等级和 12 类色调。

PCCS 的前两期内容:

配色找不到感觉?这个PCCS色彩体系帮你从根本上解决!

可能很多小伙伴都有这样的感觉:对色彩的各项概念已经非常了解,日常积累了很多优秀的色彩搭配素材及作品,也有进行临摹训练,但是自己在面对一个新设计命题时,却依旧无法准确选出最贴合主题的颜色,各种配色试来试去都不是自己想要的感觉。

阅读文章 >

配色找不到感觉?这个PCCS色彩体系帮你从根本上解决(二)

色彩明度与纯度的 4 种类型配色,你知道吗?

阅读文章 >

今天继续为大家讲解色彩性能方面的知识,主要包括色彩的前进行与后退性、色彩的收缩性和膨胀性、色彩的轻重和色彩的视觉认知 4 个方面:

色彩的前进性与后退性

放置在相同距离上的色彩,给人的空间远近感是不同的。看起来比实际距离更近的称为前进色,反之称为后退色。

配色找不到感觉?这个PCCS色彩体系帮你从根本上解决(三)

一般认为暖色(红、黄、橙)为前进色,冷色(蓝、紫)为后退色。色彩的前进性与后退性被认为与色彩波长有关,感兴趣的小伙伴可以另做拓展了解。

配色找不到感觉?这个PCCS色彩体系帮你从根本上解决(三)

除色相外,明度对视觉距离也有影响。明亮的颜色看起来比浓暗的颜色更近一些。

配色找不到感觉?这个PCCS色彩体系帮你从根本上解决(三)

色彩的前进性与后退性在设计中的运用,最常见的就是促销类信息的标注。海拔或者 Banner 中打折促销的重点信息,都会用以黄、红色的强调呈现,给人一种视觉冲击感。

配色找不到感觉?这个PCCS色彩体系帮你从根本上解决(三)

色彩的膨胀性与收缩性

在同等色彩色彩面积的条件下,看起来比实际面积更大的色彩被称为膨胀色,更小的为收缩色。如果说色彩的前进与后退是视觉进深的概念,那么色彩的膨胀与收缩则与视觉的感性面积有关。

色彩的膨胀性与收缩性有以下几个规律:

同样面积,暖色暖色比冷色看起来更大一些; 同样面积,明亮的颜色比暗灰的颜色面积显得更大一些; 与色彩相对明度有关,同一种颜色,其“背景色”明度越大,就会显得其颜色本身面积越小。

配色找不到感觉?这个PCCS色彩体系帮你从根本上解决(三)

色彩的收缩性的膨胀性在现实生活中的应用也有非常广泛,最经典的就是穿黑色衣服比穿白色衣服更加显瘦。

色彩的轻重

影响色彩轻重感最主要的因素是色彩的明度。明度高的色彩让人感觉轻松愉悦,明度低的色彩让人感觉很沉重坚实。有实验究表明,同样体积的盒子,黑色看起来比白色要中 1.8 倍。相比来说,色相对色彩的轻重几乎没有影响;色彩饱和度略对色彩轻重的影响有限,远不及色彩的明度那样觉有具有决定性作用。

将色彩的轻重的概念延伸到海报设计中,能帮助我们更准确地表现出不同主题所需的不同调性。如下图,同样都是甜品类的海报,整体色调的不同让甜品展现出完全不同的特性。

配色找不到感觉?这个PCCS色彩体系帮你从根本上解决(三)

色彩的视觉认知性

色彩的视觉认知性的优良直接决定一副作品是否清晰可辨。背景为黑色时,明度最亮的白色视觉认知性做最好;背景为白色时,明度最暗的黑色视觉认知性最高。

彩色也是同理。黄色的色相明度最高,其次是两侧的黄绿色与橙色,依次顺沿,离黄色越远明度越低,直到紫蓝色时明度最暗。视觉主体与背景的明度差决定视觉认知性的高低,我们需要注意色彩本身带有的明度与背景的明度差是否足够大。

配色找不到感觉?这个PCCS色彩体系帮你从根本上解决(三)

以上就是 PCCS 理论第三期的内容,希望对大家的设计有帮助。之后我会继续为大家带来「色彩对比」与「色彩同化」的相关知识,喜欢的小伙伴记得点赞收藏哦~

如果你有关于文章内容或者设计方面的疑问,欢迎在评论区提出。也欢迎大家加入优设官方的设计交流群,与优设主编、设计总监及其他热爱设计的小伙伴一起交流~(入群二维码见下方 Banner)

配色找不到感觉?这个PCCS色彩体系帮你从根本上解决(三)

文章来源:

Author:夏花生er
link:https://www.uisdc.com/practical-color-ordinate-system-3