《版式设计》艺术设计专业全套教学课件

版式设计版式设计概述版式设计的基础知识文字的组合编排图片的编排版式设计中的网格与色彩不同形式的版式设计版式设计与印刷版式设计的具体运用全套可编辑PPT课件第一章版式设计概述目录02版式设计的原则01版式设计的概念、目的及意义03版式设计的基本流程01版式设计的概念、目的及意义一、版式设计的概念版式设计是现代设计的重要组成部分，是视觉传达的重要手段。它是在有限的版面空间里将诸多视觉要素，如图片、图形、文字和色彩等，根据版面内容的需要进行有组织、有秩序的编排组合，使画面产生新的形象和风貌。版式设计应用范围广泛，涉及书刊、报纸、杂志、招贴、广告等领域。一、版式设计的概念一、版式设计的概念二、版式设计的目的版式设计的目的在于通过合理的组织和编排，突出版面主题，有效传达信息，并以版面特有的艺术感染力吸引观赏者注意。02版式设计的原则设计主题一般位于版面的重点视觉区域，是版面的精髓所在。设计主题的合理编排能使版面在有效传达视觉信息的同时，还具备形式美感，能最大限度地提升版面吸引力。一、突出设计主题放大主体形象，使其成为视觉重心通过留白突出主体形象形式与内容的统一是版式设计的前提。这就要求设计师对视觉要素的整合、编排必须符合设计主题，通过完美、新颖的形式表达主题，提升版面的悦目度。二、形式与内容的统一形式与内容的统一欣赏下列各类创意的广告设计，思考并讨论设计师如何实现了形式与内容的统一？三、优化整体布局通过标题文字的贯穿编排，使页面左右联系起来主体图片、背景图片和文字融为一体，使版面显得紧致、饱满03版式设计的基本流程一、版式信息定位→（一）读者群体定位读者群体定位是首先要解决的问题。应先明确该出版物或商品所要面向的大众群体，根据这类群体的年龄、喜好等特点来确定版式的定位，才能更好、更有效地传达信息。充满时尚气息的杂志版面设计一、版式信息定位→（一）读者群体定位中老年杂志字体较大，版面简洁、大方一、版式信息定位→（二）主题内容定位除了对读者群体进行定位外，还需对版面的主题内容定位。只有明确了版面主题内容，才能根据主题选择适合的元素，才能进行更准确、更恰当的编排设计二、信息传达定位在确定了读者群体和版面主题内容后，紧接着就需要明确设计主旨，确保版面信息的准确传达。版面简洁，形象生动图统一色调明确设计主旨三、确认设计方案与版面风格版面风格的形成实际上是一个主动、有意识的方案实施过程。它作为版面的整体表现形式，最终以直观的模式呈现在大众面前。四、手绘草图，完成制作稿在确定了版式信息定位、信息传达定位及设计方案和版面风格后，就可以进入实际的设计阶段。第一章谢谢观赏！第二章版式设计的基础知识目录02版式设计的视觉流程01版式设计的构图元素01版式设计的构图元素一、点的编排构成点是视觉设计的最小单位，越小的形越容易被认为是点，所以，点是相对于其他元素的比例而言的。在版式设计中，点的形态多种多样，它可以是一个字母，也可以是一个标点符号，其不同的构成形式、大小和数量都能形成不同的视觉效果。设计师应根据设计需要和版面效果灵活处理。一、点的编排构成→（一）点的构成与表现→1．点的视觉张力将版面中的点元素以不同的形式进行排列，利用点与空间的相互作用，使版面呈现出相应的视觉张力。一、点的编排构成→（一）点的构成与表现→2．点的线化当多点按照某个路径排列就会形成线的感觉，这便是点的线化。点的线化能平衡版面构成，使版面具有充满动感的视觉效果。点的面化是将点按照平面或曲面进行排列，同时可以有大小、深浅的变化。点的面化能增强版面层次感，有利于信息的直观表达，使版面更形象，更富有立体感。一、点的编排构成→（一）点的构成与表现→3．点的面化一、点的编排构成→（二）点的编排方式→1．密集型编排密集型编排就是数量众多的点以聚集的方式进行编排，使版面具有较强的视觉注目度。一、点的编排构成→（二）点的编排方式→2．分散型编排分散型编排是将多个点元素以散构的形式分布在版面的各个角落，使画面呈现出扩散、饱满的视觉效果。观察下面几幅图片，说一说每幅图片都是以点的哪种形式表现的。二、线的编排构成→（一）线的构成与表现→1．线的情感线的表现形式丰富多样，不同的线型传达的情感也不一样。线的形式主要分为直线和曲线两种，直线包括斜线、垂直线和水平线等，曲线主要包括几何曲线和自由曲线。二、线的编排构成→（一）线的构成与表现→1．线的情感

