《版面的构成元素》PPT课件.pptVIP

版面空间的构成要素,版面空间的构成要素,点、线、面是构成版面空间的基本元素，“点”能使得版面产生不同的心理效应；“线”主要通过直线与曲线进行表现，其关键在于排列的方式；“面”通过形与形的组合，赋予版面一定的情感和意义。 点、线、面的综合表现，可以丰富版面的层次，完美地呈现版面的视觉效果，使得作品更加精彩动人。,版面空间的构成要素,一、点的编排构成,版面空间的构成元素包括点、线、面，在版面中类似点线面的图形、文字以及视觉元素都可以称之为点、线、面。 点、线、面是构成视觉空间的基本元素，也是版式设计的主要语言，相互依存、相互作用，组合出各种各样的形态。 点的构成、线的构成、面的构成是版式设计中的重中之重。,一、点的编排构成,点在有限的版面中起到了点缀画面的作用。由点组成的画面给人一种强烈的凝聚感，多个点聚集在一起的时候，无形中就形成了这种力量感。 在版式设计中，可以将点看作是图形、文字或者任何能够使用点来形容的元素。在版面中，没有规定点必须放在哪个地方，因此可以通过点赋予版面千变万化的效果。 从某种意义上说，掌握点的构成方法可以帮助我们更好地协调版面中的各种关系。,一、点的编排构成,一、点的编排构成,一、点的编排构成,1、明确点的大小 版面中的点，由于其大小、形态、位置的不同，所产生的版面视觉效果和心理作用也不同。 点的缩小能起到点缀和强调的作用，点的放大则可以有面的感觉，更能突出画面的重点。点的表现要注重形象的强调，给人情感上和心理上的量感。,一、点的编排构成,一、点的编排构成,一、点的编排构成,一、点的编排构成,2、位置不同的点产生不同的视觉感受 点既可以形成画面的中心，又可以和其他形态组合，起着平衡画面、填补空间、点缀和活跃画面气氛的作用。 进行版式设计的时候，不仅仅要考虑点的大小分布，同时还要考虑点的版面中的位置，点的不同位置将会直接影响到版式的效果。,一、点的编排构成,2、位置不同的点产生不同的视觉感受 当点居于画面中心时候，空间的视觉对称且张力均等，主体显得突出。 当点居于画面上部的时候，视线会向上移动，页面中的其他内容会有下沉的感觉。 当点居于画面左边的时候，读者视线会自然向左移动，符合人们从左到右的视觉习惯。 当点居于画面右边的时候，会打破人们的视觉流程习惯，视觉重心向右移动。,一、点的编排构成,一、点的编排构成,一、点的编排构成,一、点的编排构成,一、点的编排构成,3、点在版面中的常见分布形式 点的排列能够使版面产生不同的心理效应，把握点排列的方向、形式、大小、数量变化以及空间分布，可以形成活泼、轻松等不同的版面表现效果。 点在版面空间中的分布是多元的，最常见的形式分为左右式、上下式、左上式、左下式、右上式和右下式，以及中心发散式、边缘发散式和自由式等。,一、点的编排构成,一、点的编排构成,二、线的编排构成,线在版面构成中的形态很复杂，有形态明确的实线、虚线，也有空间中的视觉流程线。 实线给人一目了然的感觉，是最常见的线的形态；虚线给人虚幻、飘渺的感觉。 空间中的视觉流动线并不是实实在在的线，它是引导视觉流动的线，是因为受到某种视觉的引导而构筑在心中的线。,一、点的编排构成,二、线的编排构成,1、线与点的关系 线是点的发展和延伸，它的表现形式在版式设计中是多样的。作为空间的构成元素，线的影响力大于点。点只能作为一个独立体，而线可以将这些独立体统一起来，让点的效果得到延伸。 文字构成的线在版式设计中屡见不鲜，线还发挥着引导版面、装饰版面以及组合版面的作用，同时还可以界定和分隔版面中的各种元素。,一、点的编排构成,二、线的编排构成,2、了解线的“性格” 线具有位置、方向、形状的属性，每种线都有独特的个性与情感，不同的长短、粗细、疏密、方向、肌理和形状可以组合出不同的线的形象。,二、线的编排构成,3、注意线的空间分割 在对版面进行分割的时候需要考虑版面中各元素之间的联系，同时根据内容划分空间的主次关系、呼应关系和形式关系，以保证良好的视觉秩序感。 在空间中使用线将多个相同或者相似的形态进行空间等量分割时，版面所传达的是一种有序的、和谐的感觉。以线对图形进行分割的时候需要考虑图形的类型，并根据内容的主次关系编排它们的位置。,一、点的编排构成,一、点的编排构成,二、线的编排构成,4、掌握线的空间力场 力场是一种虚拟出来的空间，版面中的力场是通过线在版面中的分割而产生的。在版面中通过线将图片和文字进行规划和整理，从而产生力场。 力场的大小与线的粗细和虚实有关，线粗而实，力场感则强；线细而虚，力场感则弱。,二、线的编排构成,二、线的编排构成,二、线的编排构成,5、线的空间约束能力 线有较强的空间约束能力，可以根据版面的需要来改变线条的形态以满足不同的需求。 需要强调页边距与内容的时候，使用一条细细的线将页面中的内容与页边距区别出来，就能有效得引导人们的视觉。线框细，版面则轻快而有弹性；线框粗，则会有被强调的感觉。,二、线的编排构成,二、线的编排构成,三、面的编排构成,面在空间中占有的面积最多，因而在视觉上要比点、线更强烈和实在，具有鲜明的个性特征。 面可分为几何形和自由形量大类，前者通过几何的形式体现面在版面中的形态，后者没有固定的模式。 面在版面中的作用非常重要。,三、面的编排构成,点线面之间的空间关系 面是点和线的升华，具有丰富空间层次、烘托及深化主体的作用。在版面中，点和线可能只占据版面很少的空间，但面却是整个版面的重心。点的密集或线的重复，都可以转化为面，线的空间分割产生各种比例空间，同时也形成各种比例关系的面。 可见，点、线、面的界限不是严格和清晰的，它们之间是可以互相转化的。,三、面的编排构成,三、面的编排构成,三、面的编排构成,三、面的编排构成,可以将面分为积极消极两大类。 积极的面为点的扩大、线的移动、线的宽度增加。 消极的面是由点的密集、线的复制、集合靠近、线条环绕所形成的面。 点与线的密集或者扩大可以形成面，当它们形成面之后。点本身作用便会失去，代之将以集合而成的各类几何平面，这部分面的界定被称为消极的面。,三、面的编排构成,三、面的编排构成,三、面的编排构成,四、如何增强版面的空间构成,版面是平面的、二维的，但是同样可以造出空间和层次的效果，它只是一个不真实的感觉，是版面元素组成的一种近、中、远的立体空间印象。 比起平铺直叙的版面，空间感强烈的版面拥有更加丰富的表现层次、视觉度会更高。可以通过改变版面元素之间的大小比例、位置关系和黑白层次关系来体现出版面的空间层次。,四、如何增强版面的空间构成,1、通过改变比例关系营造空间感 营造平面的空间感，很大程度上是通过面来表现的，需要考虑近大远小所产生的近、中、远的空间层次关系。 在编排中，可以将主体元素或者标题文字放大、次要元素缩小以建立良好的主次、强弱的空间关系，同时增强版面的节奏感和韵律美。,四、如何增强版面的空间构成,四、如何增强版面的空间构成,2、通过改变位置关系营造空间感 空间感实际上是一种错觉，它的产生受多种因素的影响，如形的比例关系、位置关系等。应合理巧妙地进行画面元素位置关系的空间布局安排，前后叠压的位置关系可以营造出空间感，就图片或者文字前后叠压排列，就会产生具有节奏的空间层次关系，产生丰富的空间视觉效果。,四、如何增强版面的空间构成,四、如何增强版面的空间构成,2、通过改变位置关系营造空间感 位置的主次关系也可以产生空间层次感，重要的信息一般被安排在视线最线到达的位置，其他信息则与主体信息配合，安排在或上或下的次要位置。,四、如何增强版面的空间构成,四、如何增强版面的空间构成,四、如何增强版面的空间构成,3、通过黑白灰的空间层次营造空间感 白色体现高光，灰色体现中间调，黑色体现阴影。通过这三种层次的对比，就可以体现出作品的空间层次感，这