版面构图初学者教程：构图基本要素之点

【 tulaoshi.com - 平面设计 】

版面构图在设计中的应用是十分广泛的，因此，学习版面构图具有十分重要的意义。如何更好的学习版面构图，我们必须从构图的基本要素点、线、面学起。在这一篇教程中，我首先为大家讲解的是构图基本要素点的相关知识。

1. 什么是点

点是版面构图中的一个重要的基本要素，是一切形态的基础。例如下图中所示的印刷网版，就是以不同大小和疏密的网点所组成的图像。

图01

那么，我们如何确定一个事物是否具有点的性质呢?通过下面这个例子的学习，相信大家会找到答案。

如下图中，花朵与大片绿丛形成了强烈的对比，花朵相对于绿丛便有了点的性质。

图02

但在下面这一张图中，花朵与周围环境的对比减少，点的性质消失，形成了面的性质。

图03

同样是一朵花，由于各自的位置不同，与周围环境的对比关系不同，分别呈现出了点和面的不同性质。可见，点是根据它所处的具体位置与周围环境的对比关系来决定的。

由此看来，点的位置关系重于面积关系，甚至有时候我们可以忽略点的面积关系。

2. 点的作用

2.1 点的张力作用

当画面中只有一个点时，人们的视线就集中在这个点上，使点具有紧张性，从而也加强了对点的关注度。因此，点在画面的空间中，具有张力作用。

图04

点的张力作用运用到设计中，可以取得很好的视觉效果。例如在下面广告作品中，采用了极小的人物形象，使人物形象具有了点的性质。利用点的张力作用，不仅提高了观者对人物形象的关注度，同时增加了画面的空间感，使画面显得更加充实。

图05

2.2 点与点之间的吸引作用

当空间中出现等大的点时，由于点与点之间的吸引作用，使点与点之间在心理上产生了连接的效果。

图06

例如在下面例子中，手机相对于背景具有了点的性质。由于点的吸引作用，从而形成了一条心理上的弧线。

图07

当空间中出现大小不同的点时，由于点的不同吸引作用。我们的注意力会首先注意到优势的一方，然后再向劣势的一方转移。例如下图中，我们会首先注意到大的点，然后才会注意到小的点。

图08

在下图广告中，我们会首先注意到面积大的主体物，然后注意到小的标题。利用点的吸引作用的不同，增强了画面的节奏感，从而使画面有了主次之分。

图09

3. 点的性质

3.1 点的无形状性

点的无形状性就是指点可以有各种各样的形状。例如下面这一张图中，各种各样的形状，但因为小便有了点的效果。

图10

例如下图广告中，利用远距离的俯视角度使人物形象具有了点的性质，画面使人印象深刻。

图11

3.2 点的不稳定性

当点与周围环境对比发生变化时，点的性质也会随之改变，呈现出不稳定的特点。我们以九个方点为例，列举了四种情况来说明点的不稳定性。

●当画面中九个方点为等大时，每个方点都将表现出点的性质;

图12

例如下图广告中，每个形态都形成了等大的视觉效果，从而每个形态都表现出了点的性质。

图13

●当改变了中间点以外的周围八个点的方向时，原来中间的方点，便产生了长方形的感觉;

图14

例如下图广告中，当饭盒与其他形象不同时，会使人更加深刻地记住饭盒的形象，而其他相同形象则会被忽略。

图15

●当周围八个点面积变大时，中间原有的方点，就更加突出了点的性质;

图16

例如下图广告中，由于周围事物偏大，加强了中间点的性质，使人们的关注度更易集中到中间图形上，突出了广告的主题。

图17

●当周围八个点面积变小时，中间原有的方点便呈现出长方形的感觉，点的性质削弱。

图18

例如下图设计作品中，通过缩小其他图形，使原有的图形的形象更加明确，引人注意。

图19

4. 点的错觉

所谓错觉，就是感觉与客观事实不相一致的现象。下图中，我们可以看见背景在不断的上下浮动，这种视觉上的偏差就是错觉。

图20

4.1 点的远近错觉

●点的远近错觉主要是由于点的色相、明度和纯度的不同导致的。明亮的暖色会接近眼睛，具有前进感和膨胀感，而冷色就会有后退感和收缩感。因此，同为黑底上的两个等大的点，红点具有前进感，而蓝点则有后退感。

图21

例如下图广告中，同样大小的两个点，却给人不同的视觉感受。

图22

●同为暖色的两个等大的点，但由于两点的明度不同，形成不同的远近的错觉。明度高的点比明度低的点更具有前进感。

图23

例如下图的两张海报中，我们可以看见黑底上的白点比紫色底上等大的灰点更具有前进感，会产生更接近我们的错觉。

图24

4.2 点的大小错觉

●同等大小的点，由于周围点大小的不同，使中间两个点也产生了不同大小的错觉。中间的点是等大的，但在大点的包围下，中间的点感觉小;在小点的包围下，中间的点感觉大。

图25

例如在下面广告设计中，当周围的点过大时，中间的点就会给人小的感觉。

图26

利用点的大小错觉，可以使周围点变小，如下图所示，从而使中间的点更加突出，使广告的主题更加明确。

图27

●同一大小的两点，周围空间大的点感觉小;周围空间小的点感觉要大。

图28

在下图广告设计中，利用周围空间与中间图形进行比较，使中间图形给人小的感觉。

图29

当我们减少周围空间面积时，如下图所示，我们会发现中间的图形较上图要显得大一些。

图30

5. 点在设计中的应用

点是相对较小的一个元素，但也是最基本最重要的元素。采用不同的编排方式，点可以制作出不同的视觉感受，所以点在设计中的应用是比较广泛的。

在下图海报中，用点有秩序的渐变排列，形成了一种很强的韵律感。同时，隐藏的形体增强了画面的视觉冲击力。

图31

下图广告设计中，运用大小不一的点，不仅增加了画面的动感同时也增强了画面的空间感。

图32

下图设计作品中，运用不同色彩的圆点，采用平面化的表现方法，增强了画面的装饰性。

图33

通过这一篇教程的学习，我们学习了点的含义、作用、性质以及在设计中的运用。