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

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

《版面设计的编排构成优质PPT.ppt》由会员分享，可在线阅读，更多相关《版面设计的编排构成优质PPT.ppt（48页珍藏版）》请在冰豆网上搜索。

1.点的形象点的形象细小的形象，人们会称其为“点”，所谓细小，是比较性的。

“点”通常具有圆的形状，简单、集中、无棱角、无方向、但点也可呈方形、三角形、椭圆形或其他不规则的形状在几何学上，“点是无面积的东西”，“点只具有位置，而无面积。

”然而，从造型的意义上说，为了使人们能看得见，点必须形成面积的可能性。

2.线的形象线的形象几何学上的线，只有长度而无宽度和厚度。

视觉形象之成为“线”，原因有二，一、宽度非常狭窄；

二、其长度十分显著其感情上的性格为：

粗线，富有男性的阳刚之气，给人以强有力的感觉，但缺少敏锐感；

细线，具有女性的阴柔之美，但也具有神经质，敏感等特性。

递增加粗（或减细）的线，其全段上无一定宽度，有进深感；

线变粗或变细，其代表的感情色彩复杂管理资源吧（），提供海量管理资料免费下载！

3.面的形象几何学上称线移动所生成的形迹，有长有宽没有厚即面，面一般是指物体的表面，它是视觉所首先接触到的要素。

一般面是由两条水平线和两条垂直线围成。

因此，面是独立的。

面的类型中最基本的是方形，由此而派生出各种几何形。

有机物的投影、透视形的展开，一定面积的点的均匀扩张，一定长度的线的平行延伸等。

都可以构成面的形象。

4.正与负的形象通常，人们觉得形象占有空间，在平面上形象往往被称为“图”，而其周围的空间被称为“地”。

如果“图”在前面是主体，“地”在后面是背景，这种形象就是“正”的形象，反之，形象像平面上的一个洞，即是“负”的形象，就像中国的阴刻石章一样。

在构成设计里，这种正与负的形象，在作品中是相互交织而成的一个有机整体，它们都是相对的形象，并无主次之分，这两种形象相互衬托，互相关联，使作品的形象严谨，空间更为考究“图”与“地”的关系并非总很清楚，特别是当形象的一部分受框架或骨骼所切割时，何者为“图”，何者为“地”便不甚分明了，这种形象可看作“正”形。

亦可看作“负”形提出这一点，为进行构成设计中的填色，提供了较多的方便与多样性。

A、正负形正形与负形相互借用，在一种线性中隐含着两种各自不同的含义。

B、影子客观物体在光的作用下，产生异常的变化，呈现出与原物不同的对应物。

5.形象的相遇形象相遇的方法颇多刚才已学过两个形相叠而产生的不同变化及背景的关系。

其结果远比想象的丰富。

现在试将两个圆形并置，当两个圆形大小相同（用圆形来说明，可以避免不必要的复杂情节，也便于理解其中的道理）时，可以看到有8种形象相遇的形式。

1：

分离，面与面之间互补接触，始终保持若干距离。

2：

接触，面与面在互相靠近的情况下，边缘发生接触。

3：

覆叠，面与面靠近时，由接触更近一步，成为覆叠，有前后之分。

4：

差叠，面与面交叠部分产生出一个新的形象，其他不交叠的部分消失不见。

5：

透叠，面与面交叠时，交叠部分产生透明感觉，形象前后之分并不明显。

6：

联合，面与面互相交叠而无前后之分，可以联合成为一个多元化的形象。

7：

减缺，面与面覆叠时，在前面的形象并不画出来，只出现后面的减缺形象。

8：

重合，（重叠）面与面完全重叠，成为一个独立的形象。

在设计中，形象的相遇方式可以有多种，多形象相遇时，各方式可同时使用，产生变化丰富的画面效果。

第二章、版式设计的编排构成第二章、版式设计的编排构成本章重点：

1、点线面在编排设计中所表现的语言形式和在版面中产生的效应。

2、骨骼设计，变形骨骼设计在书刊编排中的演变。

任何一种版面设计的结构元素均归于点、线、面分类。

点线面是几何学的概念，也是版面设计的基本元素和主要的视觉语言形式管理资源吧（），提供海量管理资料免费下载！

一、点与空间的编排构成在版面中的点，由于大小、形态、位置的不同，所产生的视觉效果和心理作用也不同。

点的缩小起着强调和引起注意的作用，而点的放大有面之感。

它们注重形象的强调和表现给人情感上和心理上的量感。

将行首放大起着引导、强调、活泼版面和成为视觉焦点的作用。

点在版面上的位置：

1、当点居于几何中心时，上下左右空间对称视觉张力均等，即庄重、又呆板。

2、当居于视觉中心时，有视觉心理的平衡与舒适感。

3、当点偏左或偏右，产生向心移动趋势，但过于边置也产生离心之动感。

4、点做上、下边置，有上升、下沉的心理感受。

在设计中，将视点导入视觉中心的设计，如今已屡见不鲜。

为了追求新颖的版式，更特意追求将视点导向左、右、上、下边置的变化已成为今天常见的版式表现形式。

准确运用视点的设计来完美的表述情感即内涵，使设计作品更加精彩动人，这正是版式设计追求的更高境界。

二、线与空间的编排构成二、线与空间的编排构成11、线、线点移动的轨迹为线。

线在编排构成中的形态很复杂，有形态明确的实线、虚线、也有空间的视觉流动线。

