当前位置:首页平面色彩配色找不到感觉?这个PCCS色彩体系帮你从根本上解决(三)

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

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

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

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

PCCS 的前两期内容:

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

色彩的前进性与后退性

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

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

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

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

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

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

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

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

色彩的膨胀性与收缩性

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

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

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

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

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

色彩的轻重

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

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

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

色彩的视觉认知性

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

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

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

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

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

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

给TA打赏
共{{data.count}}人
人已打赏
色彩

如何制定产品主色?试试超容易上手的色彩理论取色法

2022-10-18 9:37:05

色彩

超全面的数据可视化设计指南:色彩篇

2022-10-18 9:37:08

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
有新私信 私信列表
搜索