版面设计的编排构成优质PPT.ppt

1、1.点的形象点的形象细小的形象，人们会称其为“点”，所谓细小，是比较性的。“点”通常具有圆的形状，简单、集中、无棱角、无方向、但点也可呈方形、三角形、椭圆形或其他不规则的形状在几何学上，“点是无面积的东西”，“点只具有位置，而无面积。”然而，从造型的意义上说，为了使人们能看得见，点必须形成面积的可能性。2.线的形象线的形象几何学上的线，只有长度而无宽度和厚度。视觉形象之成为“线”，原因有二，一、宽度非常狭窄；二、其长度十分显著其感情上的性格为：粗线，富有男性的阳刚之气，给人以强有力的感觉，但缺少敏锐感；细线，具有女性的阴柔之美，但也具有神经质，敏感等特性。递增加粗（或减细）的线，其全段上无一定

2、宽度，有进深感；线变粗或变细，其代表的感情色彩复杂管理资源吧（），提供海量管理资料免费下载！3.面的形象几何学上称线移动所生成的形迹，有长有宽没有厚即面，面一般是指物体的表面，它是视觉所首先接触到的要素。一般面是由两条水平线和两条垂直线围成。因此，面是独立的。面的类型中最基本的是方形，由此而派生出各种几何形。有机物的投影、透视形的展开，一定面积的点的均匀扩张，一定长度的线的平行延伸等。都可以构成面的形象。4.正与负的形象通常，人们觉得形象占有空间，在平面上形象往往被称为“图”，而其周围的空间被称为“地”。如果“图”在前面是主体，“地”在后面是背景，这种形象就是“正”的形象，反之，形象像平面上的

3、一个洞，即是“负”的形象，就像中国的阴刻石章一样。在构成设计里，这种正与负的形象，在作品中是相互交织而成的一个有机整体，它们都是相对的形象，并无主次之分，这两种形象相互衬托，互相关联，使作品的形象严谨，空间更为考究“图”与“地”的关系并非总很清楚，特别是当形象的一部分受框架或骨骼所切割时，何者为“图”，何者为“地”便不甚分明了，这种形象可看作“正”形。亦可看作“负”形提出这一点，为进行构成设计中的填色，提供了较多的方便与多样性。A、正负形正形与负形相互借用，在一种线性中隐含着两种各自不同的含义。B、影子客观物体在光的作用下，产生异常的变化，呈现出与原物不同的对应物。5.形象的相遇 形象相遇的方

4、法颇多刚才已学过两个形相叠而产生的不同变化及背景的关系。其结果远比想象的丰富。现在试将两个圆形并置，当两个圆形大小相同（用圆形来说明，可以避免不必要的复杂情节，也便于理解其中的道理）时，可以看到有8种形象相遇的形式。1：分离，面与面之间互补接触，始终保持若干距离。2：接触，面与面在互相靠近的情况下，边缘发生接触。3：覆叠，面与面靠近时，由接触更近一步，成为覆叠，有前后之分。4：差叠，面与面交叠部分产生出一个新的形象，其他不交叠的部分消失不见。5：透叠，面与面交叠时，交叠部分产生透明感觉，形象前后之分并不明显。6：联合，面与面互相交叠而无前后之分，可以联合成为一个多元化的形象。7：减缺，面与面覆

5、叠时，在前面的形象并不画出来，只出现后面的减缺形象。8：重合，（重叠）面与面完全重叠，成为一个独立的形象。在设计中，形象的相遇方式可以有多种，多形象相遇时，各方式可同时使用，产生变化丰富的画面效果。第二章、版式设计的编排构成第二章、版式设计的编排构成 本章重点：1、点线面在编排设计中所表现的语言形式和在版面中产生的效应。2、骨骼设计，变形骨骼设计在书刊编排中的演变。任何一种版面设计的结构元素均归于点、线、面分类。点线面是几何学的概念，也是版面设计的基本元素和主要的视觉语言形式管理资源吧（），提供海量管理资料免费下载！一、点与空间的编排构成 在版面中的点，由于大小、形态、位置的不同，所产生的视觉

6、效果和心理作用也不同。点的缩小起着强调和引起注意的作用，而点的放大有面之感。它们注重形象的强调和表现给人情感上和心理上的量感。将行首放大起着引导、强调、活泼版面和成为视觉焦点的作用。点在版面上的位置：1、当点居于几何中心时，上下左右空间对称视觉张力均等，即庄重、又呆板。2、当居于视觉中心时，有视觉心理的平衡与舒适感。3、当点偏左或偏右，产生向心移动趋势，但过于边置也产生离心之动感。4、点做上、下边置，有上升、下沉的心理感受。在设计中，将视点导入视觉中心的设计，如今已屡见不鲜。为了追求新颖的版式，更特意追求将视点导向左、右、上、下边置的变化已成为今天常见的版式表现形式。准确运用视点的设计来完美的

7、表述情感即内涵，使设计作品更加精彩动人，这正是版式设计追求的更高境界。二、线与空间的编排构成二、线与空间的编排构成 1 1、线、线 点移动的轨迹为线。线在编排构成中的形态很复杂，有形态明确的实线、虚线、也有空间的视觉流动线。然而，人们对线的概念，都仅停留与版面中形态明确的线，对空间的视觉流动线，却往往易忽略。实际上，我们在阅读一幅画的过程中，视线是随各元素的运动流程而移动的，对这一流程人人有体会，只是人们不习惯注意自己构筑在视觉心理上的这条即虚又实的“线”，因而容易忽略或视而不见。实质上，这条空间的视觉流动线，对于每一位设计师来讲，都具有相当重要的意义。这也正是下章我们要讨论的“视觉流程”。2

