《版式设计》2

《《版式设计》2》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

第二章版式设计的基础知识

1目录02版式设计的视觉流程01版式设计的构图元素

201版式设计的构图元素

3一、点的编排构成点是视觉设计的最小单位，越小的形越容易被认为是点，所以，点是相对于其他元素的比例而言的。在版式设计中，点的形态多种多样，它可以是一个字母，也可以是一个标点符号，其不同的构成形式、大小和数量都能形成不同的视觉效果。设计师应根据设计需要和版面效果灵活处理。

4一、点的编排构成→（一）点的构成与表现→1．点的视觉张力将版面中的点元素以不同的形式进行排列，利用点与空间的相互作用，使版面呈现出相应的视觉张力。

5一、点的编排构成→（一）点的构成与表现→2．点的线化当多点按照某个路径排列就会形成线的感觉，这便是点的线化。点的线化能平衡版面构成，使版面具有充满动感的视觉效果。

6点的面化是将点按照平面或曲面进行排列，同时可以有大小、深浅的变化。点的面化能增强版面层次感，有利于信息的直观表达，使版面更形象，更富有立体感。一、点的编排构成→（一）点的构成与表现→3．点的面化

7一、点的编排构成→（二）点的编排方式→1．密集型编排密集型编排就是数量众多的点以聚集的方式进行编排，使版面具有较强的视觉注目度。

8一、点的编排构成→（二）点的编排方式→2．分散型编排分散型编排是将多个点元素以散构的形式分布在版面的各个角落，使画面呈现出扩散、饱满的视觉效果。

9观察下面几幅图片，说一说每幅图片都是以点的哪种形式表现的。

10二、线的编排构成→（一）线的构成与表现→1．线的情感线的表现形式丰富多样，不同的线型传达的情感也不一样。线的形式主要分为直线和曲线两种，直线包括斜线、垂直线和水平线等，曲线主要包括几何曲线和自由曲线。

11二、线的编排构成→（一）线的构成与表现→1．线的情感线的斜线在视觉空间中具有强烈的失衡感，给人不稳定的感觉，但在方位上呈现出向上或向下的运动感，充满了活力；垂直线笔直坚挺，给人以严肃、坚毅之感；水平线给人无限辽阔的视觉感受，带给观赏者稳重、平静和强烈的安全感。

12二、线的编排构成→（一）线的构成与表现→1．线的情感常见的几何曲线有弧线、S形线和O形线等，在版式设计中，这类线条给人以明显的约束感，但会使版面整体呈现出饱满、圆滑的视觉效果；自由曲线在形态上没有固定的外形和结构，常表现出强烈的随机性，使画面展现出明朗、流畅的空间个性。

13二、线的编排构成→（一）线的构成与表现→2．线的节奏节奏是指一种有规律的跳动，版面元素的重复、渐变、放射、聚散等变化都能形成节奏感。版式设计中常用文字来构成线条，文字在大小、方向等方面的改变构成了线条有节奏的运动，使版面充满节奏感。

14二、线的编排构成→（一）线的构成与表现→3．线的空间线还具有方向性、流动性、延续性和空间性。线条的起伏荡漾能产生视觉上的深度和广度，使画面具有强烈的视觉表现力和爆发力。

15二、线的编排构成→（二）线的编排方式→1．版面的分割与引导（1）量的分割量的分割是指运用线条将版面切割成等量或不等量的区域，随后将视觉要素，如图形、文字等，排列到预先设定好的区域内，使版面中的图文信息得到合理分配，从而打造出科学化的版式结构。等量分割后的版面在形状和面积上大致相等，这种版式结构较为严谨，给人一种和谐、统一的视觉效果。

16二、线的编排构成→（二）线的编排方式→1．版面的分割与引导（1）量的分割不等量版面分割由于没有形的限制，表现出更强的结构灵活性和编排自由性，给人一种秩序上的平衡美感。

17二、线的编排构成→（二）线的编排方式→1．版面的分割与引导（2）图文分割为了将包含大量图片和文字的版面进行有效的布局，可以采用线条切割的方式，在版式结构上准确地区分图片和文字两种视觉元素。

18二、线的编排构成→（二）线的编排方式→1．版面的分割与引导（3）线的引导作用线还可以引导人们的视线按照一定的方向进行移动，使版面元素联系更紧密，阅读更流畅。需要注意的是，线的指示位置一定要明确，不然很难让人理解；同时还要统一线的角度和长度，尽量使其保持一致，以使版面显得更加整齐、统一。

19二、线的编排构成→（二）线的编排方式→2．线框的运用（1）版面的分割与限定线框还影响着版面结构，通过线框的组织和限定，将版面元素进行规则设计，使版面更加稳定，具有很强的理性秩序感，使阅读更流畅。利用线框对版面空间进行分割和限定，能使版面具有一种被限制的紧张感，并使版面划分出明确的阅读区域，提高阅读效率。

20二、线的编排构成→（二）线的编排方式→2．线框的运用（2）线框的强调与装饰作用线框使被分割和限定的内容在线框的范围内产生紧张感，增强其视觉表现力，进而引起观赏者的注意。▲线框在强调信息的同时也起着装饰版面的作用，因此对线框样式的选择也是非常重要的。优美的线框能吸引观赏者的注意力并使版面美观。▶

21二、线的编排构成→（二）线的编排方式→2．线框的运用（3）线框的粗、细线框的粗细不同，给人的视觉感受也不一样，同样会影响版面的视觉效果。一般来讲，粗而实的线框有很强的强调和限制意味，增强视觉注视度，版面显得稳重、大气。