线的斜线在视觉空间中具有强烈的失衡感，给人不稳定的感觉，但在方位上呈现出向上或向下的运动感，充满了活力；垂直线笔直坚挺，给人以严肃、坚毅之感；水平线给人无限辽阔的视觉感受，带给观赏者稳重、平静和强烈的安全感。二、线的编排构成→（一）线的构成与表现→1．线的情感常见的几何曲线有弧线、S形线和O形线等，在版式设计中，这类线条给人以明显的约束感，但会使版面整体呈现出饱满、圆滑的视觉效果；自由曲线在形态上没有固定的外形和结构，常表现出强烈的随机性，使画面展现出明朗、流畅的空间个性。二、线的编排构成→（一）线的构成与表现→2．线的节奏节奏是指一种有规律的跳动，版面元素的重复、渐变、放射、聚散等变化都能形成节奏感。版式设计中常用文字来构成线条，文字在大小、方向等方面的改变构成了线条有节奏的运动，使版面充满节奏感。二、线的编排构成→（一）线的构成与表现→3．线的空间线还具有方向性、流动性、延续性和空间性。线条的起伏荡漾能产生视觉上的深度和广度，使画面具有强烈的视觉表现力和爆发力。二、线的编排构成→（二）线的编排方式→1．版面的分割与引导（1）量的分割量的分割是指运用线条将版面切割成等量或不等量的区域，随后将视觉要素，如图形、文字等，排列到预先设定好的区域内，使版面中的图文信息得到合理分配，从而打造出科学化的版式结构。等量分割后的版面在形状和面积上大致相等，这种版式结构较为严谨，给人一种和谐、统一的视觉效果。二、线的编排构成→（二）线的编排方式→1．版面的分割与引导（1）量的分割不等量版面分割由于没有形的限制，表现出更强的结构灵活性和编排自由性，给人一种秩序上的平衡美感。二、线的编排构成→（二）线的编排方式→1．版面的分割与引导（2）图文分割为了将包含大量图片和文字的版面进行有效的布局，可以采用线条切割的方式，在版式结构上准确地区分图片和文字两种视觉元素。二、线的编排构成→（二）线的编排方式→1．版面的分割与引导（3）线的引导作用线还可以引导人们的视线按照一定的方向进行移动，使版面元素联系更紧密，阅读更流畅。需要注意的是，线的指示位置一定要明确，不然很难让人理解；同时还要统一线的角度和长度，尽量使其保持一致，以使版面显得更加整齐、统一。二、线的编排构成→（二）线的编排方式→2．线框的运用（1）版面的分割与限定线框还影响着版面结构，通过线框的组织和限定，将版面元素进行规则设计，使版面更加稳定，具有很强的理性秩序感，使阅读更流畅。利用线框对版面空间进行分割和限定，能使版面具有一种被限制的紧张感，并使版面划分出明确的阅读区域，提高阅读效率。二、线的编排构成→（二）线的编排方式→2．线框的运用（2）线框的强调与装饰作用线框使被分割和限定的内容在线框的范围内产生紧张感，增强其视觉表现力，进而引起观赏者的注意。▲线框在强调信息的同时也起着装饰版面的作用，因此对线框样式的选择也是非常重要的。优美的线框能吸引观赏者的注意力并使版面美观。▶二、线的编排构成→（二）线的编排方式→2．线框的运用（3）线框的粗、细线框的粗细不同，给人的视觉感受也不一样，同样会影响版面的视觉效果。一般来讲，粗而实的线框有很强的强调和限制意味，增强视觉注视度，版面显得稳重、大气。二、线的编排构成→（二）线的编排方式→2．线框的运用（3）线框的粗、细细而虚的线框则给人一种轻快而富有弹性的印象，与版面的其他元素没有太强烈的对比，使其很容易融入版面的整体结构中。观察下列几幅图片，说出图中的线元素分别运用了哪种构成和编排方式？三、面的编排构成→（一）面的构成与表现面可以理解为线移动的轨迹和线的密集形态，也可以理解为点的放大、集中和重复。在二维空间中，面是表情最丰富的元素，它通过形状、大小、虚实、色彩的变化带来不同的情感体验。面在版式中具有平衡、丰富空间层次，烘托及深化主题的作用。规则形态的面具有明确的形状。三、面的编排构成→（一）面的构成与表现不规则形态的面具有随机性与偶然性，给人以自由、洒脱的视觉感受。三、面的编排构成→（一）面的构成与表现→1．面的分割构成将一张图片或多张图片进行分割，使其整齐有序地排列在版面上。这样分割编排的版面极具整体感和秩序感，给人独特、新颖、高级的视觉效果。三、面的编排构成→（一）面的构成与表现→2．面的情感构成面可以用来塑造多重情感，展现出不同的性格和丰富的内涵，带给人稳重、强势、开阔、立体、饱满、积极和消极等视觉感受。四、点线面的混排一个完整的版式设计是点、线、面的有机结合。点的流向编排就形成了线，线的密集排列形成面。点、线、面是相对而言的，主要根据它们在画面中的比例关系决定。五、版面空间构成→（一）比例关系形成的空间层次比例关系的空间层次是由构成元素的面积大小所形成的。在版式编排时应将主体形象放大，次要形象缩小，使版式形成良好的主次、强弱的空间层次关系，使版面富有立体感。五、版面空间构成→（二）位置关系形成的空间层次位置关系的空间层次是由文字与图形的前后、上下排列产生的。版式编排时应将重要的信息安排在注目度高的位置，其他信息则编排在注目度相对较低的位置，从而形成版面的空间层次感。通过对版面元素的叠压编排，也能形成很强的层次感，但信息的注目度却相对较低。五、版面空间构成→（三）色调明暗关系形成的空间层次色调明暗关系的空间层次是由色调的黑白灰所形成的远、中、近的空间层次。黑白灰不仅表示无彩色，在有彩色系中，色调间的关系（如纯度、明度等）也属于黑白灰的空间层次。黑色代表阴影，白色代表高光，灰色则代表所有的中间色。五、版面空间构成→（四）肌理形成的空间层次肌理空间层次主要表现为肌理的粗细、质感与色彩的变化，它能使平面拉大层次，使版面富有立体感。说一说下面图片分别从哪些方面使画面形成了空间层次感。02版式设计的视觉流程横向视觉流程又称水平视觉流程，是通过版面元素的有序排列，引导视线在水平线上左右移动，它是最符合人们阅读习惯的流程安排。横向视觉流程使版面构图趋向于平稳，给人带来一种稳定感与平和感。一、单向视觉流程→（一）横向视觉流程纵向视觉流程使版面具有很强的稳定性，给人一种直观、坚定的感受。一、单向视觉流程→（二）纵向视觉流程斜向视觉流程给人一种不稳定的心理感受，具有强烈的视觉冲击力，能有效地吸引观赏者的注意力。一、单向视觉流程→（三）斜向视觉流程人们观看一个版面时，视线最终停留的位置就是视觉的重心，它是版面中最具吸引力的地方。重心视觉流程使版面产生强烈的视觉焦点，具有稳定版式的效果，使设计主题更为鲜明。二、重心视觉流程指示性视觉流程是在版面中添加某一类具有指示导向作用的元素，如诱导性的文字、方向性的箭头或手势，以及人物的视线等，使版面具有清晰的脉络关系，富有条理性和逻辑性。三、导向视觉流程→（一）指示性视觉流程文字、箭头的导向效果更为直观、明了人物视线的导向效果内敛而不张扬三、导向视觉流程→（二）十字形视觉流程十字形视觉流程是在版面上制造交叉性的构图形式，既可以是垂直线和水平线的交叉，也可以是斜线的交叉，将读者的视线从版面四周以类似十字架的方式向版面中心集中，以达到突出重点、稳定版面的效果。三、导向视觉流程→（三）放射式视觉流程放射式视觉流程是在版面上确定一个视觉中心，用文字或点、线等元素来引导视线，将版面的多种元素集中到这一个中心点上，达到画面统一的视觉效果，使版面虚实相生，富有动感。四、反复视觉流程反复视觉流程是以相同或相似的元素在版面中反复排列，形成视觉上的重复感。它增强了图形的识别性和画面的生动感，形成了画面的统一性和连续性，给人整齐、稳定、有规律的感觉，增添了整个版式的节奏感与韵律感。五、曲线视觉流程曲线视觉流程具有流畅的曲线美，版面组织结构饱满而富有变化，具有强烈的节奏感和韵律感。六、散点视觉流程散点视觉流程是将版面元素打散后重新进行编排。例如将一个完整的东西分割成几个部分，然后再根据具体的要求进行重新组合。这种版面构成方式可以从不同的角度展示事物，把事物的内部结构表达得更加充分。第二章谢谢观赏！第三章文字的组合编排目录02文字的排列方式01文字的编排原则03多语言文字混排设计04文字与图片的编排01文字的编排原则一、易读性→（一）按视觉习惯进行编排人们经过长时间的阅读培养了一定的视觉习惯，即文字在视觉接触上的先后顺序，如从左到右、从上到下，所以文字的编排应符合大多数人的视觉习惯，从而提高文字的易读性。对文字进行有秩序的划分，给人以规整的视觉效果字号指字的大小，具体是指从文字的最顶端到最底端的距离。计算机中的字号通常采用号数制和点数制表示。点数制是世界流行的计算机字体的标准制度，也就是磅值，每一点等于0.35毫米。一、易读性→（二）合理的字号、字距、行距和栏间距→1．字号大而粗的字体具有强烈的视觉冲击力。细而小的字体给人纤细、典雅之感。