然而，人们对线的概念，都仅停留与版面中形态明确的线，对空间的视觉流动线，却往往易忽略。

实际上，我们在阅读一幅画的过程中，视线是随各元素的运动流程而移动的，对这一流程人人有体会，只是人们不习惯注意自己构筑在视觉心理上的这条即虚又实的“线”，因而容易忽略或视而不见。

实质上，这条空间的视觉流动线，对于每一位设计师来讲，都具有相当重要的意义。

这也正是下章我们要讨论的“视觉流程”。

2、线的空间分割在进行版面分割时，即要考虑各元素彼此间支配的形状，又要注意空间所具有的内在联系。

保证良好的视觉秩序感，这就要求被划分的空间有相应的主次关系、呼应关系和形式关系，以此来获得整体和谐的视觉空间。

空间等量的分割。

将多个相同或相似的形态进行空间等量分割，以获得秩序与美。

（图15、16）图文在直线的空间分割下，求得清晰、条理的秩序，同时求得统一和谐的因素。

（图18、19）在骨骼分栏中插入直线进行分割使栏目更清晰，更具条理，且有弹性，增强了文章的可视性。

（图17）通过不同比例的空间分割，版面产生各空间的对比与节奏感。

3、线的空间“力场”“力场”是一种虚空间，是对一定范围的空间的知觉或感应在版面中所产生的“力场”，首先是在空间被分割和限定的情况下，才能产生“立场”的感应。

具体的说，在文字和图形中插入直线或以线框进行分割和限定，被分割和限定的文字和或图形的范围即产生紧张感并引起视觉注意，这正是力场的空间感应。

这种手法，增强了版面各空间相互依存的关系而使之成为一个整体，并使版面获得清晰、明快、条理富于弹性的空间关系。

力场的大小，与线的粗细、虚实有关。

线粗、实，力场感应则强；

线细、虚，力场感应则弱。

在栏与栏之间用空白分割限定是静的表现；

用线分割限定为动的、积极的表现。

主要是指将版面中的图片等元素扩大到页面边缘，占据整个版面或者版面中其中一个边缘，杂志中有很多这样的排版，目的是使图片看起来更有张力，视觉效果更强烈。

4、线框的空间约束的功能。

在强调情感或动感的出血版中，若以线框配置，动感与情感则获得相应的稳定规范。

另外，线框细，版面则轻快而有弹性，但场的感应弱；

当线框加粗，图象有被强调的感觉，同时诱导视觉注意；

但线框过粗，版面则变得稳定、呆板、空间封闭，其场的感应明显增强。

图（22、23、24、25、26、27）骨骼的结构产生极强的约束性。

图文按骨骼的规则设计，版面稳定，理性秩序，所以流畅易读。

但过于理性，有呆板感觉。

有向外扩张和舒展之势、使感情与动感得以更好的舒展与发挥管理资源吧（），提供海量管理资料免费下载！

三、面与空间的编排构成面在版面中的概念，可理解为点的放大，点的密集或线的重复。

线的分割产生各种比例的空间，同时也形成各种比例关系的面。

面在版面中具有平衡、丰富空间层次、烘托及深化主题的作用。

版面中产生的面有刻意去设计的，极少更多情况下，面与线，面与点或面与点线之间是相互依存、相互渗透的关系。

（图28、29）管理资源吧（），提供海量管理资料免费下载！

只有面的版面显得单薄、平淡，在加入了线的分割组织后，版面立即产生精细而精神之感；

若加入点的运用，则点常常能成为版面中活跃的视觉焦点；

而面常以结实、肯定、大方起着烘托及丰富版面空间层次的作用。

图30-35管理资源吧（），提供海量管理资料免费下载！

四、三维空间的编排构成四、三维空间的编排构成生活中的三维空间是立体空间，看得见、摸得着、能深入，如当我们走进教室的感觉在平面编排中的三维空间，是在二维空间的平面上建立近、中、远立体的空间关系。

看得见而摸不着，是假象空间。

这种假象，是通过借助多方面的空间关系来表现的，即；

比例、动静、图象肌理等空间因素。

1、比例关系的空间层次面积大小的比例，即近大远小产生近、中、远的空间层次在编排中，可将主体形象或标题文字放大，次要形象缩小，来建立良好的主次、强弱的空间关系，以增强版面的节奏感和明快度。

2、位置关系的空间层次、位置关系的空间层次前后叠压的位置关系所构成的空间层次。

将图象或文字作前后叠压排列，产生强节奏的三度层次空间。

版面上、左、右、下、中位置所产生的空间层次。

版面的最佳视域为视觉中心位置，并产生视觉焦点；

再依次为上部、左侧、右侧、下部的视觉位置顺序。

编排时，依从主次顺序，将重要的信息或视觉流程的信息安排在注目价值高的部位，其他信息则与主体成相应上左或右下的配置关系这样所构成的，不如前后叠置手法效果强烈，但视觉注目程度高。

疏密的位置关系产生的空间层次。

在前后叠压关系或版面上、下、左、右位置关系中，做疏密、轻重、缓急的位置编排，所产生的空间层次富于弹性，同时也产生紧张或舒缓的心理感受。

3、黑、白、灰的空间层次、黑、白、灰的空间层次无论是有色还是无色的版面，均为黑白灰的三色空间层次。

黑白为对比极色，最单纯、强烈、醒目，最能保持远距离视觉传达效果；

灰色能概括一切中间色，且柔和而协调。

三色的近中远空间位置，依版面具体的明暗调关系