《版式设计》 第六章 不同形式的版式设计课件

版式设计LayoutDesign版式设计1第六章

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

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