版面构图在设计中的应用是十分广泛的,因此,学习版面构图具有十分重要的意义。如何更好的学习版面构图,我们必须从构图的基本要素点、线、面学起。在这一篇教程中,我首先为大家讲解的是构图基本要素点的相关知识。
1. 什么是点
点是版面构图中的一个重要的基本要素,是一切形态的基础。例如下图中所示的印刷网版,就是以不同大小和疏密的网点所组成的图像。
图01
那么,我们如何确定一个事物是否具有点的性质呢?通过下面这个例子的学习,相信大家会找到答案。
如下图中,花朵与大片绿丛形成了强烈的对比,花朵相对于绿丛便有了点的性质。
但在下面这一张图中,花朵与周围环境的对比减少,点的性质消失,形成了面的性质。
同样是一朵花,由于各自的位置不同,与周围环境的对比关系不同,分别呈现出了点和面的不同性质。可见,点是根据它所处的具体位置与周围环境的对比关系来决定的。
由此看来,点的位置关系重于面积关系,甚至有时候我们可以忽略点的面积关系。
2. 点的作用
2.1 点的张力作用
当画面中只有一个点时,人们的视线就集中在这个点上,使点具有紧张性,从而也加强了对点的关注度。因此,点在画面的空间中,具有张力作用。
点的张力作用运用到设计中,可以取得很好的视觉效果。例如在下面广告作品中,采用了极小的人物形象,使人物形象具有了点的性质。利用点的张力作用,不仅提高了观者对人物形象的关注度,同时增加了画面的空间感,使画面显得更加充实。
2.2 点与点之间的吸引作用
当空间中出现等大的点时,由于点与点之间的吸引作用,使点与点之间在心理上产生了连接的效果。
例如在下面例子中,手机相对于背景具有了点的性质。由于点的吸引作用,从而形成了一条心理上的弧线。
当空间中出现大小不同的点时,由于点的不同吸引作用。我们的注意力会首先注意到优势的一方,然后再向劣势的一方转移。例如下图中,我们会首先注意到大的点,然后才会注意到小的点。
在下图广告中,我们会首先注意到面积大的主体物,然后注意到小的标题。利用点的吸引作用的不同,增强了画面的节奏感,从而使画面有了主次之分。
3. 点的性质
3.1 点的无形状性
点的无形状性就是指点可以有各种各样的形状。例如下面这一张图中,各种各样的形状,但因为小便有了点的效果。
例如下图广告中,利用远距离的俯视角度使人物形象具有了点的性质,画面使人印象深刻。
3.2 点的不稳定性
当点与周围环境对比发生变化时,点的性质也会随之改变,呈现出不稳定的特点。我们以九个方点为例,列举了四种情况来说明点的不稳定性。
●当画面中九个方点为等大时,每个方点都将表现出点的性质;
图12
例如下图广告中,每个形态都形成了等大的视觉效果,从而每个形态都表现出了点的性质。
●当改变了中间点以外的周围八个点的方向时,原来中间的方点,便产生了长方形的感觉;
图14
例如下图广告中,当饭盒与其他形象不同时,会使人更加深刻地记住饭盒的形象,而其他相同形象则会被忽略。
图15
●当周围八个点面积变大时,中间原有的方点,就更加突出了点的性质;
图16
例如下图广告中,由于周围事物偏大,加强了中间点的性质,使人们的关注度更易集中到中间图形上,突出了广告的主题。
●当周围八个点面积变小时,中间原有的方点便呈现出长方形的感觉,点的性质削弱。
图18
例如下图设计作品中,通过缩小其他图形,使原有的图形的形象更加明确,引人注意。
4. 点的错觉
所谓“错觉”,就是感觉与客观事实不相一致的现象。下图中,我们可以看见背景在不断的上下浮动,这种视觉上的偏差就是错觉。
4.1 点的远近错觉
●点的远近错觉主要是由于点的色相、明度和纯度的不同导致的。明亮的暖色会接近眼睛,具有前进感和膨胀感,而冷色就会有后退感和收缩感。因此,同为黑底上的两个等大的点,红点具有前进感,而蓝点则有后退感。
例如下图广告中,同样大小的两个点,却给人不同的视觉感受。
●同为暖色的两个等大的点,但由于两点的明度不同,形成不同的远近的错觉。明度高的点比明度低的点更具有前进感。
例如下图的两张海报中,我们可以看见黑底上的白点比紫色底上等大的灰点更具有前进感,会产生更接近我们的错觉。
4.2 点的大小错觉
●同等大小的点,由于周围点大小的不同,使中间两个点也产生了不同大小的错觉。中间的点是等大的,但在大点的包围下,中间的点感觉小;在小点的包围下,中间的点感觉大。
例如在下面广告设计中,当周围的点过大时,中间的点就会给人小的感觉。
利用点的大小错觉,可以使周围点变小,如下图所示,从而使中间的点更加突出,使广告的主题更加明确。
●同一大小的两点,周围空间大的点感觉小;周围空间小的点感觉要大。
在下图广告设计中,利用周围空间与中间图形进行比较,使中间图形给人小的感觉。
当我们减少周围空间面积时,如下图所示,我们会发现中间的图形较上图要显得大一些。
5. 点在设计中的应用
点是相对较小的一个元素,但也是最基本最重要的元素。采用不同的编排方式,点可以制作出不同的视觉感受,所以点在设计中的应用是比较广泛的。
在下图海报中,用点有秩序的渐变排列,形成了一种很强的韵律感。同时,隐藏的形体增强了画面的视觉冲击力。
图31
下图广告设计中,运用大小不一的点,不仅增加了画面的动感同时也增强了画面的空间感。
图32
下图设计作品中,运用不同色彩的圆点,采用平面化的表现方法,增强了画面的装饰性。
图33
通过这一篇教程的学习,我们学习了点的含义、作用、性质以及在设计中的运用。