字距是指字与字之间的距离，是一种十分细微的关系，也是文字编排的重要组成部分。字距不仅关系到阅读的方便性，还能体现出版面的风格。一、易读性→（二）合理的字号、字距、行距和栏间距→2．字距缩小文字间距使版面具有强烈的现代感拉大字间距使版面更为明朗、清晰行距是指每行文字间的距离。行距不能太窄，否则阅读会受上下行文字的干扰；太宽则会在版面留下大量的空白，使版面缺少延续感和整体感。一、易读性→（二）合理的字号、字距、行距和栏间距→3．行距较窄的行距给人节奏感，富有现代感常规行距给人以整齐、典雅之感行距的设置并不是固定不变的。设计者应根据具体的情况来把握，只要在整体节奏上保持一致并使视觉上感到舒适即可。一、易读性→（二）合理的字号、字距、行距和栏间距→3．行距栏间距不能太窄，否则会使视线在换行时受到另一栏的干扰，减慢阅读速度；太宽又不利于文字的转换。栏间距一般控制在行距的两倍左右。当然这个距离应根据版面的具体情况而定，只要能使阅读轻松、流畅，就是合理的间隔。一、易读性→（二）合理的字号、字距、行距和栏间距→4．栏间距观察下面两幅相同内容的版式设计，分析方案一和方案二哪个更吸引读者的眼球，那幅设计的文字排列方式更易于阅读？把握文字间的逻辑关系，主要是指处理好版面文字在功能上的主次关系，如标题和正文、主要信息和辅助信息等。以实现主题突出，内容易读，版面效果和谐、统一为最终目的。一、易读性→（三）把握文字间的逻辑关系编排文字时，设计师应从版面的整体布局出发，主次有序，层次分明，给人良好的视觉效果，避免发生视觉冲突，引起视觉混乱。二、协调性→（一）考虑版面整体布局文字位置的安排也影响着版面的整体风格，合理的安排会使版面效果更加美观、生动。二、协调性→（一）考虑版面整体布局二、协调性→（二）与版面风格相协调文字是为整个版面服务的，从字体样式选择到大小设置再到文字距离的确定，这些细节的变化都会影响到版面风格，所以在文字编排前一定要深入分析并熟悉版面风格，结合设计主题恰当地选择编排文字。三、艺术性→（一）字体艺术化处理在版式的文字设计中，将个别文字进行艺术化处理，使版面局部的表现力得到加强，同时让观赏者有眼前一亮的感觉，并对该段信息产生强烈的阅读兴趣。三、艺术性→（二）文字编排艺术化文字编排的艺术化就是在编排时打破常规、单调的结构形式，使整段文字具有独特的艺术表现力。下图是以“少女的憧憬”为主题的时尚杂志的内页，观察方案一和方案二的设计，分析哪个文字的编排方式更符合杂志的主题。为什么？02文字的排列方式左右对齐是指文字段落的每一行中从左到右的长度是完全相等的。这种文字组合使字群齐整、严谨美观，体现出编排的条理性。常用于处理文字信息较多的版面。一、文字的基本排列方式→1．左右对齐横向左右对齐纵向左右对齐齐左或齐右对齐的编排方式追求的是文字一端的对齐，采用这种文字编排方式能使结构松紧有度、虚实结合，参差不齐的文字组合使版面充满节奏感。一、文字的基本排列方式→2．齐左与齐右对齐文字的齐左对齐更符合常规的阅读习惯，给人轻松、自然的阅读体验文字的齐右对齐具有强烈的现代感，给人新颖、别致的阅读感受一、文字的基本排列方式→2．齐左与齐右对齐居中对齐是指文字的排列以版面的中心线为准，左右两端的文字字距大致相等。这种文字排列方式使视线更加集中，重心更为突出，并加强版面的整体感，具有简洁、庄重和优雅的视觉效果。一、文字的基本排列方式→3．居中对齐文字对比编排是指通过文字大小、形态及色彩等方面的对比使版面效果更为生动，更具有活力。二、文字的创意编排→1．文字对比编排文字留白编排是指将文字四周进行适当的留白处理。这种文字编排方法能使画面张弛有度，充满节奏感和韵律感，同时突出文字，增强了版面的空间感和品质感。文字四周留白处理使版面张弛有度，充满节奏感二、文字的创意编排→2．文字留白编排文字倾斜编排是指将文段整体或局部排列成倾斜状，构成非对称的画面形式。这种编排方式使版面具有动感、方向感与节奏感，具有强烈的视觉效果，常用于招贴设计。二、文字的创意编排→3．文字倾斜编排文字立体化编排是以文字的基本结构为依据，将文字在三维空间中进行拉伸、站立等变化。这种文字编排方式能增强视觉冲击力和版面空间感，使版面充满立体感。二、文字的创意编排→4．文字立体化编排文字图形化编排是指将文字与图形结构组合在一起，构成文字的图形化效果。这种编排方式使图文相互融合和补充，利用图形化的文字来表达主题思想，具有独特、新颖的视觉效果。二、文字的创意编排→5．文字图形化编排首字突出是指将文字开头的一个字或字母突出放大，在版面中起着强调和吸引视线的作用。这种文字编排方式打破了版面的平庸感，给人新颖而活泼的视觉效果。三、文字的个性化处理→1．首字突出文字的动感处理是指对文字进行变形、夸张或倾斜等处理，使其具有动势，为版面增添动感和节奏感。三、文字的个性化处理→2．文字动感处理文字自由编排是根据设计师的爱好和设计需要将文字灵活处理，使其具有活泼、自由、无拘无束的视觉效果，也是最能体现设计师的创意与风格的编排方式。三、文字的个性化处理→3．文字自由编排欣赏下列几幅版式设计的作品，说一说版面中的文字信息分别使用了哪些编排方式？03多语言文字混排设计一、英文字体编排英文的编排方式具有很大的灵活性，可以以曲线形式出现，也可以以直线形式出现。英文中每个单词的形态都不一样，在版式上容易形成不规则的错落现象，使版式内容丰富、生动。二、中文字体编排中文字体编排主要以字块的形式出现，具有字体的轮廓性。在排版时受各种因素的限制，不如英文排版那样自由灵活，中文排版很难出现错落有致的效果，但整体却显得规整，富有气势。三、中英文混排明确主次关系1中英文混排应注意设计创意与主次关系，版面应有明确的层次感，有一定的侧重点，避免出现平均现象，导致版面过于呆板。由于中英文字体的样式不同，给人的视觉感受也不同。字体的变化过多会使版面显得杂乱，失去整体协调感，所以中英文混排一定要注意字体风格的统一。字体风格的统一2三、中英文混排中英文形态上的差异是由它们自身不同的构成方式决定的，汉字以假想框作为基本框架，英文字体则是以水平基线为构成基础。因此，在中英文内容没有主次关系差异时，需要统一二者之间的文字大小与基准线，以使文字高度在一行上的变化不会太明显。字号和基准线的统一3三、中英文混排观察下面两幅版式设计，相同的内容采用不同的排版方式会给人不同的视觉感受。分析方案一和方案二哪个更好，为什么？04图片与文字的编排一、图片与文字位置的编排图文位置的编排大致可分为分组编排和散点编排。图文相对独立的成组编排，使版面富有秩序感和条理性图文交叉编排使版面显得轻松活泼一、图片与文字位置的编排→1．统一图文边线同一版面中文字与图片的编排应该协调，这并不是要求版面中的所有元素都采用同样的编排形式，而是在统一中有变化，否则会使版面呆板无趣。其中，统一图文边线是一种行之有效的处理方式。文字绕图编排是指版面中的文字与图形以互动的方式进行排列组合，使两者融为一体，实现更为和谐、统一的版面效果。一、图片与文字位置的编排→2．文字绕图版式设计中的文字说明与图片内容是紧密相关的，这就要求设计师在交代清楚文字与图片的对应关系时，要处理好图文的距离问题。图文距离过于疏松会使两者失去联系，过于紧密则会降低版面空间感，使版面显得小气、不协调。一、图片与文字位置的编排→3．图片与文字保持适当距离二、图片与文字色彩的编排通常情况下，版面文字较多使用黑白两色，因为黑白两色可以跟任何色彩进行和谐的搭配，且可视性强，并使阅读流畅。除了黑白两色，其他色彩也都可用于文字。但应注意，文字色彩应与整个版面风格搭配，并注意文字的可识别性。图文混排时应注意文字不要放在图片重点展示区域上，以免破坏整个版式的完整性。图文重叠时应注意文字的可识别性，适当区分文字与图片的色彩，以免造成版式混淆，影响视觉清晰度。二、图片与文字色彩的编排第三章谢谢观赏！第四章图片的编排目录02图片的基本编排形式01图版率03图片的基本编排法则04图片的表现类型01图版率一、高图版率高图版率指版面中的图片占据了大量的面积，成为画面的主导元素。在高图版率的版面中，文字信息变得相对较少，大篇幅的图片代替文字呈现给人们更多的内容和信息，并使读者感受到一种阅读的活力。简单来说，中图版率就是在同一版面中，图片与文字要素所占的面积比例为1∶1。需要注意的是，这种等量比例是相对的。适中的图版率使版面体现出均衡感，给人一种舒适的视觉感受。二、中图版率低图版率就是指图片在版面中占据的面积相对较小，文字内容充斥着大部分的版面面积。在低图版率的版面中，读者将面对大量的文字信息，通过少量的图片来丰富版式的结构，避免视觉疲劳，给人一种沉稳、安静的视觉效果。三、低图版率02图片的基本编排形式一、方形图与圆形图方形图构成的版面给人大气而平稳的视觉印象圆形图削弱了方形图四角的锐利感，呈现出更加圆润、柔和的视觉印象，使版面充满轻松、活泼之感下图展示的是介绍甜品的对开页的两个方案，说一说哪个方案看起来更有诱惑力，为什么？去底图又称挖版图，就是删除图片背景，使图片主体独立呈现的一种方式。这种方式能轻松、灵活地运用图片，使画面空间感强烈，版面形式灵活多变。二、去底图与特写图去底图可使版面空间感更强二、去底图与特写图图片通过特写、拉近并进行合理裁切，能使原本普通的画面呈现出意想不到的视觉效果，令人惊喜。二、去底图与特写图出血图片是指超出页面大小的图片，由于它没有边框的束缚，使版面具有一种向外的张力，同时还具有一种运动感。出血图片拉近了版面与读者的距离，增加了版面的联想性，丰富了版面的内容。三、出血图片三、出血图片

