版面设计形式法则

《版面设计形式法则》由会员分享，可在线阅读，更多相关《版面设计形式法则（103页珍藏版）》请在装配图网上搜索。

1、变化与统一变化与统一形式美构成总法则形式美构成总法则比例分割重复节奏与韵律对比对称均衡力场方向空间重心统一变异与秩序虚实与留白第1页/共103页第一页，编辑于星期三：十点 五十五分。l一、比例一、比例 比例是形的整体与部分以及部分与部分之间数量的一种比率。比例常常表现出一定的数列：等差数列、等比数列、黄金比等。 长度比、宽度比、面积比等，能与其他造型要素产生同样的功能和极佳的意境。第2页/共103页第二页，编辑于星期三：十点 五十五分。版面的分割，若在其中加入数列或按某种比例进行分割，将可获得更富规律性的整齐美感。第3页/共103页第三页，编辑于星期三：十点 五十五分。第4页/共103页第四页

2、，编辑于星期三：十点 五十五分。黄金比能求得最大的限度的和谐，使版面被分割的不同部分产生相互联系。第5页/共103页第五页，编辑于星期三：十点 五十五分。第6页/共103页第六页，编辑于星期三：十点 五十五分。比例比例 是正方形的两倍，用途广泛，组合十分方便。是高度合理化的单位形。也叫叠席矩形。第7页/共103页第七页，编辑于星期三：十点 五十五分。比例（比例（1.7321.732） 矩形稍显细长，常用于竖型用书，如散文、诗集等较为浪漫的版面形式。第8页/共103页第八页，编辑于星期三：十点 五十五分。2 2比例（比例（1.4141.414）l2矩形也称德国标准比，朴素大方，被广泛用在需要折叠

3、使用的书籍、报纸的规格上。第9页/共103页第九页，编辑于星期三：十点 五十五分。第10页/共103页第十页，编辑于星期三：十点 五十五分。 良好的比例是设计中艺术修养与审美情趣的综合及灵活运用的结果，但不可生搬硬套。第11页/共103页第十一页，编辑于星期三：十点 五十五分。二、分割二、分割l分割是一种最基本的、随处可见的板式原理，版面的分割是为了创建出有序的视觉层次。l分割就是用虚实的线、字体、图片，将版面分成若干单元，进行填充。运用分割将版面合理规划应用第12页/共103页第十二页，编辑于星期三：十点 五十五分。分割是一种重要的构图方法。分割或者叫做在整体中各个部分的配置，它给版面带来主

4、题清晰，层次分明的感受。一方面制造形式上的比例、节奏，另一方面制造视觉区域，保证信息的有效传达。第13页/共103页第十三页，编辑于星期三：十点 五十五分。在版面中，前景可以明暗强烈对比，中景用中和的黑白对比，背景应该柔和清淡。经验告诉我们，这种三分法提高了整体的艺术效果，其简单的分割法往往比复杂的设计更可取。第14页/共103页第十四页，编辑于星期三：十点 五十五分。加强整体的结构组织和方向视觉秩序，应当考虑基本形式：水平分割、垂直分割、斜向分割、曲线分割第15页/共103页第十五页，编辑于星期三：十点 五十五分。第16页/共103页第十六页，编辑于星期三：十点 五十五分。l三、对比三、对比

5、 对比是差异性的强调。对比的因素存在于相对的两要素之间相异的性质。 它包括大小、明暗、黑白、强弱、粗细、疏密、高低、远近、硬软、直曲、浓淡、动静、锐钝、轻重、正反、单双的对比。第17页/共103页第十七页，编辑于星期三：十点 五十五分。大小对比第18页/共103页第十八页，编辑于星期三：十点 五十五分。轻重对比对比必须清晰鲜明、一目了然，不能模棱两可。第19页/共103页第十九页，编辑于星期三：十点 五十五分。对比的最基本要素是显示主从关系和统一变化的效果第20页/共103页第二十页，编辑于星期三：十点 五十五分。第21页/共103页第二十一页，编辑于星期三：十点 五十五分。正反对比第22页/

