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

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