放大裁剪图片是截取图片中的某一部分，形成了局部放大的效果，以减少图片多余信息。这种方法能有效地将读者的视线集中到想要展示的内容上。四、图片的裁剪→（一）通过裁剪放大版面图像剪裁删除多余的图像是将多余的部分删除以完善图片效果，使版面效果更协调。四、图片的裁剪→（二）通过剪裁删除多余图像图片位置的不同给读者带来的视觉印象也不一样。当拍摄的照片原图没有达到预想的效果和排版要求时，可以通过裁剪来调整物体的位置，以突出主题，增强信息传达力度。四、图片的裁剪→（三）通过裁剪调整图像位置03图片的基本编排法则一、图片的组合→（一）图片数量对版面效果的影响图片数量直接影响到版面效果，也影响到读者的阅读兴趣。一般来说，图片数量较多的版面更能引起读者的阅读兴趣。但也不能纯粹为了吸引人的眼球而滥用图片，应根据具体的版面需求来决定图片的数量。单幅图片使版面显得大气、舒畅一、图片的组合→（一）图片数量对版面效果的影响多图片版面显得饱满、热闹图片的组合编排是将若干图片合理地编排在同一个版面上，形成一个新的结构样式，并将信息传递给观赏者。它的主要表现形式为图文组合及图片之间的组合，这里主要讲图片间的组合。一、图片的组合→（二）不同的图片组合编排统一尺寸的图片组合，给人丰富的信息量一、图片的组合→（二）不同的图片组合编排将一张图片放大，与其他图片形成对比，增加版面层次感图片间相同的间隔，使版面有透气感在版式设计中，应将含有重要信息的图片放大，因为大尺寸的图片通常更能引起读者注意，同时缩小次要图片。这种图片编排能形成空间层次感。▶二、图片大小及位置关系→（一）图片的大小对图片进行一定程度上的协调统一，将图片大致分为大、中、小三个级别，还能制造版面节奏感。二、图片大小及位置关系→（一）图片的大小通过主体图片的左置处理，使版面展现出统一的方向性，同时还能增强版式结构的条理性，使画面产生由左向右的阅读顺。二、图片大小及位置关系→（二）图片的位置→1．左侧二、图片大小及位置关系→（二）图片的位置→2．右侧将主要图片放置在版面的右侧，与人们的阅读习惯恰好相反，产生了颠覆性的视觉流程，有效地打破了常规，在感官上给读者留下深刻的印象。二、图片大小及位置关系→（二）图片的位置→3．中央位置中心是整个版面中最容易聚集视线的位置，将主要图片放置版面中心，能够提升图片的视觉表现力，吸引读者的眼球。同时，将文字以环绕的形式排列在图片四周，使画面显得饱满、集中。二、图片大小及位置关系→（二）图片的位置→4．上方将图片摆放在版面的上方，可以为文字信息提供更多的表现空间，通过规范有度的编排形式，反映出版面设计的专业性与务实性，该方式常用于报刊、杂志中。同时，从上往下的阅读顺序同样符合人们的阅读习惯，使读者从图片中快速得知文字所要表达的内容。二、图片大小及位置关系→（二）图片的位置→5．下方在一些文字较少的海报设计中，版面的视觉要素非常有限。为了使观赏者在第一时间获取主要信息，设计者通常会将图片放在版面下方，以突出文字要素，更清晰、准确地传达相关信息。常见的图片对齐方式有上对齐、下对齐、左对齐和右对齐四种方式。二、图片大小及位置关系→（三）图片的对齐方式二、图片大小及位置关系→（三）图片的对齐方式下图所展示的是某面向追求生活质量的女性杂志的内页，观察给出的两个设计方案，说一说哪个设计方案更好，为什么？三、图片的方向图片本身是不具备方向性的。方向是由图片上主体所呈现的方向决定的，如物体的造型、倾斜方向、人物的动作、面部朝向及视线等，都可以使读者感受到图片的方向性与运动感，从而使版面有一种跃动感。三、图片的方向图片方向不但能起到引导视线的作用，同时，还能保持版面的平衡感和逻辑性。比如图片人物视线一般朝向版面内部，这样会有一种稳定感。三、图片的方向谈话类内容的版面中，图片人物视线一般相对，以便形成较强的互动性。图片的动感可以由拍摄对象的动势来体现，还可以通过将图片倒置、倾斜或将若干图片按照一定的路径编排等方法，来打破平衡以增强动感，使版面更加生动和丰富。四、图片的动感四、图片的动感四、图片的动感肌理体现物质的表面特征，使人产生触觉感受，凸显视觉质感，丰富视觉感受。在版式设计中，合理地运用肌理图片，能丰富版面的艺术表现力，增加版面生动性和趣味性。五、图片的肌理五、图片的肌理04图片的表现类型一、夸张图片夸张的图片能直接、鲜明地揭示事物本质，突出设计主题，增强艺术传达效果，赋予版面新奇而变化的情趣，使版面效果更加生动。二、具象图片具象图片是写实性与装饰性的结合，这样的图片给人带来一种亲切感，留下直观的视觉印象，使版面构成一目了然。抽象图片运用简单的点、线、面等元素提炼而成，它体现的是事物本质的特性，是规律的概括。抽象图片为版面营造了想象空间，引导读者去联想与体味，使版面具有一种广阔感和深远感，并富有时代气息。三、抽象图片符号性图片是一种高度凝练和概括的图片，其本质就是一种视觉符号，它暗示与启发观赏者产生联想，进而揭示内在的设计意图。四、符号性图片五、文字性图片文字性图片包括图片文字和文字图片两层意思。图片文字是指将文字用图片的形式表现出来，最常见的是文字类的logo设计。五、文字性图片文字图片是利用文字作为基本构成元素形成图片，进而构成版面，使版面图文并茂。第四章谢谢观赏！第五章版式设计中的网格与色彩目录02版式设计与色彩01版式设计与网格01

版式设计与网格一、网格的概念及作用→（一）网格的概念

网格是一种起源于20世纪的版面构成方式，是平面构成中“骨格”概念的延伸。它能使版面层次分明、井然有序，更好地掌控版面的比例和空间感，同时，也能提高版面的精准性和连贯性。如今，网格已成为版式设计中普遍使用的版面组织方式。01