6、共103页第二十二页，编辑于星期三：十点 五十五分。 四、重复与交错四、重复与交错 在版面构成中，不断重复使用相同的基本形或线，使设计产生安定、整齐、规律的统一。第23页/共103页第二十三页，编辑于星期三：十点 五十五分。l四、重复与交错四、重复与交错l但重复构成后的视觉感受有时容易显得呆板、平淡、缺乏趣味性的变化。所以，我们在版面中可安排一些交错与重叠，打破版面呆板、平淡的格局。第24页/共103页第二十四页，编辑于星期三：十点 五十五分。 五、节奏与韵律五、节奏与韵律 节奏是按照一定的条例、秩序、重复连续地排列，形成一种律动形式，它有等距离的连续，也有渐变、大小、长短、明暗、形状、高低等

7、的排列构成。利用图形大小的渐变，体现出节奏美第25页/共103页第二十五页，编辑于星期三：十点 五十五分。l韵律就好比是音乐中的旋律，不但有节奏更有情调，它能增强版面的感染力，开阔艺术的表现力。l在节奏中注入美的因素和情感个性化，就有了韵律。第26页/共103页第二十六页，编辑于星期三：十点 五十五分。l在版面设计中，韵律可以在文字笔画的重复中，以及字行和行距的空白的重复中找到，并且以有组织有变化的相互交替在一个平面的整体中产生不寻常的美观。采用文字条，逐步渐变到版面主题，进而达到一种优美旋律的追求第27页/共103页第二十七页，编辑于星期三：十点 五十五分。第28页/共103页第二十八页，编

8、辑于星期三：十点 五十五分。韵律感令人心情轻松稳定第29页/共103页第二十九页，编辑于星期三：十点 五十五分。l六、对称六、对称 两个同一形的并列与均齐，实际上就是最简单的对称形式。第30页/共103页第三十页，编辑于星期三：十点 五十五分。 对称的形式有左右对称，上下对称，放射对称（以对称点为源），反转对称。其特点是稳定、庄严、整齐、秩序、安宁、沉静。第31页/共103页第三十一页，编辑于星期三：十点 五十五分。l它是版面中心被强调的高格调表现。古典主义版面设计中应用较多。第32页/共103页第三十二页，编辑于星期三：十点 五十五分。l以中轴线为轴心的左右对称构成的版面，形成一种曲线的秩序

9、美。第33页/共103页第三十三页，编辑于星期三：十点 五十五分。 均衡是一种有变化的平衡。它运用等量不等形的方式来表现矛盾的统一性，揭示内在的、含蓄的秩序和平衡，达到一种静中有动或动中有静的条理美和动态美。l七、均衡七、均衡第34页/共103页第三十四页，编辑于星期三：十点 五十五分。l利用虚实气势达到呼应、和谐一致，造成视觉上的均衡。第35页/共103页第三十五页，编辑于星期三：十点 五十五分。l均衡的形式富于变化、趣味，具有灵巧、生动活泼、轻快的特点。第36页/共103页第三十六页，编辑于星期三：十点 五十五分。第37页/共103页第三十七页，编辑于星期三：十点 五十五分。l八、变异与秩

10、序八、变异与秩序 变异是规律的突破，是一种在整体效果中的局部突变。这一突变之异，往往就是整个版面最具动感、最引人关注的焦点，也是其含义延伸或转折的始端。变异的形式有规律的转移、规律的变异、可依据大小、方向、形状的不同来构成特异效果。第38页/共103页第三十八页，编辑于星期三：十点 五十五分。第39页/共103页第三十九页，编辑于星期三：十点 五十五分。第40页/共103页第四十页，编辑于星期三：十点 五十五分。 秩序美是构成版面的灵魂。它是一种组织美的编排，能体现版面的科学性和条理性。 构成秩序美的原理有对称、均衡、比例、韵律、多样统一等。在秩序美中溶入变异之构成，可使版面获得一种活泼动情的