22二、线的编排构成→（二）线的编排方式→2．线框的运用（3）线框的粗、细细而虚的线框则给人一种轻快而富有弹性的印象，与版面的其他元素没有太强烈的对比，使其很容易融入版面的整体结构中。

23观察下列几幅图片，说出图中的线元素分别运用了哪种构成和编排方式？

24三、面的编排构成→（一）面的构成与表现面可以理解为线移动的轨迹和线的密集形态，也可以理解为点的放大、集中和重复。在二维空间中，面是表情最丰富的元素，它通过形状、大小、虚实、色彩的变化带来不同的情感体验。面在版式中具有平衡、丰富空间层次，烘托及深化主题的作用。规则形态的面具有明确的形状。

25三、面的编排构成→（一）面的构成与表现不规则形态的面具有随机性与偶然性，给人以自由、洒脱的视觉感受。

26三、面的编排构成→（一）面的构成与表现→1．面的分割构成将一张图片或多张图片进行分割，使其整齐有序地排列在版面上。这样分割编排的版面极具整体感和秩序感，给人独特、新颖、高级的视觉效果。

27三、面的编排构成→（一）面的构成与表现→2．面的情感构成面可以用来塑造多重情感，展现出不同的性格和丰富的内涵，带给人稳重、强势、开阔、立体、饱满、积极和消极等视觉感受。

28四、点线面的混排一个完整的版式设计是点、线、面的有机结合。点的流向编排就形成了线，线的密集排列形成面。点、线、面是相对而言的，主要根据它们在画面中的比例关系决定。

29五、版面空间构成→（一）比例关系形成的空间层次比例关系的空间层次是由构成元素的面积大小所形成的。在版式编排时应将主体形象放大，次要形象缩小，使版式形成良好的主次、强弱的空间层次关系，使版面富有立体感。

30五、版面空间构成→（二）位置关系形成的空间层次位置关系的空间层次是由文字与图形的前后、上下排列产生的。版式编排时应将重要的信息安排在注目度高的位置，其他信息则编排在注目度相对较低的位置，从而形成版面的空间层次感。通过对版面元素的叠压编排，也能形成很强的层次感，但信息的注目度却相对较低。

31五、版面空间构成→（三）色调明暗关系形成的空间层次色调明暗关系的空间层次是由色调的黑白灰所形成的远、中、近的空间层次。黑白灰不仅表示无彩色，在有彩色系中，色调间的关系（如纯度、明度等）也属于黑白灰的空间层次。黑色代表阴影，白色代表高光，灰色则代表所有的中间色。

32五、版面空间构成→（四）肌理形成的空间层次肌理空间层次主要表现为肌理的粗细、质感与色彩的变化，它能使平面拉大层次，使版面富有立体感。

33说一说下面图片分别从哪些方面使画面形成了空间层次感。

3402版式设计的视觉流程

35横向视觉流程又称水平视觉流程，是通过版面元素的有序排列，引导视线在水平线上左右移动，它是最符合人们阅读习惯的流程安排。横向视觉流程使版面构图趋向于平稳，给人带来一种稳定感与平和感。一、单向视觉流程→（一）横向视觉流程

36纵向视觉流程使版面具有很强的稳定性，给人一种直观、坚定的感受。一、单向视觉流程→（二）纵向视觉流程

37斜向视觉流程给人一种不稳定的心理感受，具有强烈的视觉冲击力，能有效地吸引观赏者的注意力。一、单向视觉流程→（三）斜向视觉流程

38人们观看一个版面时，视线最终停留的位置就是视觉的重心，它是版面中最具吸引力的地方。重心视觉流程使版面产生强烈的视觉焦点，具有稳定版式的效果，使设计主题更为鲜明。二、重心视觉流程

39指示性视觉流程是在版面中添加某一类具有指示导向作用的元素，如诱导性的文字、方向性的箭头或手势，以及人物的视线等，使版面具有清晰的脉络关系，富有条理性和逻辑性。三、导向视觉流程→（一）指示性视觉流程文字、箭头的导向效果更为直观、明了人物视线的导向效果内敛而不张扬

40三、导向视觉流程→（二）十字形视觉流程十字形视觉流程是在版面上制造交叉性的构图形式，既可以是垂直线和水平线的交叉，也可以是斜线的交叉，将读者的视线从版面四周以类似十字架的方式向版面中心集中，以达到突出重点、稳定版面的效果。

41三、导向视觉流程→（三）放射式视觉流程放射式视觉流程是在版面上确定一个视觉中心，用文字或点、线等元素来引导视线，将版面的多种元素集中到这一个中心点上，达到画面统一的视觉效果，使版面虚实相生，富有动感。

42四、反复视觉流程反复视觉流程是以相同或相似的元素在版面中反复排列，形成视觉上的重复感。它增强了图形的识别性和画面的生动感，形成了画面的统一性和连续性，给人整齐、稳定、有规律的感觉，增添了整个版式的节奏感与韵律感。

43五、曲线视觉流程曲线视觉流程具有流畅的曲线美，版面组织结构饱满而富有变化，具有强烈的节奏感和韵律感。

44六、散点视觉流程散点视觉流程是将版面元素打散后重新进行编排。例如将一个完整的东西分割成几个部分，然后再根据具体的要求进行重新组合。这种版面构成方式可以从不同的角度展示事物，把事物的内部结构表达得更加充分。

45第二章谢谢观赏！