版式设计与网格名词解释骨格是用来组织和管理基本形在图形中的基本结构的框架。它决定了构成中基本形的设置及关系，包括基本形的形状、大小、方向和位置等的变化。

网格的主要目的是方便设计师有效地组织版面元素，充分提升版面的可读性。通过网格对

版面的约束力构建一个更为完整的版面，给人一种稳定的、可信赖的视觉效果。网格在版式设

计中的作用有以下几点。组织版面信息是网格最基本也是最重要的一项功能，通过网格的组织使版面中的文字、图

片等构成元素变得更加精确、协调，更具条理性。网格组织版面信息01

版式设计与网格一、网格的概念及作用→（二）网格的作用→1．组织版面信息

网格的编排形式多种多样，设计师可以根据版面信息的具体情况和设计需要选择合适的网格形式，充分运用网格编排的灵活性，将各项信息安置在基本的网格框架内，在不影响版面的整体平衡的前提下，对一些细节进行适当的调整，有利于呈现出符合需求的版面效果。图片大小的对比，文字的个性编排，使版面充满活力，令人印象深刻01

版式设计与网格一、网格的概念及作用→（二）网格的作用→2．符合版面需求

运用网格进行编排能使版面整体结构更为明确，视觉流程更为清晰，从而提升阅读关联性，使版面效果统一、整齐。图片大小的对比，文字的个性编排，使版面充满活力，令人印象深刻01

版式设计与网格一、网格的概念及作用→（二）网格的作用→3．提升阅读关联性二、网格的分类→（二）对称式网格→1．对称栏网格

网格作为组织版面元素的一种方法，形式多样，具体可分为对称式网格、非对称式网格、基线网格和成角网格四大类。对称栏网格中的“栏”指的是版面中编排文字的区域，它使文字编排更有秩序，版式更为严谨。对称栏网格又可细分为单栏对称网格、双栏对称网格、三栏对称网格和多栏对称网格。对称网格并不局限于杂志、书籍类的对页，在单一的版面中也同样适用，只是它的对称线不再是对页的交接线，而变成了页面的中线。01

版式设计与网格

单栏对称网格使版面显得简洁、单纯，提升了页面的可读性双栏对称网格使版面整齐、统一，阅读更为流畅01

版式设计与网格三栏对称网格适用于字量较大的版面二、网格的分类→（二）对称式网格→1．对称栏网格

单栏对称网格使版面显得简洁、单纯，提升了页面的可读性单页双栏、多栏对称使版面显得干净、整齐，阅读流畅自然01

版式设计与网格二、网格的分类→（二）对称式网格→1．对称栏网格

对称单元格网格的版面整齐、规整对称单元格网格编排是将版面分成同等大小的单元格，再根据版式的需要编排文字和图片。单元格的大小可以自由调节，但须保证每个单元格周围的空间是相等的。这种网格结构具有很大的灵活性，版面具有很强的空间感和规律性，给人规则、整洁、有规律的视觉效果。01

版式设计与网格二、网格的分类→（二）对称式网格→2．对称单元格网格

下面展示的是某信息杂志的内页，分别给出了两种版面设计的方案，观察并分析哪个方案使版面更有条理。同时，思考在图片较多的情况下，如何编排才能使版面效果更加规整、合理。课堂讨论方案一方案二01

版式设计与网格

非对称栏网格中左右页面的网格栏数基本一致，每一栏垂直对齐，但左右页面并不对称，且左右页面的页边距也可以不同。这种编排方式有效地打破了对称的呆板样式，使版面更富有生气与活力。非对称栏网格使版面编排更具灵活性01

版式设计与网格二、网格的分类→（二）非对称式网格→1．非对称栏网格非对称单元格网格依然采用单元格来划分版面，只是不像对称单元格网格那样进行绝对的平均划分，也不要求所有的区域都大小一样。运用非对称单元格网格的编排方式使版面变得灵活多样、错落有致、层次清晰，增添了版面的活力。非对称单元格网格的版面元素排列井然有序且富有变化，更具有灵活性01

版式设计与网格二、网格的分类→（二）非对称式网格→

2．非对称单元格网格

非对称单元格网格常被应用于图片量和信息量都较多的页面编排中，根据不同的版面需要，将图片和文字随意编排于一个或多个单元格中，产生不对称的左右页面效果。这样的编排方式既简化了版面结构，又使整个版面表现出较高的自由性，体现出版式设计的多样性，既生动又有趣，营造出独特的版面效果。非对称单元格网格用于较多信息量的版面中，提升了版面的活跃度01

版式设计与网格二、网格的分类→（二）非对称式网格→

2．非对称单元格网格

基线网格提供了一种视觉参考，是版式设计的基础。它帮助版式元素按照要求准确对齐，为编排版式提供了一个基准，有助于设计师制作出规范化的版面。基线网格不仅是辅助对齐版面元素的基础线，有时也会作为版面的一个构成元素，直观地呈现于页面上，常被用来强化正文内容，引导读者视线，使版面更具吸引力。基线网格的间距根据字体的大小而变化，以满足不同字体的需求01

版式设计与网格二、网格的分类→（三）基线网格基线网格的间距根据字体的大小而变化，以满足不同字体的需求课堂讨论

下面展示的是一本介绍甜品的杂志内页，分别给出了两种版面设计的方案，观察并分析哪个方案使介绍更加明确，展现了版面的愉悦感。方案一方案一01

版式设计与网格

成角网格是指版面中的所有元素都朝向同一个或两个角度进行分栏编排。成角网格可以根据需要设置成任何角度，由于使用了倾斜的角度，打破了常规，可以展现出新颖的、具有创意感的效果。需要注意的是，在设置成角网格的倾斜角度与文字的方向时，应考虑到人们的阅读习惯，使其与版面结构和阅读习惯达到最大限度上的协调统一。另外，在使用成角网格时，通常只会选择一个或两个角度进行倾斜，倾斜角度过多会造成版面的混乱，不利于人们阅读。使用成角网格的版面新颖，富有创意01

版式设计与网格二、网格的分类→（四）成角网格

不要一味地拘泥于网格的束缚，有时打破网格能使版面更具灵活性，更富有创意。

当然，打破网格并不是彻底地摒弃网格，而是通过对网格进行局部的调整，以网格的某一条或某几条线为基础进行编排，也可将有网格与无网格进行混排，使版面在变化中保持平稳。01

版式设计与网格三、打破网格02

版式设计与色彩一、色彩与版式设计元素→1．色彩与图像的关系运用不同的色彩来表现图像，可以使图像效果更加丰富，形式美感更加强烈，从而增加版面的视觉感染力。02

版式设计与色彩一、色彩与版式设计元素→2．色彩与文字的关系色彩也会影响文字的可读性。白底黑字是最常用的色彩搭配，因为黑白两色的巨大差异保证了文字极高的辨识度。根据版式和设计的需要，设计师应灵活地变换字符色彩以增强其表现力和视觉美感。02

版式设计与色彩一、色彩与版式设计元素→3．色彩对版面率的影响版面率主要由页边的留白量决定，页边的留白量越大，版面率越低；反之，版面率越高。除此之外，色彩对版面率也有很大的影响。02

版式设计与色彩二、色彩与消费的关系→1．消费群体对版面配色的影响消费者的年龄、性别、职业、文化程度及经济状况等因素都会影响到其消费行为。色彩是产品给消费者的第一印象，因此对于色彩的选择，应充分考虑消费者群体的差异性，进行有针对性的色彩设计，才能抓住消费者心理，从而促进其购买欲望。男生香水广告用色低调沉稳女士香水广告用色艳丽02