11、效果。第41页/共103页第四十一页，编辑于星期三：十点 五十五分。九、虚实与留白九、虚实与留白 中国传统美学上有“计白守黑”这一说法。就是指编排的内容是“黑”，也就是实体，细弱的文字、图形或色彩是白。 版面中的空白如同人的呼吸，使版面产生生气、活力、节奏、停顿等等，作为图形的衬托，表现确实的形象。第42页/共103页第四十二页，编辑于星期三：十点 五十五分。l在版面构成中，巧妙地留白，讲究空白之美，是为了更好地衬托主题，集中视线和造成版面的空间层次。第43页/共103页第四十三页，编辑于星期三：十点 五十五分。 留白是版面未放置任何图文的空间，它是“虚”的特殊表现手法。 空间的形状和衔接的方

12、式也就是字行之间和平面四周留出的空白，其形状、大小、方向和运动的比例关系决定着版面设计的质量和深度。第44页/共103页第四十四页，编辑于星期三：十点 五十五分。第45页/共103页第四十五页，编辑于星期三：十点 五十五分。留白的感觉是一种轻松，最大的作用是引人注意。第46页/共103页第四十六页，编辑于星期三：十点 五十五分。第47页/共103页第四十七页，编辑于星期三：十点 五十五分。第48页/共103页第四十八页，编辑于星期三：十点 五十五分。l十、力场与网格十、力场与网格 “力场”是一种在人们心理的感应下虚拟的空间。在版面的范围内，通过点状、线状和块面的分割和限定，使版面充满空灵的、流

13、动的、并形成一个具有生命力的“场”。第49页/共103页第四十九页，编辑于星期三：十点 五十五分。l平面的上半部分引起人们一种轻松、飘动和自由的想象，越是往上看，这种感觉就越强烈。平面的下半部分给人完全相反的印象，压抑，束缚，受限制但是稳定和沉重。这种高与低的特性是人类眼睛在平面上受到万有引力影响的内在经验。第50页/共103页第五十页，编辑于星期三：十点 五十五分。第51页/共103页第五十一页，编辑于星期三：十点 五十五分。 网格，20世纪起源于瑞士，也是平面构成中骨架的概念，并得以发展与延伸。网格分为可见的和不可见的。可见的网格清晰，具有条理性，但有呆板的感觉。第52页/共103页第五十

14、二页，编辑于星期三：十点 五十五分。l如果设计师在统一网格的风格中，进行一些破格或变异的设计，运用网格作为版面编排的程序，形成不可见的网格，会有意想不到的效果。这种自由方式的构造，能使版面更丰富、更创新、更活泼。第53页/共103页第五十三页，编辑于星期三：十点 五十五分。l十一、中心十一、中心第54页/共103页第五十四页，编辑于星期三：十点 五十五分。l十二、方向十二、方向l版面设计中，由文字组成的行表现为线的形式，由字行集合成的行组以及图片，它们的形状和结构一般也表现为某种运动的方向。第55页/共103页第五十五页，编辑于星期三：十点 五十五分。l水平和垂直给平面以安静和固定的感觉。相反

15、，倾斜比较来说具有动感，表现出从一端向另一端移动的感觉。第56页/共103页第五十六页，编辑于星期三：十点 五十五分。l当然，除此之外还有很多样式的运动方向，它们不是接近水平和垂直，就是近似倾斜，其表现力也与近似的运动方向一致。第57页/共103页第五十七页，编辑于星期三：十点 五十五分。 对于版面要素过多又过于杂乱的情况，可以用规律的网格骨架统一整理，形成多样统一的基调。方向上的统一也是解决画面杂乱的很好手段。l水平、垂直与倾斜组合起来使用，如水平中有垂直，或者水平和垂直中有倾斜，能使版面产生对比，带来丰富和生动的效果。第58页/共103页第五十八页，编辑于星期三：十点 五十五分。5 5偏心

16、型（图文半分型）偏心型（图文半分型）1 1标准型标准型2 2标题型标题型3 3全图型（底纹型）全图型（底纹型）l4 4中轴型中轴型6 6交叉型交叉型7 7倾斜型倾斜型8 8文字型文字型9 9指示型指示型1010重复型重复型1111网格型网格型1212散点型散点型1313曲线型曲线型1414三角型三角型1515圆型圆型第59页/共103页第五十九页，编辑于星期三：十点 五十五分。版面设计的基本类型 1 1标准型标准型 最常见的一种编排形式，常用于一般书籍、杂志、报刊等。插图在最佳视线内，顺着视觉流程向下，依次是标题，说明文，标语，商标，企业名称等。 这种方式有良好的安定感，也符合人们认识事物的逻

