3.2 版式设计的平面构成
点、线、面是构成视觉空间的基本元素，也是版式设计的主要表现语言。无论画面的内容与形式多么复杂，最终均可以简化到点、线、面上来。在版式设计中这些基本元素相互依存，相互作用，组合出各种各样的形态，构建成一个个千变万化的全新版面。
3.2.1 认识版式设计中的点
版式设计中的“点”不是狭义的一个点，而是在版面中对比面和线更小的那个面积，可以是文字，也可以是一个色块。在平面设计中，“点”的设计更像一种心理体会，如图3-18所示。
图3-18
注：相对于版面，白色正方形为“点”。相对于白色正方形，黑色圆形为“点”。
版式设计中“点”的位置、移动、聚集、连续形成了“点”的不同形态并赋予不同的情感。其特性表现在它的大小、所在空间的位置、点之间的距离、点的聚集等方面，如图3-19所示。
图3-19
◎点的位置
“点”作为版面设计元素，在背景居中位置时，呈现出单纯、宁静、稳定的特点。当“点”偏离了中间位置，在底的边缘时就具有方向感并形成动态，如图3-20所示。
图3-20
◎点的距离
同一画面中，如果有两个相同大小的“点”（图形、色彩、文字），相距一定的距离时，这两点之间就会产生一种内在的张力，视线就会往复于两点之间，两点间好像有一种无形的线存在，如图3-21所示。
图3-21
当两个“点”的大小不同时，大点会向小点逐渐移动，最后集中到小点上，越小的点，集聚性越强，如图3-22所示。
图3-22
◎点的聚集
版式设计中将这些“点”的元素在聚集时所排列的形式、连续的程度、大小的变化，均能够表现出不同的情感。同样大小的点等距离排列在版面中具有安定均衡感，大小参差且不等距离排列在版面中具有跳动和不规则感，点的位置不同在版式设计中能够产生不同的方向感，如图3-23所示。
图3-23
通过对“点”的排列能够使版面产生不同的效果，给读者带来不同的心理感受。把握好“点”的排列形式、方向、大小、数量、分布，可以形成稳重、活泼、动感、轻松等不同的版面效果，如图3-24所示。
图3-24
3.2.2 版式设计中的线
几何学定义中，线是点在移动中留下的轨迹，它是由运动产生的，是点的发展和延伸，其表现形式非常多样。因此由“线”构成的视觉元素更显得丰富，形式更为多样。
同样作为版面空间的构成元素，“点”只能作为一个独立体，而“线”具有位置、长度、方向，从造型含义上说，它是具体对象的抽象形式，所以“线”的位置、长度是可感知的，如图3-25所示。
图3-25
◎通过线分割版面或进行信息分类
在版式设计过程中可以通过“线”对版面中的内容进行有效的分割。在分割时，不能忽略各种元素之间的联系，需要根据具体内容来划分出空间的主次关系、呼应关系和形式关系，使版面具有良好的视觉秩序感，如图3-26所示。
图3-26
通常在对书籍、杂志、报纸等版面进行排版设计时，文字内容较多，为了使版面更易于读者的阅读以及对各部分不同内容进行区分，常常使用线条在版面中对文本内容进行划分，使版面内容显得更加富有条理，如图3-27所示。
图3-27
◎使用曲线体现版面的灵活与柔美
如果需要使版面体现出更多的情感或者气质，则可以考虑在版面中添加合适的曲线来对版面的氛围进行调节。曲线的造型比较适用于体现浪漫、唯美、女性、文化等气质和风格的版式，如图3-28所示。
图3-28
◎使用线构建空间、层次和韵律感
在版式设计过程中，“线”的曲直、粗细、长短、疏密等特征不同，所带给读者的视觉感受也会有所不同。在版式设计过程中有节奏地使用不同的线，就能够形成不同的效果，如图3-29所示。
图3-29
将“线”按照一定的规律，排列时在大小、方向、疏密上产生变化，产生有节奏的运动，可以使版面呈现出一定的韵律感。“线”的起伏所产生的视觉空间上的深度和广度就是线的空间和层次，如图3-30所示。
图3-30
3.2.3 版式设计中的面
“面”是“线”的发展延续，可以说其是由两条水平线和两条垂直线所构成，在所框定的范围内所勾画的独立实体。版式设计中，“面”是最富于变化的视觉效果，它包容了“点”和“线”。
◎面是版式设计中的主角
在点、线、面这3种构成要素中，“点”和“线”都是辅助元素，它们既有功能性又有装饰性，但它们都不是画面中的主角。尽管如此，但它们是不可或缺的重要元素，而版面中的主角就是“面”，设计师对版面中面积的刻画和表现，决定了所设计的版面是什么风格和气质，如图3-31所示。
图3-31
◎使用不同数量的面
如果在一个版面中只有一个“面”，其便成为整个版面中需要重点突出表现的内容。当一个版式中有两个“面”时，所占的面积大一些的面会表现为更加重要，而另一个所占的面积小一些的表现为次要，如图3-32所示。
图3-32
在一个版面中还可以同时存在多个“面”，但是同样也要分清主次，重要的元素就让它在版面中所占的面积大一些，次要的就在版面中占的面积小一些。多个“面”构成的版面能够给人一种丰富和有层次感的视觉效果，如图3-33所示。
图3-33
◎运用不同形状的面
“面”作为设计中一种重要的符号语言，被广泛地运用于设计当中，由“面”组成的图形总是比由线或由点组成的图形更具有视觉冲击力，它可以作为重要信息的背景，以突出信息，达到更好的传达效果。
根据“面”的形状和边缘的不同，“面”的形态会产生很多变化。“面”主要分为几何型和自由型两个类型，几何型较为规则、工整，而自由型则更加灵活多变，如图3-34所示。
图3-34
方形的这种“面”，只有图片很有创意性，或者图片很美才会让整个版面看起来有气质。所以在设计实战中，如果客户提供的照片很美或者很有视觉冲击力，不妨采用简单的设计，只使用点、线、面的设计准则来烘托图片的美即可。
在版式设计过程中方形元素或方形排列可以使版面呈现出安定的秩序感，有简洁、男性的性格，如图3-35所示。
图3-35
圆形或其他平滑的曲线形的“面”，可以呈现出柔软、女性的特质。几何曲线具有秩序感，显得比较规整，而自由曲线不具有几何秩序性，富于魅力和人情味，如图3-36所示。
图3-36
方形的“面”在版面中会显得比较普通甚至呆板，除非方形图片的表现效果非常突出，能够对版面起到有效的烘托作用，否则版面就会显得没有活力，在版面中加入几何形元素就能够很好地解决这个问题，使版面显得灵动、有活力，如图3-37所示。
图3-37
此处所说的不规则形是指在版面中对图片素材进行退底处理，也就是我们常说的“抠图”，把图片中的重点元素抠出来放置在版面中，目的是展示元素的造型与独特气质，同时也可以使版面显得更加灵活，如图3-38所示。
图3-38
3.2.4 运用肌理和色彩
肌理也是一种版式基本构成要素，肌理有各种粗细、质感与色彩的变化。在版式设计中，肌理的表现是非常丰富的，不同的图片、文字与纸张都可以构成视觉品质完全不一样的肌理效果，印刷工艺的发展与革新也可以带来新的肌理，如各种亚光、上光、凹凸等效果，可以极大地丰富画面的视觉效果，如图3-39所示。
图3-39
同时，任何画面中的视觉形象的组合，不管它们是图形、文字还是底色，不管它们是具象的还是抽象的，其自身也构成一种复合的肌理，应该注意从画面整体出发，研究和调节肌理与内容之间的对比关系。
肌理的对比是版式设计中最为重要的视觉要素和手段，肌理的美感在对比中表现得最为充分，各种视觉要素构成的复合肌理具有强大的视觉表现效果，如图3-40所示。
图3-40
在版式设计中，色彩的表现力是较为重要的学习课题。内容决定形式，色彩的这种形式语言可以直接地将设计所要传达的内容传达给受众。在色彩的各个要素中，色相是最具有视觉表现力的。在版式设计中，色相的性质和设计所要表现的内容之间有着直接的联系，如图3-41所示。
图3-41
色彩可以给人以直接或间接的心理联想。这种联想的形成机制和过程是相当复杂的，如对食品与色彩的研究发现，色彩在这方面有着许多令人惊讶的联系，翠绿、天蓝、紫色一般与碧水蓝天之类的风景有关，而红色、棕色、黄色和白色总是与面包之类的食物相关，这种由色彩引发的心理联想，大多数与人对客观对象的感受有联系，如图3-42所示。
图3-42
色彩的表现常常通过各种色彩组合在一起的方式进行。色彩的组合就构成了色调。更进一步讲，色调有另一层意义，就是指一个画面运用的各种色彩组合中所具有的某一色彩的倾向性，设计总是综合地运用色彩的。
大量的版式设计的作品都是以色调组合的方式进行的，在版式设计中，色彩的表现力总是建立在色彩的面积及明度，色相的倾向与纯度的综合关系上。这些色彩要素之间每一种关系的变化，都可能使得版面给人不一样的视觉感受。如图3-43所示为使用色彩组合来表现版面。
图3-43
3.2.5 版式的视觉流程
版式设计通过有意识的图文、色彩组织编排，使读者能够按照预设好的视觉顺序，了解所传达的信息内容。设计师首先应该根据相关内容资料，包括文字、图形、色彩等信息，安排好构图形式与视觉流程，以独特的视觉秩序结构去引导读者，使读者的视觉感觉被一条潜在的导线引导着在版面中移动，逐步将读者引向与主题对视的焦点，如图3-44所示。
图3-44
▶ 友情提示
如果毫无目的、盲目地进行排版，不仅会增加阅读者的负担，使其产生阅读疲劳的感觉，还会因版面设置无层次、无重点而影响信息的有效传达，这样也会造成版式设计毫无意义可言，因此版面的编排不仅要考虑其整体的方向性，还必须考虑到读者视线移动方式的预设。
◎水平视觉导向
版式设计中的水平视觉导向是指将版面中各视觉形象元素呈水平方向排列的一种排列方法。水平导向的版式一般是由左至右进行排列的，这样比较符合人们的阅读习惯。
水平线具有静止、安定、平和的视觉感受，所以水平视觉导向的版式设计可以产生稳定、静态的版面效果。如图3-45所示为采用水平视觉导向的版式设计。
图3-45
◎垂直视觉导向
垂直视觉导向是版式设计中常用的表现形式。将版式中的众多视觉元素由上至下呈垂直方向进行排列，可以给人一种理性、严肃、庄重、强直的视觉和心理感受。随着视觉的上下移动，表现出一种力的美感。如图3-46所示为采用垂直视觉导向的版式设计。
图3-46
◎斜向视觉导向
斜向视觉导向即将版面中的视觉要素按照预设好的位置呈倾斜方向排列的版面内容编排方式。由于倾斜排列具有飞跃、向上冲刺或前进的感觉，表现一种力量和重心前移，所以此种版式能以其不稳定的动态视觉感受吸引读者。如图3-47所示为采用斜向视觉导向的版式设计。
图3-47
◎曲线视觉导向
将版面中的各视觉要素呈曲线的形式进行编排，即曲线视觉导向。各视觉要素随弧线或回旋线而运动变化，给人一种柔美、弹力、幽雅的视觉感受，曲线视觉导向虽不如水平视觉导向、垂直视觉导向那样直接简明，但更具韵味、节奏和动态美。如弧线形“C”具有饱满、扩张和一定的方向感，回旋形“S”则是两个相反的弧线产生矛盾回旋，在版面中增强了深度和动感，如图3-48所示。
图3-48
◎核心视觉导向
核心视觉导向是指在版面中选择一处位置进行重点内容信息的传达，这个位置可以根据版面的整体安排而定，使读者的视线由核心版面视域向周围散开。
核心视觉表现形式既可以为向心式视觉运动又可以为离心式视觉运动，向心式给人一种力的聚集感觉，离心式则有力的发散效果。核心视觉导向可以使诉求主题鲜明突出，具有直观、强烈的视觉感受。如图3-49所示为采用核心视觉导向的版式设计。
图3-49
还有一种是通过点和线的引导，将读者的视线从版面四周以类似十字架的方式向版面中心集中，以达到突出重点、稳定版面的效果，我们称之为十字形视觉流程。如图3-50所示为采用十字视觉导向的版式设计。
图3-50