版面设计形式法则.ppt

1、版面设计形式原理版面设计形式原理变化与统一变化与统一形式美构成总法则形式美构成总法则比例分割重复节奏与韵律对比对称均衡力场方向空间重心统一变异与秩序虚实与留白l一、比例一、比例l比例是形的整体与部分以及部分与部分之间数量的一种比率。比例常常表现出一定的数列：等差数列、等比数列、黄金比等。l长度比、宽度比、面积比等，能与其他造型要素产生同样的功能和极佳的意境。版面的分割，若在其中加入数列或按某种比例进行分割，将可获得更富规律性的整齐美感。黄金比能求得最大的限度的和谐，使版面被分割的不同部分产生相互联系。比例比例l是正方形的两倍，用途广泛，组合十分方便。是高度合理化的单位形。也叫叠席矩形。比例（比

2、例（1.7321.732）l矩形稍显细长，常用于竖型用书，如散文、诗集等较为浪漫的版面形式。2 2比例（比例（1.4141.414）l2矩形也称德国标准比，朴素大方，被广泛用在需要折叠使用的书籍、报纸的规格上。l良好的比例是设计中艺术修养与审美情趣的综合及灵活运用的结果，但不可生搬硬套。二、分割二、分割l分割是一种最基本的、随处可见的板式原理，版面的分割是为了创建出有序的视觉层次。l分割就是用虚实的线、字体、图片，将版面分成若干单元，进行填充。运用分割将版面合理规划应用分割是一种重要的构图方法。分割或者叫做在整体中各个部分的配置，它给版面带来主题清晰，层次分明的感受。一方面制造形式上的比例、节

3、奏，另一方面制造视觉区域，保证信息的有效传达。在版面中，前景可以明暗强烈对比，中景用中和的黑白对比，背景应该柔和清淡。经验告诉我们，这种三分法提高了整体的艺术效果，其简单的分割法往往比复杂的设计更可取。加强整体的结构组织和方向视觉秩序，应当考虑基本形式：水平分割、垂直分割、斜向分割、曲线分割l三、对比三、对比l对比是差异性的强调。对比的因素存在于相对的两要素之间相异的性质。l它包括大小、明暗、黑白、强弱、粗细、疏密、高低、远近、硬软、直曲、浓淡、动静、锐钝、轻重、正反、单双的对比。大小对比轻重对比对比必须清晰鲜明、一目了然，不能模棱两可。对比的最基本要素是显示主从关系和统一变化的效果正反对比l

4、四、重复与交错四、重复与交错l在版面构成中，不断重复使用相同的基本形或线，使设计产生安定、整齐、规律的统一。l四、重复与交错四、重复与交错l但重复构成后的视觉感受有时容易显得呆板、平淡、缺乏趣味性的变化。所以，我们在版面中可安排一些交错与重叠，打破版面呆板、平淡的格局。l五、节奏与韵律五、节奏与韵律l节奏是按照一定的条例、秩序、重复连续地排列，形成一种律动形式，它有等距离的连续，也有渐变、大小、长短、明暗、形状、高低等的排列构成。利用图形大小的渐变，体现出节奏美l韵律就好比是音乐中的旋律，不但有节奏更有情调，它能增强版面的感染力，开阔艺术的表现力。l在节奏中注入美的因素和情感个性化，就有了韵律

5、。l在版面设计中，韵律可以在文字笔画的重复中，以及字行和行距的空白的重复中找到，并且以有组织有变化的相互交替在一个平面的整体中产生不寻常的美观。采用文字条，逐步采用文字条，逐步渐变到版面主题，渐变到版面主题，进而达到一种优美进而达到一种优美旋律的追求旋律的追求韵律感令人心情轻松稳定韵律感令人心情轻松稳定l六、对称六、对称l两个同一形的并列与均齐，实际上就是最简单的对称形式。l对称的形式有左右对称，上下对称，放射对称（以对称点为源），反转对称。其特点是稳定、庄严、整齐、秩序、安宁、沉静。l它是版面中心被强调的高格调表现。古典主义版面设计中应用较多。l以中轴线为轴心的左右对称构成的版面，形成一种曲