17、辑顺序。第60页/共103页第六十页，编辑于星期三：十点 五十五分。 标准型版面可以分为竖排型（传统型）和横排型（现代型）两种。竖排文字从右到左，上到下，符合中国传统阅读习惯，在中国台湾和香港地区的现代设计中运用较多。横排式是从左到右编排的，这种方式更为通俗化。第61页/共103页第六十一页，编辑于星期三：十点 五十五分。 2 2标题型标题型 版面上标题为先，顺着视觉流程向下，依次是标语、说明文、插图、商标、企业等。这种形式适用于提高产品或企业知名度，诉求的重心在标题上。这时的标题形式、字体、色彩是整个编排中的重点部分。第62页/共103页第六十二页，编辑于星期三：十点 五十五分。 3 3全图

18、型（底纹型）全图型（底纹型） 用一张图片占据整个版面，在图片的适当位置直接嵌入标题、文字等，此时图本身的艺术质量至关重要，精度、色彩准确度、图形的趣味性要求较高。 这个类型的版面形式大方、舒展，是商品广告和杂志广告常用的类型。第63页/共103页第六十三页，编辑于星期三：十点 五十五分。第64页/共103页第六十四页，编辑于星期三：十点 五十五分。 这类编排具有良好的平衡感，对中轴线两侧各要素进行大小、深浅、冷暖等的对比、变化，才能呈现动感。水平排列稳定安详，垂直排列冲动向上。l4 4中轴型中轴型l是一种对称的构成形态，标题、图片、说明文与标志、图形基本对称放于轴心线两边，版面上的中轴线可以是

19、有形的，也可以是无形的。第65页/共103页第六十五页，编辑于星期三：十点 五十五分。第66页/共103页第六十六页，编辑于星期三：十点 五十五分。 5 5偏心型（图文半分型）偏心型（图文半分型） 把插图安排在版面的左侧或右侧，余下的一侧放文字说明等内容。也可以上下半分。有图片的部分感性活力，放文字的部分理性静止。一般人视线往往先落在版面的左上侧，所以图片安置在左侧或上侧，适当用点、线穿插，可以让被分割的两部分和谐起来。第67页/共103页第六十七页，编辑于星期三：十点 五十五分。第68页/共103页第六十八页，编辑于星期三：十点 五十五分。第69页/共103页第六十九页，编辑于星期三：十点

20、五十五分。第70页/共103页第七十页，编辑于星期三：十点 五十五分。 6 6交叉型交叉型 版面中的两个构成要素，一个构成要素叠放于另一个上面进行交叉，可以是十字交叉，也可以是一定角度的倾斜交叉。这种编排产生前后层次感，增加版面的视觉深度，交叉中心成为视觉中心。第71页/共103页第七十一页，编辑于星期三：十点 五十五分。第72页/共103页第七十二页，编辑于星期三：十点 五十五分。 7 7倾斜型倾斜型 这是一种有很强动感的类型，图中的要素或主体呈倾斜状放置，读者视线随倾斜角度动。不管是图片还是文字块在版面上做倾斜的编排，整体的效果都具有动感。第73页/共103页第七十三页，编辑于星期三：十点

21、 五十五分。第74页/共103页第七十四页，编辑于星期三：十点 五十五分。 8 8文字型文字型 以文字为主体构成的版面，图片仅为版面的点缀。 在这里，文字的字体、大小、色彩是设计的首要因素。第75页/共103页第七十五页，编辑于星期三：十点 五十五分。第76页/共103页第七十六页，编辑于星期三：十点 五十五分。l文字型的编排是否有吸引力，取决于广告文案的感染力，文字自身的结构美当作画面的图形要素进行编排，也构成文字型的特点。第77页/共103页第七十七页，编辑于星期三：十点 五十五分。 9 9指示型指示型 用指示性的形象把读者的视线引导到要重点表现的商品目标上，指引方式可以通过箭头、手指、透