版式设计与色彩二、色彩与消费的关系→2．产品属性对版面配色的影响消费者的年龄、性别、职业、文化程度及经济状况等因素都会影响到其消费行为。色彩是产品给消费者的第一印象，因此对于色彩的选择，应充分考虑消费者群体的差异性，进行有针对性的色彩设计，才能抓住消费者心理，从而促进其购买欲望。奔驰广告用色简洁，版面干净利落，彰显贵族气质洗发水广告用色淡雅、柔和02

版式设计与色彩课堂讨论下面展示的是面向中年商务人士的某杂志内页，分别给出了两种版面设计的方案，观察并分析哪个方案更能展现中年男人沉稳、成熟的形象。02

版式设计与色彩方案一方案一三、色彩在版式设计中的应用技巧→（一）版式设计中的色彩搭配技巧影响色彩表现效果的因素有很多，如色彩的色相、纯度、明度及面积大小等。设计师应对多方面的因素进行综合考虑，明确设计定位，以呈现出良好的视觉效果。版面中的色彩搭配02

版式设计与色彩三、色彩在版式设计中的应用技巧→（一）版式设计中的色彩搭配技巧→1．以色相为主的配色以色相为主的配色是指根据色彩的相貌来进行的色彩搭配，这种搭配方式以色相环为依据，根据色彩在色相环上位置，分为同类色搭配、类似色搭配、邻近色搭配、对比色搭配和互补色搭配五大类。以色相为主的配色形成的版面具有很强注目度和辨别度，令人印象深刻。02

版式设计与色彩（1）同类色搭配同类色彩在色相上的差别是非常微弱的，为了加强画面中的对比度，可以在画面中适当地增加一些该种色彩的过渡色。02

版式设计与色彩三、色彩在版式设计中的应用技巧→（一）版式设计中的色彩搭配技巧→1．以色相为主的配色（2）类似色搭配为了在版面中有效地区分类似色，可以在该组色彩中加入无彩色或其他色彩，以制造画面的对比性。通过这种方式能有效地打破类似色搭配所带来的呆板感与单一性，使版面产生跳跃感。02

版式设计与色彩三、色彩在版式设计中的应用技巧→（一）版式设计中的色彩搭配技巧→1．以色相为主的配色（3）邻近色搭配与同类色和类似色相比，邻近色在色相上的差异较大，因此在进行色彩组合时，能够呈现出丰富、活泼的视觉效果。邻近色搭配可以使画面展现出柔美、别致的一面，同时还能提升版面的艺术性，赋予画面美妙的视觉感受。02

版式设计与色彩三、色彩在版式设计中的应用技巧→（一）版式设计中的色彩搭配技巧→1．以色相为主的配色（4）对比色搭配对比色在色相上有着明显的差异性，在版式设计中，配合主题合理地将对比色进行组合与搭配，可以使画面展现出鲜明且具有个性化的视觉效果。对比色的搭配有强对比与弱对比两种。02

版式设计与色彩三、色彩在版式设计中的应用技巧→（一）版式设计中的色彩搭配技巧→1．以色相为主的配色（5）互补色搭配

在色彩搭配中，补色的对比性是最强的，将互补色组合在一起可使版面产生强烈的视觉冲击力，打造出具有奇特魅力的视觉效果，如图5-33所示。需要注意的是，由于补色搭配对比强烈，容易造成视觉疲劳。02

版式设计与色彩三、色彩在版式设计中的应用技巧→（一）版式设计中的色彩搭配技巧→1．以色相为主的配色课堂讨论

下面展示的是某化妆品的宣传页，分别给出了两种版面设计的方案，观察并分析哪个方案更能体现出商品的品牌特质。02

版式设计与色彩方案一方案一高纯度的色彩搭配能有效地提升版面整体的艳丽感，带给观赏者生动、鲜艳、华丽的视觉印象；低纯度的色彩搭配可以有效地降低画面整体的鲜艳度，使版面表现出沉稳、冷静的视觉效果；中纯度的色彩搭配使版面呈现出一种平缓、温和、淡定的视觉效果，富有浪漫气息。高纯度色彩搭配使版面视觉醒目低纯度色彩搭配给人以典雅、柔和的视觉感受中纯度色彩搭配给人以梦幻、浪漫之感02

版式设计与色彩三、色彩在版式设计中的应用技巧→（一）版式设计中的色彩搭配技巧→2．以纯度为主的配色高明度色彩搭配在视觉上给人积极、明朗、亮丽的感觉，常用以表达积极、活泼的版面主题，低明度色彩搭配给人庄重、沉稳的视觉效果，常用以表达冷峻、严肃的版面主题，中明度色彩搭配给人一种含蓄的感觉，常用以表达平淡、缓和的版面主题。另外，色彩的明暗对比也会使版面富有立体感和空间感。02

版式设计与色彩三、色彩在版式设计中的应用技巧→（一）版式设计中的色彩搭配技巧→3．以明度为主的配色10/14/2024三、色彩在版式设计中的应用技巧→（一）版式设计中的色彩搭配技巧→3．以明度为主的配色

下面展示的是某室内装饰公司促销的宣传页，分别给出了两种版面设计的方案，观察并分析哪个方案更能突出主题。02

版式设计与色彩

在版面设计中，色彩与设计主题息息相关。恰当地运用色彩，可以突出设计主题，使版面更具有感染力。02

版式设计与色彩三、色彩在版式设计中的应用技巧→（二）运用色彩体现设计主题利用色彩的对比突出重要信息，使读者能快速而准确地将目光定位在重点内容上，从而达到有效传达信息的目的。02

版式设计与色彩三、色彩在版式设计中的应用技巧→（二）运用色彩体现设计主题→1．利用色彩突出版面重要信息在版式设计中，有时为了突出版面中的主体元素，设计师用色彩将其突出显示，并将其放置在版面中心位置，或通过放大面积等手段来增强其视觉注目度。02

版式设计与色彩三、色彩在版式设计中的应用技巧→（二）运用色彩体现设计主题→2．利用色彩突出版面主体课堂讨论

下面展示的是某日式点心店的促销宣传页，分别给出了两种版面设计的方案，观察并分析哪个方案更能营造出日式点心美味且具有高级感的视觉效果。02

版式设计与色彩单纯的冷色系色彩搭配与暖色系色彩搭配，能给观赏者不同的心理感受。暖色调版面给人温暖、热情之感；而冷色调则使人感觉清爽。02

版式设计与色彩三、色彩在版式设计中的应用技巧→（三）运用色彩表现版面情感→1．色彩的冷与暖在版式设计中，高纯度、高明度的色彩搭配能有效地刺激观赏者的视觉神经，并使其产生亢奋、激动的心理变化，使画面呈现出热闹、欢快的视觉效果。相反地，低纯度、低明度的色彩相结合则使画面呈现出沉寂、压抑的视觉氛围；低纯度的色彩搭配也会使版面看起来更加高级、有质感。02

版式设计与色彩三、色彩在版式设计中的应用技巧→（三）运用色彩表现版面情感→2．色彩的欢快与悲伤

思考与练习下面展示的是某杂货店的名片设计，观察并分析哪个设计使信息排列得更加整齐，更便于阅读。02

版式设计与色彩

思考与练习下面分别给出了两幅针对幼儿和老年人设计的杂志内页，但两个设计的颜色搭配都不够符合所针对的人群，挑选一幅作品进行修改，通过改变色彩使版面更加符合幼儿、老年人这两种特殊人群特点。老年人杂志内页设计幼儿园春游通知宣传页02

版式设计与色彩第六章不同形式的版式设计目录01版式设计的基本类型02版式设计的经典形式01版式设计的基本类型一、满版型

版式设计的构图样式多种多样，常见有满版型、分割型、对称型、对角型、三角型、重复型等。满版型满版型版面以图片信息为重点。它是将图片铺满整个版面，具有强烈的视觉冲击力，给人以直观、明了的视觉感受，整体效果大方、舒展，且层次分明，常用于平面广告。满版型构图的广告主题明确，给人以丰满、生动的视觉效果。01版式设计的基本类型二、分割型→（一）上下分割

