三维空间编排版式设计

以图片、文字、色彩为基本元素的版式设计，是平面设计的重要基础。要增强版式设计的空间层次感，需要特别注意各元素之间比例关系、位置关系、疏密关系、黑白灰关系及动静关系的协调和有机结合。　　版式设计作为视觉传达的重要手段，有规则无定式地配置点、线、面视觉元素于在二维的载体上，版式设计应在遵循鲜明主题与导读、形式符合主题思想内容、技术与艺术统一的基本原则上，对图片、文字色彩等的元素进行理性安排。　　版式的设计根据不同的主题，按照一定的规则进行不同方式的组合，表现出多姿多彩的空间关系，通过元素在二维空间上建立的近、中远的视觉效果，借助比例、动静、前后等对比关系表现出来，从而超越二维空间，产生三维空间关系的立体层次感，使主题更突出。　　版式设计元素按照不同比例关系呈现出来，可以呈现出近大远小的效果，通过控制版面中元素面积大小及比例关系的大小，调整不同元素的位置，就可以达到呈现近、远、中的空间层次感觉的目的。　　在具体的编排应用中，按照版面中文字、图片的主次关系来统筹安排各个元素在版面中的位置。如果编排标题文字或主题形象，则需要将所需元素适当放大，并放置于版面中的鲜明位置，与其它次要文字或形象的大小比例区分开来，强调了近、中、远的空间层次关系，使版面更明快，从而唤起大众的注意力。推荐阅读：版式对比！有哪些表现形式？　　版式设计元素位置关系的空间层次，简单说来就是不同元素前后叠压的位置关系所形成的空间层次感。在排版过程中，将文字和图片叠压排列，通过元素的上、下、左、右位置的部分重叠，从而建立起三维关系，产生出强烈的节奏感及空间层次感。　　版式设计的位置关系所呈现的空间层次，同样需要对版面中的元素进行主次区分。先将主要文字及主要图形放置于版面中的最佳视域，占领视觉的中心位置；次要文字及次要图片则应避开视觉焦点，排列于版面的其它位置；再对版面中不同区域中的元素，做前后左右叠压关系的调整。　　疏密关系所形成的空间层次感，指的是版由中的元素根据主次之分，按照一定的次序进行疏密、轻重、缓急的排列，以此达到烘托主要文字或图片信息，削弱次要文字及形象的目的。　　版面中元素的疏密关系需做到有所对比，即主要文字及形象做到相对密集，次要文字及图片相对稀疏；主要形象排列疏松，次要文字及形象就应相对密集。按此规律排列所产生的空间层次不仅富有弹性，也给大众以紧张感或舒适感。　　黑白灰三色调与其它色彩一样，可向人们传达不同的情感。黑色与白色对比极其突兀，产生出的视觉效果也最为强烈和醒目。视觉冲击力越大，作用于人心理产生的远距离效果越明显。灰是一切中间色的灰色调，可以协调画面中黑、白色调的强对比关系，使得整个画面更加和谐、统一。　　有彩色或无彩色的版式设计中也均有黑、白、灰关系。点、线、面是版式设计的基本元素及主要视觉语言形式，而版式设计中所有元素，在版面中的配置关系也均可看成黑、白、灰关系：黑、白、灰的点，黑、白、灰的线，黑、白、灰的面。　　①版面中黑、白、灰不同的点元素，版面中黑、白、灰不同的点元素，按其主次，根据大小、位置、形态的不同，排列出来的效果也不相同。　　②版面中有明确形态的实线及虚线，包括无明确形态的视觉流动线都具备分割和引导视觉，约束及强调的作用。版面中的黑、白、灰的线元素，同样按其主次关系进行排列，传达出的画面空间效果也会不同。推荐阅读：版式设计的空间构成！不可或缺"线"！　　③版面中面元素的不同，即可形成黑、白、灰三色调的面。而不同色调的面又会在版面中起到平衡、烘托深化主题、丰富空间层次的作用。　　版式设计中元素的动与静并非真正意义上的动静。　　①动指版面中点线面元素，按照一定的规律排列，在画面形成韵律及节奏感。看似在动，实则只是画面元素所呈现的视觉错觉。　　②动指画面中具有动态的图像形态。　　版面中稳定的静使版面更加含蓄和冷静。动和静的关系，是在相互烘托和对比中产生的，这种动静对比关系使版面充满活力，产生出空间层次，获得更高注目度。　　版面设计是在特定的平面进行的，面积受到限制，但却要在其上将不同的图形、文字和色彩等元素有机地组合起来，还要呈现出或动或静、或近或远、或人或小、或长或短的视觉和感官效果，将之打造成为一幅充满活力和生机的“画卷”，这是版式设计的目标所在。