6、线的秩序美。l均衡是一种有变化的平衡。它运用等量不等形的方式来表现矛盾的统一性，揭示内在的、含蓄的秩序和平衡，达到一种静中有动或动中有静的条理美和动态美。l七、均衡七、均衡l利用虚实气势达到呼应、和谐一致，造成视觉上的均衡。l均衡的形式富于变化、趣味，具有灵巧、生动活泼、轻快的特点。l八、变异与秩序八、变异与秩序l变异是规律的突破，是一种在整体效果中的局部突变。这一突变之异，往往就是整个版面最具动感、最引人关注的焦点，也是其含义延伸或转折的始端。变异的形式有规律的转移、规律的变异、可依据大小、方向、形状的不同来构成特异效果。l秩序美是构成版面的灵魂。它是一种组织美的编排，能体现版面的科学性和条

7、理性。l构成秩序美的原理有对称、均衡、比例、韵律、多样统一等。在秩序美中溶入变异之构成，可使版面获得一种活泼动情的效果。九、虚实与留白九、虚实与留白l中国传统美学上有“计白守黑”这一说法。就是指编排的内容是“黑”，也就是实体，细弱的文字、图形或色彩是白。l版面中的空白如同人的呼吸，使版面产生生气、活力、节奏、停顿等等，作为图形的衬托，表现确实的形象。l在版面构成中，巧妙地留白，讲究空白之美，是为了更好地衬托主题，集中视线和造成版面的空间层次。l留白是版面未放置任何图文的空间，它是“虚”的特殊表现手法。l空间的形状和衔接的方式也就是字行之间和平面四周留出的空白，其形状、大小、方向和运动的比例关系

8、决定着版面设计的质量和深度。留白的感觉是一种轻松，最大的作用是引人注意。l十、力场与网格十、力场与网格l“力场”是一种在人们心理的感应下虚拟的空间。在版面的范围内，通过点状、线状和块面的分割和限定，使版面充满空灵的、流动的、并形成一个具有生命力的“场”。l平面的上半部分引起人们一种轻松、飘动和自由的想象，越是往上看，这种感觉就越强烈。平面的下半部分给人完全相反的印象，压抑，束缚，受限制但是稳定和沉重。这种高与低的特性是人类眼睛在平面上受到万有引力影响的内在经验。l网格，20世纪起源于瑞士，也是平面构成中骨架的概念，并得以发展与延伸。网格分为可见的和不可见的。可见的网格清晰，具有条理性，但有呆板

9、的感觉。l如果设计师在统一网格的风格中，进行一些破格或变异的设计，运用网格作为版面编排的程序，形成不可见的网格，会有意想不到的效果。这种自由方式的构造，能使版面更丰富、更创新、更活泼。l十一、中心十一、中心l十二、方向十二、方向l版面设计中，由文字组成的行表现为线的形式，由字行集合成的行组以及图片，它们的形状和结构一般也表现为某种运动的方向。l水平和垂直给平面以安静和固定的感觉。相反，倾斜比较来说具有动感，表现出从一端向另一端移动的感觉。l当然，除此之外还有很多样式的运动方向，它们不是接近水平和垂直，就是近似倾斜，其表现力也与近似的运动方向一致。l对于版面要素过多又过于杂乱的情况，可以用规律的

10、网格骨架统一整理，形成多样统一的基调。方向上的统一也是解决画面杂乱的很好手段。l水平、垂直与倾斜组合起来使用，如水平中有垂直，或者水平和垂直中有倾斜，能使版面产生对比，带来丰富和生动的效果。5 5偏心型（图文半分型）偏心型（图文半分型）1 1标准型标准型2 2标题型标题型3 3全图型（底纹型）全图型（底纹型）l4 4中轴型中轴型6 6交叉型交叉型7 7倾斜型倾斜型8 8文字型文字型9 9指示型指示型1010重复型重复型1111网格型网格型1212散点型散点型1313曲线型曲线型1414三角型三角型1515圆型圆型版面设计的基本类型版面设计的基本类型l1 1标准型标准型l最常见的一种编排形式，常

11、用于一般书籍、杂志、报刊等。插图在最佳视线内，顺着视觉流程向下，依次是标题，说明文，标语，商标，企业名称等。l这种方式有良好的安定感，也符合人们认识事物的逻辑顺序。l标准型版面可以分为竖排型（传统型）和横排型（现代型）两种。竖排文字从右到左，上到下，符合中国传统阅读习惯，在中国台湾和香港地区的现代设计中运用较多。横排式是从左到右编排的，这种方式更为通俗化。l2 2标题型标题型l版面上标题为先，顺着视觉流程向下，依次是标语、说明文、插图、商标、企业等。这种形式适用于提高产品或企业知名度，诉求的重心在标题上。这时的标题形式、字体、色彩是整个编排中的重点部分。l3 3全图型（底纹型）全图型（底纹型）