22、视线、聚焦等各种方式。这样的编排方式受“最佳视域”和“视觉流程”的约束很小，可以根据设计的内容来决定把版面的重心放在哪个位置上。这种类型的编排改变了视觉流程的走向，但一定要将诉求重心以极其简明的表达安排在指示终点处，使视觉流程终点与表现要点相吻合，这样才能取得良好的视觉效果。第78页/共103页第七十八页，编辑于星期三：十点 五十五分。 1010重复型重复型 将同一视觉要素在版面上作重复编排，重复的内容可以是图片也可以是标题或标志等，重复有强调的作用，可以让被重复的部分给人留下深刻印象。不过，要注意节奏与韵律的作用，不要流于呆板。第79页/共103页第七十九页，编辑于星期三：十点 五十五分。

23、1111网格型网格型 将全部或部分版面作棋盘式分割，版面被分成若干等面积的几何形态。 这种方式适合于版面上需要安排许多份量相同的单元，如介绍一组产品等。第80页/共103页第八十页，编辑于星期三：十点 五十五分。将图片或者图形、文字，纳入网格中，利用网格将版面上过于杂乱的要素进行整理。第81页/共103页第八十一页，编辑于星期三：十点 五十五分。第82页/共103页第八十二页，编辑于星期三：十点 五十五分。 1212散点型散点型 将各种构成要素在版面上作不规则分散状，也称自由型的编排。这种貌似随意的分散，其实内涵上往往包含设计的精心构置。在编排时注意节奏、疏密、均衡感，总体感要有统一的气氛，要

24、做到形散神不散。第83页/共103页第八十三页，编辑于星期三：十点 五十五分。第84页/共103页第八十四页，编辑于星期三：十点 五十五分。 1313曲线型曲线型 对重点物体作曲线型或插图与文稿的排列为曲线形的构图。第85页/共103页第八十五页，编辑于星期三：十点 五十五分。第86页/共103页第八十六页，编辑于星期三：十点 五十五分。第87页/共103页第八十七页，编辑于星期三：十点 五十五分。 1414三角型三角型 文字或图形编排成三角形，正三角形富有稳定感，逆三角形有动感，用正三角形时注意避免呆板，而用逆三角形时注意平衡。第88页/共103页第八十八页，编辑于星期三：十点 五十五分。第

25、89页/共103页第八十九页，编辑于星期三：十点 五十五分。 1515圆型圆型 将插图处理成圆形、半圆形，同时在文字编排上作相应变形。圆形给人庄重完美的感觉，不过 圆形过于圆满，有时用半圆形可获得更好的视觉效果。第90页/共103页第九十页，编辑于星期三：十点 五十五分。第91页/共103页第九十一页，编辑于星期三：十点 五十五分。第92页/共103页第九十二页，编辑于星期三：十点 五十五分。5 5偏心型（图文半分型）偏心型（图文半分型）1 1标准型标准型2 2标题型标题型3 3全图型（底纹型）全图型（底纹型）l4 4中轴型中轴型6 6交叉型交叉型7 7倾斜型倾斜型8 8文字型文字型9 9指示

26、型指示型1010重复型重复型1111网格型网格型1212散点型散点型1313曲线型曲线型1414三角型三角型1515圆型圆型第93页/共103页第九十三页，编辑于星期三：十点 五十五分。第94页/共103页第九十四页，编辑于星期三：十点 五十五分。第95页/共103页第九十五页，编辑于星期三：十点 五十五分。第96页/共103页第九十六页，编辑于星期三：十点 五十五分。第97页/共103页第九十七页，编辑于星期三：十点 五十五分。第98页/共103页第九十八页，编辑于星期三：十点 五十五分。第99页/共103页第九十九页，编辑于星期三：十点 五十五分。杂志第100页/共103页第一百页，编辑于星期三：十点 五十五分。第101页/共103页第一百零一页，编辑于星期三：十点 五十五分。第102页/共103页第一百零二页，编辑于星期三：十点 五十五分。感谢您的观看。第103页/共103页第一百零三页，编辑于星期三：十点 五十五分。