一、点与空间的编排构成 在版面中的点，由于大小、形态、位置的不同，所产生的视觉效果和心理作用也不同。 *点的缩小起着强调和引起注意的作用，而点的放大有面之感。它们注重形象的强调和表现给人情感上和心理上的量感。 *将行首放大起着引导、强调、活泼版面和成为视觉焦点的作用。 *点在版面上的位置： 1、当点居于几何中心时，上下左右空间对称视觉张力均等，即庄重、又呆板。2、当居于视觉中心时，有视觉心理的平衡与舒适感。3、当点偏左或偏右，产生向心移动趋势，但过于边置也产生离心之动感。4、点做上、下边置，有上升、下沉的心理感受。 在设计中，将视点导入视觉中心的设计，如今已屡见不鲜。为了追求新颖的版式，更特意追求将视点导向左、右、上、下边置的变化已成为今天常见的版式表现形式。另外，准确运用视点的设计来完美的表述情感即内涵，使设计作品更加精彩动人，这正是版式设计追求的更高境界。 二、线与空间的编排构成 1、线 点移动的轨迹为线。线在编排构成中的形态很复杂，有形态明确的实线、虚线、也有空间的视觉流动线。然而，人们对线的概念，都仅停留与版面中形态明确的线，对空间的视觉流动线，却往往易忽略。实际上，我们在阅读一幅画的过程中，视线是随各元素的运动流程而移动的，对这一流程人人有体会，只是人们不习惯注意自己构筑在视觉心理上的这条即虚又实的“线”，因而容易忽略或视而不见。实质上，这条空间的视觉流动线，对于每一位设计师来讲，都具有相当重要的意义。这也正是下章我们要讨论的“视觉流程”。为了更清楚的阐明线在编排中的构成因素及形态，图示说明如下： 2、线的空间分割 在进行版面分割时，即要考虑各元素彼此间支配的形状，又要注意空间所具有的内在联系。保证良好的视觉秩序感，这就要求被划分的空间有相应的主次关系、呼应关系和形式关系，以此来获得整体和谐的视觉空间。 *空间等量的分割。将多个相同或相似的形态进行空间等量分割，以获得秩序与美。 *图文在直线的空间分割下，求得清晰、条理的秩序，同时求得统一和谐的因素。 *通过不同比例的空间分割，版面产生各空间的对比与节奏感。 *在骨骼分栏中插入直线进行分割使栏目更清晰，更具条理，且有弹性，增强了文章的可视性。 3、线的空间“力场” “力场”是一种虚空间，是对一定范围的空间的知觉或感应，所以，也成为“心理空间”。如下围棋太阳伞下谈恋爱等。在版面中所产生的“力场”，首先是在空间被分割和限定的情况下，才能产生“立场”的感应。具体的说，在文字和图形中插入直线或以线框进行分割和限定，被分割和限定的文字和或图形的范围即产生紧张感并引起视觉注意，这正是力场的空间感应。这种手法，增强了版面各空间相互依存的关系而使之成为一个整体，并使版面获得清晰、明快、条理富于弹性的空间关系。至于力场的大小，则与线的粗细、虚实有关。线粗、实，力场感应则强；线细、虚，力场感应则弱。另外，在栏与栏之间用空白分割限定是静的表现；用线分割限定为动的、积极的表现。 4、线框的空间约束的功能。 在强调情感或动感的出血图中，若以线框配置，动感与情感则获得相应的稳定规范。另外，线框细，版面则轻快而有弹性，但场的感应弱；当线框加粗，图象有被强调的感觉，同时诱导视觉注意；但线框过粗，版面则变得稳定、呆板、空间封闭，其场的感应明显增强。 三、面与空间的编排构成 面在版面中的概念，可理解为点的放大，点的密集或线的重复。另外，线的分割产生各种比例的空间，同时也形成各种比例关系的面。面在版面中具有平衡、丰富空间层次、烘托及深化主题的作用。 四、三维空间的编排构成 生活中的三维空间是立体空间，看得见、摸得着、能深入，如当我们走进教室的感觉，而在平面编排中的三维空间，是在二维空间的平面上建立近、中、远立体的空间关系。看得见而摸不着，是假象空间。这种假象，是通过借助多方面的空间关系来表现的，即；比例、动静、图象肌理等空间因素。 1、比例关系的空间层次 面积大小的比例，即近大远小产生近、中、远的空间层次。在编排中，可将主体形象或标题文字放大，次要形象缩小，来建立良好的主次、强弱的空间关系，以增强版面的节奏感和明快度。 2、位置关系的空间层次 *前后叠压的位置关系所构成的空间层次。将图象或文字作前后叠压排列，产生强节奏的三度层次空间。 *版面上、左、右、下、中位置所产生的空间层次。版面的最佳视域为视觉中心位置，并产生视觉焦点；再依次为上部、坐侧、右侧、下部的视觉位置顺序。编排时，依从主次顺序，将重要的信息或视觉流程的信息安排在注目价值高的部位，其他信息则与主体成相应上左或右下的配置关系这样所构成的，不如前后叠置手法效果强烈，但视觉注目程度高。 *疏密的位置关系产生的空间层次。在前后叠压关系或版面上、下、坐、右位置关系中，做疏密、轻重、缓急的位置编排，所产生的空间层次富于弹性，同时也产生紧张或舒缓的心理感受。 3、黑、白、灰的空间层次 无论是有色还是无色的版面，均为黑白灰的三色空间层次。黑白为对比极色，最单纯、强烈、醒目，最能保持远距离视觉传达效果；灰色能概括一切中间色，且柔和而协调。三色的近中远空间位置，依版面具体的明暗调关系而定。 版式设计强调色彩的调性。一幅优秀的设计作品，色调应非常明确，或高调、低调、灰调；或对比强烈；或对比柔和。反之、则混乱，模糊不清。因此，应加强形与空间大小面积的对比关系、文字的整体关系，以及用集中近似的面积等来达到色调统一。 4、动静关系、图象肌理关系产生的空间层次 动使版面充满活力，获得更高的注目度；静使版面冷静、含蓄，具有稳定的因素。两者在版面的组织上，以动为前，静为后，彼此以动静的对比关系来建立空间感。 以细小的文字或图象组织的版面，从整体看具有肌理感，其空间关系建立在肌理组织的大小及色彩的强弱关系上。

