3.2 版图设计的平面构成

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-28所呈现的那样。

图3-28

使用线构建空间、层次和韵律感

在进行版式设计操作的过程之时，当中的且“线”具备的曲度与直线，粗细程度，长短尺寸，疏密状况等这些特征是不一样的，此时所带给读者的视觉方面的感受也会相应地具有不同之处。在展开版式设计进程当中按照一定节奏来运用不同的线，如此一来就能够塑造出不一样的效果，就好像如同图3-29所呈现出来的那样。

图3-29

倘若按照一定规律，将“线”进行排列，那么在排列时于大小、方向，以及疏密方面会有所改变，进而产生具备节奏的运动，如此一来能够让版面展现出特定的韵律感。“线”起起落落所形成的视觉空间里的深度与广度，便是线的空间和层次，就像图3-30所呈现的那样。

图3-30

3.2.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

继续浏览有关 版式设计视觉元素 的文章