12、l用一张图片占据整个版面，在图片的适当位置直接嵌入标题、文字等，此时图本身的艺术质量至关重要，精度、色彩准确度、图形的趣味性要求较高。l这个类型的版面形式大方、舒展，是商品广告和杂志广告常用的类型。l这类编排具有良好的平衡感，对中轴线两侧各要素进行大小、深浅、冷暖等的对比、变化，才能呈现动感。水平排列稳定安详，垂直排列冲动向上。l4 4中轴型中轴型l是一种对称的构成形态，标题、图片、说明文与标志、图形基本对称放于轴心线两边，版面上的中轴线可以是有形的，也可以是无形的。l5 5偏心型（图文半分型）偏心型（图文半分型）l把插图安排在版面的左侧或右侧，余下的一侧放文字说明等内容。也可以上下半分。有图

13、片的部分感性活力，放文字的部分理性静止。一般人视线往往先落在版面的左上侧，所以图片安置在左侧或上侧，适当用点、线穿插，可以让被分割的两部分和谐起来。l6 6交叉型交叉型l版面中的两个构成要素，一个构成要素叠放于另一个上面进行交叉，可以是十字交叉，也可以是一定角度的倾斜交叉。这种编排产生前后层次感，增加版面的视觉深度，交叉中心成为视觉中心。l7 7倾斜型倾斜型l这是一种有很强动感的类型，图中的要素或主体呈倾斜状放置，读者视线随倾斜角度动。不管是图片还是文字块在版面上做倾斜的编排，整体的效果都具有动感。l8 8文字型文字型l以文字为主体构成的版面，图片仅为版面的点缀。l在这里，文字的字体、大小、色

14、彩是设计的首要因素。l文字型的编排是否有吸引力，取决于广告文案的感染力，文字自身的结构美当作画面的图形要素进行编排，也构成文字型的特点。l9 9指示型指示型l用指示性的形象把读者的视线引导到要重点表现的商品目标上，指引方式可以通过箭头、手指、透视线、聚焦等各种方式。这样的编排方式受“最佳视域”和“视觉流程”的约束很小，可以根据设计的内容来决定把版面的重心放在哪个位置上。这种类型的编排改变了视觉流程的走向，但一定要将诉求重心以极其简明的表达安排在指示终点处，使视觉流程终点与表现要点相吻合，这样才能取得良好的视觉效果。l1010重复型重复型l将同一视觉要素在版面上作重复编排，重复的内容可以是图片也

15、可以是标题或标志等，重复有强调的作用，可以让被重复的部分给人留下深刻印象。不过，要注意节奏与韵律的作用，不要流于呆板。l1111网格型网格型l将全部或部分版面作棋盘式分割，版面被分成若干等面积的几何形态。l这种方式适合于版面上需要安排许多份量相同的单元，如介绍一组产品等。将图片或者图形、文字，纳入网格中，利用网格将版面上过于杂乱的要素进行整理。l1212散点型散点型l将各种构成要素在版面上作不规则分散状，也称自由型的编排。这种貌似随意的分散，其实内涵上往往包含设计的精心构置。在编排时注意节奏、疏密、均衡感，总体感要有统一的气氛，要做到形散神不散。l1313曲线型曲线型l对重点物体作曲线型或插图

16、与文稿的排列为曲线形的构图。l1414三角型三角型l文字或图形编排成三角形，正三角形富有稳定感，逆三角形有动感，用正三角形时注意避免呆板，而用逆三角形时注意平衡。l1515圆型圆型l将插图处理成圆形、半圆形，同时在文字编排上作相应变形。圆形给人庄重完美的感觉，不过 圆形过于圆满，有时用半圆形可获得更好的视觉效果。5 5偏心型（图文半分型）偏心型（图文半分型）1 1标准型标准型2 2标题型标题型3 3全图型（底纹型）全图型（底纹型）l4 4中轴型中轴型6 6交叉型交叉型7 7倾斜型倾斜型8 8文字型文字型9 9指示型指示型1010重复型重复型1111网格型网格型1212散点型散点型1313曲线型曲线型1414三角型三角型1515圆型圆型杂志杂志