视觉传达设计活动中的交流有显性和隐性两种。显性交流是具体内容的交流，隐性交流是传、受 双方思想观点、文化价值取向的融合和碰撞 人们将自然之美的形式特征归纳为形式美法则，其中就包括了变化统一、对称呼应、条例反复、节奏韵律、对比调和等。 视觉传达设计作品都是对通过编排，将一些具有特定性质的构成要素进行组织之后来呈现给受众者的，这其中包含有三大要素，即编排的形式、内容以及编排者通过一定的形式和内容所要表达的某种信息、某种思想以及某种倾向。因此说，编排设计是一种重要的视觉表达语言。 从编排的概念讲，它是要以传达的主体思想为依据，将各种视觉要素进行科学的安排和组织，使各个组成部分结构平衡协调。视觉传达设计各构成要素的编排，应在突出重点的基础上达到浑然一体的效果。另外，编排也应自始至终抓住人们的视线，以“瞬时注目”为目的，使其比例恰当、主次分明，使视觉焦点处于最佳的视域，使观者能在瞬间感受主体形象的视觉穿透力。 从人的视觉流程上看，人在观察或者阅读的时候，视线有一种自然的流动习惯，一般来说，都是从左到右，从上到下，从左上到右下流动，在流动过程中，人的视觉注意力会逐渐减弱。而人的最佳视域一般在画面的左上部和中上部，而画面上部占整个面积的三分之一处是最为引人注目的视觉区域。理想的视觉流程符合人的认识思维发展的逻辑顺序，在编排设计中，也要通过视觉表达语言，依据人的这一自然的视觉生理特点，使传达要素尽量按照人的视觉流程流动，并且可以利用各视觉元素之间产生的节奏来增强阅读的趣味性 。 从编排设计的形式与方法看，其形式是多样，手法也是纷纭的。随着视觉传达设计的发展，编排的概念已经不仅仅局限在二维空间上面，空间视觉元素的编排和动态视觉元素的编排已经越来越受到重视。其中主要有：1、平面编排设计。 包括：书籍、报纸、杂志的版式设计以及一些广告、展板的编排。其主要元素是文字、图形、色彩。2、空间编排设计。 空间编排设计即在三维空间里对视觉元素进行排列、组织。它包括展示设计、指示系统设计等。3、动态编排设计。 动态编排设计，即多媒体动画的编排，将静态的图形或文字进行编排设计，使它们随着时间的变化产生或改变自身的运动，由此产生了新的运动特征 从编排设计要传递给受众者的思想观点、文化价值取向或某种意图看，往往会通过视觉表达语言 这种隐性交流方式来与阅读、观看者进行深层次的交流、融合与碰撞。如在报纸编排中的“开天窗”、正反新闻的并列报道、超黑超大字体的运用、照片、漫画的选配甚至将重要新闻移到右下角整上一块“豆腐块”等等，都是编排者的版面语言，并试图用这种版面视觉来表达编排者的思想、观点、喜好、愤懑、好恶、倾向等等。在空间设计上表现出的布局、格调、风格、色彩、形状、光线，也都是编排者试图向观者表达的一种视觉语言，使观者或感受到一种庄严肃穆、活泼明快、温馨浪漫、绚丽多彩、古朴典雅、阴森恐怖等等气息。动态编排设计如电影中的“蒙太奇”、色彩的对比、镜头“推、拉、摇、移、跟”的运用等，无需导演直接告诉你，看到这些，你一定会领会到这些动态编排所要告诉你的“语言”。