Coursera 笔记

Week 03 · Fundamentals of Shape and Color形状与色彩基础

Negative/Positive, Figure/Ground负形与正形、图与底

Coursera ↗

概述:图形与环境的关系

在本视频中,我们将快速了解形状在放入环境中的变化。形状与环境之间形成了图形与背景的关系(Figure-Ground Relationship)。这意味着对象与背景之间的关系。通过这种方式,形状不仅仅是孤立的元素,它们与背景互动,共同传递视觉信息。


图形与背景的关系

常见形状:方形、三角形与圆形

在图形中,我们可以看到三个熟悉的形状:方形、三角形和圆形。在这里,图形(figure)是这些形状本身,而背景(ground)是一个白色的画布。

  • 图形:方形、三角形、圆形
  • 背景:白色

反转关系:背景与图形的切换

当我们将图形与背景的关系反转时(将图形变为白色,背景变为黑色),图像的视觉感受发生了变化。在电脑屏幕上,由于白光的透过,这些图形在黑色背景下看起来更加明亮、鲜艳,甚至在视觉上感觉更大。

  • 效果:白色图形在黑色背景中呈现出更加生动、鲜亮的效果。


复杂的图形与背景关系

随着图形的复杂化,图形与背景的关系变得更加有趣。如果我们在白色形状上添加其他黑色形状,它们就变成了形状中的孔洞,这些孔洞的视觉感知可能会推向前景或退回背景。

深度感知

在这个过程中,图形与背景的关系开始变得更复杂,深度感被引入。在此时,我们不再确定哪些对象离我们更近,哪些更远。它们之间开始有了拉近与推远的视觉效果。


规模与深度感知

通过规模的变化,我们可以进一步增强深度感知。通常来说,较大的物体看起来距离我们更近,而较小的物体则显得更远。

  • 视觉感知:大圆形显得更近,而小圆形显得更远。

尽管这些元素看起来是平面的(2D图形),但由于它们在规模上的差异,我们开始用透视的方式去观察它们。


色调对深度的影响

色调变化与深度感知

在图形中,色调的变化同样影响我们对深度的感知。比如,在一个黑色背景下,白色图形的对比度最高,因而它显得最靠近我们;而黑色方形则看起来更像是背景的一部分。

  • 对比度:黑色图形与背景的对比度更高,显得较为靠近;而白色图形因背景色的对比度较低,显得更远。

深度感知的视觉效果

此外,色调的变化还会影响图形的前景与背景关系。比如,通过调整色调,深色圆形会显得更加远离背景,而白色圆形则显得在前景,更接近观众。


重叠图形与深度

如果将这些图形重叠在一起,深度的感觉会更加明显。通过这种方式,我们开始真正感受到一个三维空间的存在,尽管这些形状本质上仍然是平面的图形。

深度的错觉

这些图形的重叠效果实际上是一种深度错觉,我们通过简单的图形变化就能创造出空间的感知。即使我们知道这些形状是平面的,它们依然能在视觉上产生层次感。


色调的顺序与视觉感知

通过简单的色调顺序改变,我们可以让图形的视觉位置发生巨大变化。例如,将白色形状置于前景,而黑色形状置于背景,这会使得白色形状看起来是从背景中“突出”出来的。

色调的反转与视觉影响

当我们反转这些形状的颜色顺序时,效果会有很大的不同。白色形状会显得远离我们,像是一个洞,而黑色形状则显得更接近。


模糊的深度错觉

如果我们故意将这些图形的顺序打乱,深度错觉就会被破坏,图像变得更加混乱,观众可能会不知道哪些图形在前,哪些在后。这些简单的调整可以增强图形的层次感,但如果处理不当,也可能会让设计变得难以理解。


视觉错觉与色调的影响

以下是一个视觉错觉,展示了我们如何通过对比来感知色调。例如,当我们将灰色条形与字母A和字母B放在一起时,灰色条形会看起来在字母A旁边更暗,而在字母B旁边更亮。实际上,灰色条形的色调是完全相同的,这只是由于背景的对比导致的视觉错觉。


总结:图形与背景的视觉关系

  • 图形与背景的关系:通过图形与背景的对比,我们能创造出不同的视觉效果,比如深度感、前景与背景的分离。
  • 规模与色调:规模的变化和色调的对比是创造深度感的重要手段。
  • 错觉与深度:通过图形重叠、色调变化等手段,可以产生错觉,增强设计的空间感。

在设计中,图形与背景之间的关系至关重要,它能够影响观众对深度、空间和物体位置的感知。通过合理的操作,可以使平面图形产生三维空间的效果,创造出富有层次感和动感的视觉体验。