分割型版面布局是将整个版面分割成大小不同的区域，并将图片和文字分别安置在合适的位置。分割包括对图片、文字等版面构成元素的分割。分割型版面注重比例和位置的划分，通过对版面进行上下、左右、水平、垂直等区域的划分，达到一种视觉美感。上下分割是一种比较简单、快捷的版面划分方式，它是将整个版面划分为上、下两个部分，使图文分工更为明确，版面更为简洁并易于阅读。上下分割的版面布局显得干净、利索，给人直观明了的视觉感受01版式设计的基本类型二、分割型→（二）左右分割

左右分割版面是将整个版面划分为左、右两个部分，分别放置图片和文字。这种分割类型的版面通过图片、文字的强弱对比带来一种视觉上的不平衡感，从而增强版面活跃性。左图右文式分割01版式设计的基本类型二、分割型→（二）左右分割二、分割型→（三）水平分割

水平分割型版面符合横向的视觉流向，是将版面中的图片、文字等版面元素以水平的方向进行排列，引导视线以水平方向来回移动。水平分割版面给人以稳定、安静而含蓄的视觉感受。水平方向的视觉引导给人规整、稳定的印象01版式设计的基本类型二、分割型→（四）垂直分割

垂直分割型版面符合纵向视觉流程，是将版面中的图片、文字等版面元素在垂直方向上进行排列，使视线形成由上至下的移动模式。相对于水平分割版面，垂直分割型版面更富有动感，充满活力。垂直式版面分割的视觉流程清晰，版面结构明确01版式设计的基本类型二、分割型→（五）黄金分割

黄金分割法是由古希腊人发明的，即将整体一分为二，较大部分与较小部分之比等于整体与较大部分之比，其比值为1∶0.618或1.618∶1。这种比例最能引起人的美感，是一种接近完美的比例，因此被称为黄金分割。黄金分割法是众多设计者推崇的版面分割手法之一，将版面中的重要部分置于版面黄金比例位置处，最易引起视觉上的美感，同时可有效地突出主体，达到吸引视线的目的。

将视觉主体放置于黄金分割点上，结合光影的明暗变化，使产品形象更为清晰、生动。

背景橙色色块与白色色块形成黄金比例分割，给人以和谐、舒适的视觉美感。01版式设计的基本类型三、对称型

对称型版面是利用版面中的轴心将版面元素进行上下、左右或其他方式的对称。对称型版面具有统一、庄严的特点。01版式设计的基本类型10/14/2024三、对称型

课堂讨论：

沿中心线左右对称设置元素，能够营造出均衡对称的效果。想给出了两个设计方案，观察并分析哪个方案看起来更加简洁、高雅？为什么？

01版式设计的基本类型四、对角型

对角型版面是指版式中的主要元素分别位于版面的对角线上，形成了变化中相呼应的视觉效果。对角型版面具有不稳定感，视觉冲击力较强。

对角型构图增添了版面的趣味性01版式设计的基本类型五、三角型

三角形又称金字塔形，是基本图形中最具有安全感的图形。版式设计中的三角形构图又可分为正三角形和倒三角形两种。正三角形构图有着最为稳定的图形结构，给人稳定、安全、值得信赖的感觉。倒三角形的版式结构给人以动感和不稳定感，使版面充满紧张感。正三角形版面给人稳定、牢固的视觉感受倒三角形式版面充满动感和紧张感01版式设计的基本类型六、重复型与重叠型

重复型版面是将多个图片，以相同的大小按照一定的规律进行有秩序的重复排列，多用于展现一组或一系列相近的图片。由于图片大小一致，形式相同或相近，很容易造成视觉上的重复印象，富有规律性，给人以整齐、统一的视觉感受。重复型版面具有强烈的秩序感，给人以视觉上的统一感01版式设计的基本类型六、重复型与重叠型

重叠型版面布局是指版面中的主要元素以相同或相似的形式反复出现，排列时表现为层层重叠的样式。这种构图使版面具有较强的整体感和丰富感，能够营造出活泼、动感的版面效果，适合于表现时尚、年轻的主题。重叠型版面具有丰富的视觉感受，充满动感和时尚气息01版式设计的基本类型七、坐标型

坐标型版面构图是指版面中的文字或图片等元素以类似坐标线的形式，呈垂直与水平交叉式排列。这种构图方式比较特殊，具有较强的视觉注目度，能给观者留下较深的印象。坐标型版面适宜于表现轻松、活泼的主题，但注意文字量不宜过多。坐标型版面给人以轻松、活泼之感01版式设计的基本类型八、倾斜型

倾斜型版面构图是指将版面中的文字或图片等元素倾斜编排，形成版式强烈的动感和不稳定性，使人产生一种重心不稳的感觉，具有很强的视觉冲击力，引人注目。01版式设计的基本类型九、组合型

组合型构图是将版面分成左右、上下两部分，再将富有对比意味的元素拼贴在一起，形成新的版面，统一中有变化，形成趣味性极强的版式效果。组合型版面具有极强的趣味性，令人印象深刻01版式设计的基本类型十、自由型

自由型构图是指版面结构没有任何规律，通过随意的编排组织相关元素。自由型版面形式灵活多变，画面活泼、轻松，是最能施展创意的构图形式。但自由构图并不代表杂乱无章，还需要把握整体的协调性。自由型版面在布局上打破常规，体现出无限的创造力和独特的个性01版式设计的基本类型

课堂讨论：下图所展示的是某面向20岁女性的杂货信息杂志的内页。该篇内容的主题是“法国跳蚤市场”，观察给出的两个设计方案，说一说哪个方案既能突出所要表达的主题，又使内容充满趣味感。（扫描的图片，调清楚一些）方案一方案二01版式设计的基本类型十一、聚集型

聚集型版式是指版面中的大部分元素按照一定的规律朝向同一个中心点聚集。聚集型构图能够强化版面的重点元素，同时具有向内的聚拢感和向外的发散感。01版式设计的基本类型十二、分散型

分散型构图是指版面中的主要元素按照一定的规律分散地排列在版面中。这样的构图通常分布较为平均，元素之间的空间较大，给人以轻松、舒适之感。分散型版面规律中有变化，给人轻松惬意之感01版式设计的基本类型十三、破型

破型版面构图是指打破传统的网格结构，摆脱平衡和拘束，形成特殊的版面效果。破型版面的创意空间很大，给人以自由、另类之感，充满个性。但这种版式构成控制起来比较难，设计时还应注意尺度的把握。破型版面版式灵活多变，具有较强的视觉冲击力01版式设计的基本类型02

版式设计常用的形式美法则一、变化与统→（一）变化带来的视觉跳跃感

变化与统一是版面形式美的总法则，是构成版面最根本的要求，同时也是体现艺术表现力的首要法则之一。在众多的视觉信息中，色彩的变化可以表现出极强的视觉跳跃感，更易引起读者的注意。色彩的跳跃，使版面充满活力和生气02

版式设计常用的形式美法则一、变化与统→（二）保持版面的统一性统一性主要是强调版面元素间的一致性，在富有变化的版面中，运用统一法则，如均衡、调和、秩序等，使版面达到协调。丰富的色彩变化中富有统一性人物衣着色彩与背景色彩呼应，使版面呈现出很好的统一性02

版式设计常用的形式美法则一、变化与统→（三）图形的特异变化图形特异变化，是在保证整体规律的情况下，版面中某小部分与整体秩序不和，但又与规律不失联系。如在许多重复或近似的元素中出现一小部分特异的元素，与其他统一的元素形成差异对比，从而制造视觉焦点，引人注目。图形的特异变化使版面充满趣味性02

