1、版式设计版式设计Layout Design第六章第六章 不同形式的版式设计不同形式的版式设计第一节第一节 版式设计的根本类型幻灯片版式设计的根本类型幻灯片 3 3第二节第二节 版式设计常用的形式法那么幻灯片版式设计常用的形式法那么幻灯片 24 24一、满版型一、满版型二、分割型二、分割型第一节第一节 版式设计的根本类型版式设计的根本类型三、对称型三、对称型四、对角型四、对角型五、三角型五、三角型六、组合型六、组合型七、坐标型七、坐标型八、倾斜型八、倾斜型九、重复与重叠型九、重复与重叠型十、自由型十、自由型第一节第一节 版式设计的根本类型版式设计的根本类型十一、聚集型十一、聚集型十二、分散型十二
2、、分散型十三、破型十三、破型一、满版型一、满版型满版型版面以图片信息为重点。它是将图片铺满整个版面，满版型版面以图片信息为重点。它是将图片铺满整个版面，具有强烈的视觉冲击力，给人以直观、明了的视觉感受，整体效具有强烈的视觉冲击力，给人以直观、明了的视觉感受，整体效果大方、舒展，且层次清楚，常用于平面广告，如以下图所示。果大方、舒展，且层次清楚，常用于平面广告，如以下图所示。三水平分割三水平分割二左右分割二左右分割一上下分割一上下分割二、分割型二、分割型四垂直分割四垂直分割五黄金分割五黄金分割一上下分割一上下分割上下分割是一种比较简单、快捷的版面划分方式，它是将整个版面划分上下分割是一种比较简单
3、、快捷的版面划分方式，它是将整个版面划分为上、下两个局部，使图文组合分工更为明确，版面更为简洁并易于阅读，为上、下两个局部，使图文组合分工更为明确，版面更为简洁并易于阅读，如以下图所示。如以下图所示。二左右分割二左右分割左右分割版面是将整个版面划分为左、右两个局部，分别放置图片和文左右分割版面是将整个版面划分为左、右两个局部，分别放置图片和文字。这种分割类型的版面通过图片、文字的强弱比照带来一种视觉上的不平字。这种分割类型的版面通过图片、文字的强弱比照带来一种视觉上的不平衡感，从而增强版面活泼性，如以下图所示。衡感，从而增强版面活泼性，如以下图所示。三水平分割三水平分割水平分割型版面符合横向的
4、视觉流向，是将版面中的图片、文字等版面水平分割型版面符合横向的视觉流向，是将版面中的图片、文字等版面元素以水平的方向进行排列，引导视线在以水平方向上来回移动。水平分割元素以水平的方向进行排列，引导视线在以水平方向上来回移动。水平分割版面给人以稳定、安静而含蓄的视觉感受，如以下图所示。版面给人以稳定、安静而含蓄的视觉感受，如以下图所示。四垂直分割四垂直分割垂直分割型版面符合纵向视觉流程，是将版面中的图片、文字等版面元垂直分割型版面符合纵向视觉流程，是将版面中的图片、文字等版面元素在垂直方向上进行排列，使视线形成由上至下的移动模式，相对于水平分素在垂直方向上进行排列，使视线形成由上至下的移动模式，
5、相对于水平分割版面，垂直分割型版面更富有动感，充满活力，如以下图所示。割版面，垂直分割型版面更富有动感，充满活力，如以下图所示。四黄金分割四黄金分割黄金分割法是由古希腊人创造的，即将整体一分为二，较大局部与较小黄金分割法是由古希腊人创造的，即将整体一分为二，较大局部与较小局部之比等于整体与较大局部之比，其比值为或局部之比等于整体与较大局部之比，其比值为或1.61811.6181。实际设计运用中，。实际设计运用中，黄金分割法是众多设计者推崇的版面分割手法之一，将版面中的重要局部置黄金分割法是众多设计者推崇的版面分割手法之一，将版面中的重要局部置于版面黄金比例位置处，最易引起视觉上的美感，同时可有
6、效地突出主体，于版面黄金比例位置处，最易引起视觉上的美感，同时可有效地突出主体，到达吸引视线的目的，如以下图所示。到达吸引视线的目的，如以下图所示。三、对称型三、对称型对称型版面是利用版面中的轴心将版面元素进行上下、左右对称型版面是利用版面中的轴心将版面元素进行上下、左右或其他方式的对称。对称型版面具有统一、庄严的特点，如以下或其他方式的对称。对称型版面具有统一、庄严的特点，如以下图所示。图所示。四、对角型四、对角型对角型版面是指版式中的主要元素分别位于版面的对角线上，对角型版面是指版式中的主要元素分别位于版面的对角线上，形成了变化中相照应的视觉效果。对角型版面具有不稳定感，视形成了变化中相照
7、应的视觉效果。对角型版面具有不稳定感，视觉冲击力较强，如以下图所示。觉冲击力较强，如以下图所示。五、三角型五、三角型三角形又称金字塔形，是根本图形中最具有平安感的图形。三角形又称金字塔形，是根本图形中最具有平安感的图形。版式设计中的三角型构图又可分为正三角形和倒三角形两种。正版式设计中的三角型构图又可分为正三角形和倒三角形两种。正三角形构图有着最为稳定的图形结构，给人稳定、平安、值得信三角形构图有着最为稳定的图形结构，给人稳定、平安、值得信赖的感觉；倒三角形的版式结构给人以动感和不稳定感，使版面赖的感觉；倒三角形的版式结构给人以动感和不稳定感，使版面充满紧张感，如以下图所示。充满紧张感，如以下
8、图所示。六、重复型与重叠型六、重复型与重叠型重复型版面是将多个图片，以相同的大小按照一定的规律进重复型版面是将多个图片，以相同的大小按照一定的规律进行有秩序的重复排列，多用于展现一组或一系列相近的图片。由行有秩序的重复排列，多用于展现一组或一系列相近的图片。由于图片大小一致，形式相同或相近，很容易造成视觉上的重复印于图片大小一致，形式相同或相近，很容易造成视觉上的重复印象，富有规律性，给人以整齐、统一视觉感受，如以下图所示。象，富有规律性，给人以整齐、统一视觉感受，如以下图所示。重叠型版面布局是指版面中的主要元素以相同或相似的形式反复出现，排列时表重叠型版面布局是指版面中的主要元素以相同或相似
9、的形式反复出现，排列时表现为层层重叠的样式。这种构图使版面具有较强的整体感和丰富感，能够营造出活泼、现为层层重叠的样式。这种构图使版面具有较强的整体感和丰富感，能够营造出活泼、动感的版面效果，适合于表现时尚、年轻的主题，如以下图所示。动感的版面效果，适合于表现时尚、年轻的主题，如以下图所示。七、坐标型七、坐标型坐标型版面构图是指版面中的文字或图片等元素以类似坐标坐标型版面构图是指版面中的文字或图片等元素以类似坐标线的形式，呈垂直与水平交叉式排列。这种构图方式比较特殊，线的形式，呈垂直与水平交叉式排列。这种构图方式比较特殊，具有较强的视觉注目度，能给观者留下较深的印象。坐标型版面具有较强的视觉注
10、目度，能给观者留下较深的印象。坐标型版面适宜于表现轻松、活泼的主题，但注意文字量不宜过多，如以下适宜于表现轻松、活泼的主题，但注意文字量不宜过多，如以下图所示。图所示。八、倾斜型八、倾斜型倾斜型版面构图是指版面中的文字或图片等元素做倾斜编排，倾斜型版面构图是指版面中的文字或图片等元素做倾斜编排，能形成版式强烈的动感和不稳定性，使人产生一种重心不稳的感能形成版式强烈的动感和不稳定性，使人产生一种重心不稳的感觉，具有很强的视觉冲击力，引人注目，如以下图所示。觉，具有很强的视觉冲击力，引人注目，如以下图所示。九、组合型九、组合型组合型构图是将版面分成左右、上下两局部，再将富有比照组合型构图是将版面分
11、成左右、上下两局部，再将富有比照意味的元素拼贴在一起，形成新的版面，使版面统一中有变化，意味的元素拼贴在一起，形成新的版面，使版面统一中有变化，形成趣味性极强的版式效果，引人注目，如以下图所示。形成趣味性极强的版式效果，引人注目，如以下图所示。十、自由型十、自由型自由型构图是指版面结构中没有任何规律，通过随意的编排自由型构图是指版面结构中没有任何规律，通过随意的编排构成相关元素。自由型版面形式灵活多变，画面活泼、轻松，是构成相关元素。自由型版面形式灵活多变，画面活泼、轻松，是最能施展创意的构图形式。但自由构图并不代表杂乱无章，还需最能施展创意的构图形式。但自由构图并不代表杂乱无章，还需要把握整
12、体的协调性，如以下图所示。要把握整体的协调性，如以下图所示。十一、聚集型十一、聚集型聚集型版式是指版面中的大局部元素按照一定的规律朝向同聚集型版式是指版面中的大局部元素按照一定的规律朝向同一个中心点聚集。聚集型构图能够强化版面的重点元素，同时具一个中心点聚集。聚集型构图能够强化版面的重点元素，同时具有向内的聚拢感和向外的发散感，如以下图所示。有向内的聚拢感和向外的发散感，如以下图所示。十二、分散型十二、分散型分散型构图是指版面中的主要元素按照一定的规律分散地排分散型构图是指版面中的主要元素按照一定的规律分散地排列在版面中。这样的构图通常分布较为平均，元素之间的空间较列在版面中。这样的构图通常分
13、布较为平均，元素之间的空间较大，给人以轻松、舒适之感，如以下图所示。大，给人以轻松、舒适之感，如以下图所示。十三、破型十三、破型破型版面构图是指打破传统的网格结构，摆脱平衡和拘束，破型版面构图是指打破传统的网格结构，摆脱平衡和拘束，形成特殊的版面效果。破型版面的创意空间很大，给人以自由、形成特殊的版面效果。破型版面的创意空间很大，给人以自由、另类之感，充满个性。但这种版式构成控制起来比较难，设计时另类之感，充满个性。但这种版式构成控制起来比较难，设计时还应注意尺度的把握，如以下图所示。还应注意尺度的把握，如以下图所示。一、变化与统一一、变化与统一二、比照与调和二、比照与调和第二节第二节 版式设
14、计常用的形式法那版式设计常用的形式法那么么三、节奏与韵律三、节奏与韵律四、对称与均衡四、对称与均衡五、虚实与留白五、虚实与留白一、变化与统一一、变化与统一三图形的特异变化三图形的特异变化二保持版面的统一性二保持版面的统一性一变化带来的视觉跳跃感一变化带来的视觉跳跃感一变化带来的视觉跳跃感一变化带来的视觉跳跃感在众多的视觉信息中，色彩的变化可以表现出极强的视觉跳跃感，更易在众多的视觉信息中，色彩的变化可以表现出极强的视觉跳跃感，更易引起读者的注意，如以下图所示。引起读者的注意，如以下图所示。二保持版面的统一性二保持版面的统一性统一性主要是强调版面元素间的一致性，在富有变化的版面中，运用统统一性主
15、要是强调版面元素间的一致性，在富有变化的版面中，运用统一法那么使版面到达协调，统一的手法可借助均衡、调和、秩序等形式来实一法那么使版面到达协调，统一的手法可借助均衡、调和、秩序等形式来实现，如以下图所示。现，如以下图所示。三图形的特异变化三图形的特异变化图形特异变化是指版面上一项或几项有规律的突破，在许多重复或近似图形特异变化是指版面上一项或几项有规律的突破，在许多重复或近似的元素中出现一小局部特异的元素，与其他统一的元素差异比照，从而成为的元素中出现一小局部特异的元素，与其他统一的元素差异比照，从而成为画面上的焦点，如以下图所示。画面上的焦点，如以下图所示。二、比照与调和二、比照与调和三大小
16、关系的比照与调和三大小关系的比照与调和二有彩色的比照与调和二有彩色的比照与调和一黑白色的比照与调和一黑白色的比照与调和四主从关系的比照与调和四主从关系的比照与调和一黑白色的比照与调和一黑白色的比照与调和黑白色的比照因为没有色相和纯度上的区别，只存在明度上的差异，因黑白色的比照因为没有色相和纯度上的区别，只存在明度上的差异，因此调和后的线条干净、简洁、利索。黑白色版面具有一种大方、个性的视觉此调和后的线条干净、简洁、利索。黑白色版面具有一种大方、个性的视觉效果，给人以干脆、果断的心理感受，如以下图所示。效果，给人以干脆、果断的心理感受，如以下图所示。二有彩色的比照与调和二有彩色的比照与调和有彩色
17、的比照有很多方面，如色相、纯度、明度以及色彩的冷暖等都能有彩色的比照有很多方面，如色相、纯度、明度以及色彩的冷暖等都能形成比照关系。有彩色的比照与调和具有丰富的视觉信息，能使版面充满层形成比照关系。有彩色的比照与调和具有丰富的视觉信息，能使版面充满层次感，生动而醒目，引人注目，如以下图所示。次感，生动而醒目，引人注目，如以下图所示。三大小关系比照与调和三大小关系比照与调和版面中视觉要素的大小比照影响着版面的结构。通过元素的大小比照，版面中视觉要素的大小比照影响着版面的结构。通过元素的大小比照，使观者清楚地认识到版面中的主次关系，同时有利于增强画面的层次感，如使观者清楚地认识到版面中的主次关系，
18、同时有利于增强画面的层次感，如以下图所示。以下图所示。四主从关系的比照与调和四主从关系的比照与调和版面中的各元素之间应遵循主从关系，通过主从关系的比照与调和，使版面中的各元素之间应遵循主从关系，通过主从关系的比照与调和，使版面富有层次感，如以下图所示。版面富有层次感，如以下图所示。三、节奏与韵律三、节奏与韵律三通过远近方向表现的韵律感三通过远近方向表现的韵律感二通过图片的递增或递减表现出的韵律二通过图片的递增或递减表现出的韵律一重复图形产生的节奏与韵律一重复图形产生的节奏与韵律一重复图形产生的节奏与韵律一重复图形产生的节奏与韵律版面中的图形、文字、色彩等视觉要素，在符合某种规律的情况下发生版面
19、中的图形、文字、色彩等视觉要素，在符合某种规律的情况下发生连续不断的变化，能够给人带来视觉上的节奏感和韵律感，如以下图所示。连续不断的变化，能够给人带来视觉上的节奏感和韵律感，如以下图所示。二通过图片的递增或递减表现出的韵律二通过图片的递增或递减表现出的韵律将版面中的视觉元素按照由大到小或由小到大的顺序依次进行摆放，能将版面中的视觉元素按照由大到小或由小到大的顺序依次进行摆放，能使版面产生富有变化的节奏感和韵律感，同时递增或递减的排列方式还能表使版面产生富有变化的节奏感和韵律感，同时递增或递减的排列方式还能表达出版面的方向感，使版面富有动感和层次感，如以下图所示。达出版面的方向感，使版面富有动
20、感和层次感，如以下图所示。三通过远近方向表现的节奏感三通过远近方向表现的节奏感将版面中的元素按照一定的方向进行编排，可以使原本平淡、无趣的版将版面中的元素按照一定的方向进行编排，可以使原本平淡、无趣的版面变得富有动感和秩序感，使版面具有指向性和延伸感，给人以整齐、规律面变得富有动感和秩序感，使版面具有指向性和延伸感，给人以整齐、规律的视觉感受，富有气势，如以下图所示。的视觉感受，富有气势，如以下图所示。四、对称与均衡四、对称与均衡二非对称均衡二非对称均衡一对称均衡一对称均衡一对称均衡一对称均衡对称均衡是利用版面结构的左右或上下的对称，使版面在对称均衡是利用版面结构的左右或上下的对称，使版面在“
21、量和量和“形形上到达一种绝对或相对的平衡，这种版式呈现出一种庄重、严肃的视觉效上到达一种绝对或相对的平衡，这种版式呈现出一种庄重、严肃的视觉效果，如以下图所示。果，如以下图所示。二非对称均衡二非对称均衡非对称均衡版面追求心理上非对称均衡版面追求心理上“量的均衡状态，而不要求形式上的绝对量的均衡状态，而不要求形式上的绝对对称，相对于对称均衡版面，非对称均衡版式表现更为灵活、生动，引人注对称，相对于对称均衡版面，非对称均衡版式表现更为灵活、生动，引人注目，如以下图所示。目，如以下图所示。五、虚实与留白五、虚实与留白三用图形的强弱表现虚实三用图形的强弱表现虚实二利用留白营造意境二利用留白营造意境一利
22、用留白突出主体一利用留白突出主体一利用留白突出主体一利用留白突出主体留白是指在版面中巧妙地留出空白区域，使其更好地突出和衬托主体，留白是指在版面中巧妙地留出空白区域，使其更好地突出和衬托主体，使观者视线集中在主体之上，同时也能使版面更具空间感，给人以丰富的空使观者视线集中在主体之上，同时也能使版面更具空间感，给人以丰富的空间想象，如以下图所示。间想象，如以下图所示。二利用留白营造意境二利用留白营造意境留白除了用于突出主体外，它对意境的创造也有很重要的作用。巧妙的留白除了用于突出主体外，它对意境的创造也有很重要的作用。巧妙的留白可以使画面呈现出不一样的意境效果，给人无限的遐想空间，如以下图留白可以使画面呈现出不一样的意境效果，给人无限的遐想空间，如以下图所示。所示。二用图形的强弱表现虚实二用图形的强弱表现虚实在版式设计中，利用图形强弱比照营造出的虚实效果，可以使版面更具在版式设计中，利用图形强弱比照营造出的虚实效果，可以使版面更具空间感，引人注目，如以下图所示。空间感，引人注目，如以下图所示。L/O/G/OThank You!