8、、线的空间分割 在进行版面分割时，即要考虑各元素彼此间支配的形状，又要注意空间所具有的内在联系。保证良好的视觉秩序感，这就要求被划分的空间有相应的主次关系、呼应关系和形式关系，以此来获得整体和谐的视觉空间。空间等量的分割。将多个相同或相似的形态进行空间等量分割，以获得秩序与美。（图15、16）图文在直线的空间分割下，求得清晰、条理的秩序，同时求得统一和谐的因素。（图18、19）在骨骼分栏中插入直线进行分割使栏目更清晰，更具条理，且有弹性，增强了文章的可视性。（图 17）通过不同比例的空间分割，版面产生各空间的对比与节奏感。3、线的空间“力场”“力场”是一种虚空间，是对一定范围的空间的知觉或感应

9、在版面中所产生的“力场”，首先 是在空间被分割和限定的情况下，才能产生“立场”的感应。具体的说，在文字和图形中插入直线或以线框进行分割和限定，被分割和限定的文字和或图形的范围即产生紧张感并引起视觉注意，这正是力场的空间感应。这种手法，增强了版面各空间相互依存的关系而使之成为一个整体，并使版面获得清晰、明快、条理富于弹性 的空间关系。力场的大小，与线的粗细、虚实有关。线粗、实，力场感应则强；线细、虚，力场感应则弱。在栏与栏之间用空白分割限定是静的表现；用线分割限定为动的、积极的表现。主要是指将版面中的图片等元素扩大到页面边缘，占据整个版面或者版面中其中一个边缘，杂志中有很多这样的排版，目的是使图

10、片看起来更有张力，视觉效果更强烈。4、线框的空间约束的功能。在强调情感或动感的出血版中，若以线框配置，动感与情感则获得相应的稳定规范。另外，线框细，版面则轻快而有弹性，但场的感应弱；当线框加粗，图象有被强调的感觉，同时诱导视觉注意；但线框过粗，版面则变得稳定、呆板、空间封闭，其场的感应明显增强。图（22、23、24、25、26、27）骨骼的结构产生极强的约束性。图文按骨骼的规则设计，版面稳定，理性秩序，所以流畅易读。但过于理性，有呆板感觉。有向外扩张和舒展之势、使感情与动感得以更好的舒展与发挥 管理资源吧（），提供海量管理资料免费下载！三、面与空间的编排构成 面在版面中的概念，可理解为点的放大

11、，点的密集或线的重复。线的分割产生各种比例的空间，同时也形成各种比例关系的面。面在版面中具有平衡、丰富空间层次、烘托及深化主题的作用。版面中产生的面有刻意去设计的，极少更多情况下，面与线，面与点或面与点线之间是相互依存、相互渗透的关系。（图 28、29）管理资源吧（），提供海量管理资料免费下载！只有面的版面显得单薄、平淡，在加入了线的分割组织后，版面立即产生精细而精神之感；若加入点的运用，则点常常能成为版面中活跃的视觉焦点；而面常以结实、肯定、大方起着烘托及丰富版面空间层次的作用。图30-35管理资源吧（），提供海量管理资料免费下载！四、三维空间的编排构成四、三维空间的编排构成 生活中的三维空

12、间是立体空间，看得见、摸得着、能深入，如当我们走进教室的感觉在平面编排中的三维空间，是在二维空间的平面上建立近、中、远 立体的空间关系。看得见而摸不着，是假象空间。这种假象，是通过借助多方面的空间关系来表现的，即；比例、动静、图象肌理等空间因素。1、比例关系的空间层次 面积大小的比例，即近大远小产生近、中、远的空间层次在编排中，可将主体形象或标题文字放大，次要形象缩小，来建立良好的主次、强弱的空间关系，以增强版面的节奏感和明快度。2、位置关系的空间层次、位置关系的空间层次 前后叠压的位置关系所构成的空间层次。将图象或文字作前后叠压排列，产生强节奏的三度层次空间。版面上、左、右、下、中位置所产生

13、的空间层次。版面的最佳视域为视觉中心位置，并产生视觉焦点；再依次为上部、左侧、右侧、下部的视觉位置顺序。编排时，依从主次顺序，将重要的信息或视觉流程的信息安排在注目价值高的部位，其他信息则与主体成相应上左或右下的配置关系这样所构成的，不如前后叠置手法效果强烈，但视觉注目程度高。疏密的位置关系产生的空间层次。在前后叠压关系或版面上、下、左、右位置关系中，做疏密、轻重、缓急的位置编排，所产生的空间层次富于弹性，同时也产生紧张或舒缓的心理感受。3、黑、白、灰的空间层次、黑、白、灰的空间层次 无论是有色还是无色的版面，均为黑白灰的三色空间层次。黑白为对比极色，最单纯、强烈、醒目，最能保持远距离视觉传达效果；灰色能概括一切中间色，且柔和而协调。三色的近中远空间位置，依版面具体的明暗调关系