版式设计常用的形式美法则课堂讨论：

下图为某舞台演出的宣传单，观察并分析这两种设计方案，你认为哪个方案更好？为什么？02

版式设计常用的形式美法则二、对比与调和→（一）色彩关系的对比与调和

对比使版面充满矛盾，形成强烈的视觉效果，而调和则是在对比中寻求共同点，以缓和版面元素间的对比矛盾。对比与调和能使版面既富有变化，同时又具有和谐的视觉美感。色彩分为无彩色与有彩色两种。无彩色的对比因为没有色相和纯度上的区别，只存在明度上的差别，因此调和后的版面显得干净、简洁、利索，给人一种大方，充满个性的视觉效果。无彩色版面的对比与调和02

版式设计常用的形式美法则二、对比与调和→（一）色彩关系的对比与调和

有彩色的对比有很多方面，如色相、纯度、明度以及色彩的冷暖等都能形成对比关系。有彩色的对比与调和具有丰富的视觉信息，能使版面充满层次感，生动而醒目，引人注目。02

版式设计常用的形式美法则二、对比与调和→（二）大小关系的对比与调和版面中视觉要素的大小对比影响着版面的结构。通过元素的大小对比，使观者清楚地认识到版面中的主次关系，同时有利于增强画面的层次感。通过版面图片的大小对比，使广告主题突出，充满趣味性02

版式设计常用的形式美法则二、对比与调和→（三）主从关系的对比与调和

版面中的各元素之间应遵循主从关系，通过主从关系的对比与调和，突出主题的同时，使版面富有层次感。

02

版式设计常用的形式美法则

课堂讨论：

黑色沉稳大气，富有质感，是设计中的常用色，但在使用时，需要处理好与其他色彩的调和与对比的关系，否则就会给人灰暗、沉重、压抑的印象。观察下面两幅版式设计的作品，分析哪一个设计更能体现出高品质的效果？为什么？02

版式设计常用的形式美法则三、对称与均衡→（一）对称均衡

对称均衡是利用版面结构的左右或上下的对称，使版面在“量”和“形”上达到一种绝对或相对的平衡。这种版式呈现出一种庄重、严肃的视觉效果。02

版式设计常用的形式美法则三、对称与均衡→（二）非对称均衡

非对称均衡版面追求心理上“量”的均衡状态，而不要求形式上的绝对对称，相对于对称均衡版面，非对称均衡版式表现更为灵活、生动，引人注目。非对称均衡版面效果生动、活泼，充满趣味性02

版式设计常用的形式美法则四、节奏与韵律→（一）通过图片的递增或递减表现出的节奏感

将版面中的视觉元素按照由大到小或由小到大的顺序依次进行摆放，能使版面富有节奏感，同时递增或递减的排列方式还能体现出版面的方向感，使版面富有动感和层次感。将图片以大小的次序规律排列，使版面产生节奏，富有强烈的秩序感02

版式设计常用的形式美法则四、节奏与韵律→（二）通过远近方向表现的节奏感

将版面中的元素按照一定的方向进行编排，可以使原本平淡、无趣的版面变得富有动感和秩序感，使版面具有指向性和延伸感，给人以整齐、规律的视觉感受，富有气势。图片具有方向性的重复排列，使版面生动有趣，并富有力量02

版式设计常用的形式美法则四、节奏与韵律→（三）重复图形产生的节奏感与韵律感

版面中的图形、文字、色彩等视觉要素，在符合某种规律的情况下发生连续不断的变化，能够给人以视觉上的节奏感和韵律感。节奏与韵律往往相互依存，互为因果。节奏是简单的重复，是韵律的基础；韵律是对节奏的深化，是有变化的重复。节奏带有一定程度的机械美，韵律在节奏变化中产生无穷的情趣。02

版式设计常用的形式美法则五、虚实与留白→（一）利用留白突出主体

留白是指在版面中巧妙地留出空白区域，使其更好地突出和衬托主体，使观者视线集中在主体之上，同时也能使版面更具空间感。02

版式设计常用的形式美法则五、虚实与留白→（二）利用留白营造意境

留白除了用于突出主体外，它对意境的创造也有很重要的作用。巧妙的留白可以使画面呈现出不一样的意境效果，给人无限的遐想空间。恰当的留白使版面显得干净、空灵，充满浪漫气息

留白配合简单的色调，烘托出一种寂寥、孤独的意境02

版式设计常用的形式美法则五、虚实与留白→（三）利用留白营造意境用图形的强弱表现虚实

在版式设计中，利用图形强弱对比营造出的虚实效果，可以使版面更具空间感，引人注目。

明暗对比的版面简洁有力，使视觉主体得以鲜明突出02

版式设计常用的形式美法则

思考与练习

1．版式设计有哪些基本类型？2．版式设计的常用形式美法则有哪些？3．下面展示的是某杂货店开业的促销海报，观察并分析哪种设计更时尚华丽？为什么？02

版式设计常用的形式美法则第七章版式设计与印刷目录02出血设置及各种标示01版式与纸张03印刷制作01

版式与纸张一、开本的认识→（一）开本的大小

开本主要表现为出版物页面的大小。把一张全开纸切成尺寸相同的纸张，所裁切的张数就称之为开本。如一张完整的全开纸经4次对折后，其单页面为全张纸的1/16，那么这样大小的页面就称为16开。开本大小的划分有正度纸张与大度纸张两种不同的标准。在实际版式应用中，有时也会采用异型开本。无论选择哪种开本，都应注意版式尺寸的选择，尽量以节约纸张为原则。01

版式与纸张

大度纸张与正度纸张开本大小规格开数类型成品尺寸大度32开标准210×140mm32开长型285×100mm16开标准210×285mm16开长型420×140mm8开标准420×285mm8开长型570×205mm4开标准420×570mm4开长型840×280mm正度32开标准185×125mm32开长型255×90mm16开标准185×260mm16开长型370×125mm8开标准370×260mm8开长型520×180mm4开标准370×520mm4开长型740×255mm01

版式与纸张一、开本的认识→（一）开本的大小一、开本的认识→（二）开本的选择1．书籍开本的选择书籍的开本主要由印刷品的特征及其用途来决定，最常用的书籍开本有以下几种类型。普通理论书籍：常用大32开。诗集：通常使用比较狭长的小开本。儿童读物：接近正方形的开本。小字典：通常采用64开以下的尺寸，如100mm×140mm。科技书籍：通常尺寸较大、较宽。画册：多接近于正方形，近年发展趋势多元化，有各种各样的开本。2．杂志开本的选择杂志的开本一般有大16开、16开、大32开及32开等。在我国使用最为广泛的是大16开，即210mm×285mm。01

版式与纸张一、开本的认识→（二）开本的选择

3．报纸开本的选择目前世界上各国的报纸幅面主要有对开、四开两种，我国的对开报纸幅面为780mm×550mm，版心尺寸为350mm×490mm×2，通常分为8栏，横排与竖排所占的比例约为8:2。四开报纸的幅面尺寸为540mm×390mm，版心尺寸为490mm×350mm。目前也出现了一些幅面不规则的报纸版面，如宽幅、窄幅报纸等。4．招贴开本的选择招贴的宣传方式多种多样，尺寸的选择很重要，适当的尺寸才能达到更好的宣传效果。招贴最常用的尺寸有380mm×540mm、420mm×570mm、500mm×700mm。01

版式与纸张一、开本的认识→（二）开本的选择5．DM单开本的选择DM单的表现形式多样，在开本的选择上也各有所异。由于DM单多采用邮寄的方式进行传递，因此，在开本的选择上需要考虑到人们的阅读习惯和携带的便利性。根据DM单开本的形式，我们将其分为单页版式和折页版式。最常用的尺寸有210mm×285mm和420mm×285mm。01

版式与纸张一、开本的认识→（三）