版面设计之形式法则

网格，20世纪起源于瑞士，也是平面构成中骨架的概念，并得
以发展与延伸。网格分为可见的和不可见的。可见的网格清晰，
具有条理性，但有呆板的感觉。

如果设计师在统一网格的风格中， 进行一些破格或变异的设计，运用 网格作为版面编排的程序，形成不 可见的网格，会有意想不到的效果。 这种自由方式的构造，能使版面更 丰富、更创新、更活泼。

构成秩序美的原理有对称、均衡、比
例、韵律、多样统一等。在秩序美中
溶入变异之构成，可使版面获得一种 活泼动情的效果。
九、虚实与留白

中国传统美学上有“计白守黑”这一说法。就是指编排的内容 是“黑”，也就是实体，细弱的文字、图形或色彩是白。 版面中的空白如同人的呼吸，使版面产生生气、活力、节奏、 停顿等等，作为图形的衬托，表现确实的形象。
安定、整齐、规律的统一。


四、重复与交错
但重复构成后的视觉感受有时容易显得呆板、平淡、缺乏趣味 性的变化。所以，我们在版面中可安排一些交错与重叠，打破 版面呆板、平淡的格局。


五、节奏与韵律
节奏是按照一定的条例、秩序、重复
连续地排列，形成一种律动形式，它 有等距离的连续，也有渐变、大小、
长短、明暗、形状、高低等的排列构
人们认识事物的逻辑顺序。

标准型版面可以分为竖排型（传统型）和横排型（现代型）两 种。竖排文字从右到左，上到下，符合中国传统阅读习惯，在 中国台湾和香港地区的现代设计中运用较多。横排式是从左到 右编排的，这种方式更为通俗化。


2标题型
版面上标题为先，顺着视觉流程向下，依次是标语、说明文、
插图、商标、企业等。这种形式适用于提高产品或企业知名度， 诉求的重心在标题上。这时的标题形式、字体、色彩是整个编
分割就是用虚实的线、字体、图
片，将版面分成若干单元，进行
填充。
运用分割将版面合理规划应用
分割是一种重要的构图方
法。分割或者叫做在整体 中各个部分的配置，它给 版面带来主题清晰，层次 分明的感受。
一方面制造形式上的
比例、节奏，另一方 面制造视觉区域，保 证信息的有效传达。
在版面中，前景可以明暗强烈
5偏心型（图文半分型） 14三角型 8文字型 6交叉型 7倾斜型 9指示型 11网格型 12散点型 13曲线型 15圆型
版面设计的基本类型


1标准型
最常见的一种编排形式，常用于一
般书籍、杂志、报刊等。插图在最 佳视线内，顺着视觉流程向下，依
次是标题，说明文，标语，商标，
企业名称等。

这种方式有良好的安定感，也符合
以根据设计的内容来决定把版面的重心放在哪个位置上。这种
类型的编排改变了视觉流程的走向，但一定要将诉求重心以极 其简明的表达安排在指示终点处，使视觉流程终点与表现要点
相吻合，这样才能取得良好的视觉效果。


10重复型
将同一视觉要素在版面上作重复编排，重复的内容可以是图片
也可以是标题或标志等，重复有强调的作用，可以让被重复的


12散点型
将各种构成要素在版面上作不规则分散状，也称自由型的编排。
这种貌似随意的分散，其实内涵上往往包含设计的精心构置。 在编排时注意节奏、疏密、均衡感，总体感要有统一的气氛，
要做到形散神不散。


13曲线型
对重点物体作曲线型或插图与
文稿的排列为曲线形的构图。


14三角型
文字或图形编排成三角形，正
片仅为版面的点缀。 在这里，文字的字体、大小、 色彩是设计的首要因素。


文字型的编排是否有吸 引力，取决于广告文案 的感染力，文字自身的 结构美当作画面的图形 要素进行编排，也构成 文字型的特点。


9指示型
用指示性的形象把读者的视线引导到要重点表现的商品目标上，
指引方式可以通过箭头、手指、透视线、聚焦等各种方式。这 样的编排方式受“最佳视域”和“视觉流程”的约束很小，可


对于版面要素过多又过于杂乱 如水平中有垂直，或者水平和垂直 的情况，可以用规律的网格骨 中有倾斜，能使版面产生对比，带 架统一整理，形成多样统一的 基调。方向上的统一也是解决
来丰富和生动的效果。
水平、垂直与倾斜组合起来使用，
画面杂乱的很好手段。
1标准型
2标题型

3全图型（底纹型）
4中轴型 10重复型
异的性质。

它包括大小、明暗、黑白、强弱、粗细、疏密、高低、远近、 硬软、直曲、浓淡、动静、锐钝、轻重、正反、单双的对比。
大小对比
对比必须清晰鲜明、
一目了然，不能模棱 两可。
轻重对比
对比的最基本要素是显示主从关 系和统一变化的效果
正反对比


四、重复与交错
在版面构成中，不断重复使用相同的基本形或线，使设计产生
杂志
THE END
为浪漫的版面形式。
ቤተ መጻሕፍቲ ባይዱ
√2比例（1.414）

√2矩形也称德国标准比，朴素大方，被广泛用在需要折
叠使用的书籍、报纸的规格上。

良好的比例是设计中艺术修养与审美情趣的综合及灵活运
用的结果，但不可生搬硬套。
二、分割

分割是一种最基本的、随处可见 的板式原理，版面的分割是为了 创建出有序的视觉层次。



十、力场与网格
“力场”是一种在人们心理的感应下虚拟的空间。在版面的范
围内，通过点状、线状和块面的分割和限定，使版面充满空灵
的、流动的、并形成一个具有生命力的“场”。

平面的上半部分引起人们一种轻松、飘动和自由的想象，越是 往上看，这种感觉就越强烈。平面的下半部分给人完全相反的 印象，压抑，束缚，受限制但是稳定和沉重。这种高与低的特 性是人类眼睛在平面上受到万有引力影响的内在经验。
版面设计形式原理
变化与统一——形式美构成总法则
比例 分割 对比 对称
重复 均衡
节奏与韵律 力场 方向
空间 重心
虚实与留白
统一
变异与秩序


一、比例
比例是形的整体与部分以及部分与部分之间数
量的一种比率。比例常常表现出一定的数列：
等差数列、等比数列、黄金比等。

长度比、宽度比、面积比等，能与
其他造型要素产生同样的功能和极

这类编排具有良 好的平衡感，对 中轴线两侧各要 素进行大小、深 浅、冷暖等的对 比、变化，才能 呈现动感。水平 排列稳定安详， 垂直排列冲动向 上。
形的。


5偏心型（图文半分型）
把插图安排在版面的左侧或右侧，余下的一侧放文字说明等内 容。也可以上下半分。有图片的部分感性活力，放文字的部分
理性静止。一般人视线往往先落在版面的左上侧，所以图片安
采用文字条，逐步 渐变到版面主题， 进而达到一种优美 旋律的追求
韵律感令人心情轻松稳定

六、对称

两个同一形的
并列与均齐，
实际上就是最 简单的对称形
式。

对称的形式有左右对称，上下对称，放射对称（以对称点为 源），反转对称。其特点是稳定、庄严、整齐、秩序、安宁、 沉静。

它是版面中心被强调的高格调表现。 古典主义版面设计中应用较多。
三角形富有稳定感，逆三角形 有动感，用正三角形时注意避
免呆板，而用逆三角形时注意
平衡。


15圆型
将插图处理成圆形、半圆形，同时在文字编排上作相应变形。
圆形给人庄重完美的感觉，不过 圆形过于圆满，有时用半圆形 可获得更好的视觉效果。
1标准型
2标题型

3全图型（底纹型）
4中轴型 10重复型
5偏心型（图文半分型） 14三角型 8文字型 6交叉型 7倾斜型 9指示型 11网格型 12散点型 13曲线型 15圆型
对比，中景用中和的黑白对比， 背景应该柔和清淡。 经验告诉我们，这种三分法提 高了整体的艺术效果，其简单 的分割法往往比复杂的设计更 可取。
加强整体的结构组织和方向 视觉秩序，应当考虑基本形 式：水平分割、垂直分割、 斜向分割、曲线分割


三、对比
对比是差异性的强调。对比的因素存在于相对的两要素之间相


八、变异与秩序
变异是规律的突破，是一种在整体效果中的局部突变。这一突 变之异，往往就是整个版面最具动感、最引人关注的焦点，也 是其含义延伸或转折的始端。变异的形式有规律的转移、规律 的变异、可依据大小、方向、形状的不同来构成特异效果。

秩序美是构成版面的灵魂。它是一种 组织美的编排，能体现版面的科学性 和条理性。

十一、中心

十二、方向

版面设计中，由文字组成的行表现
为线的形式，由字行集合成的行组 以及图片，它们的形状和结构一般
也表现为某种运动的方向。

水平和垂直给平面以安静和固定的
感觉。相反，倾斜比较来说具有动
感，表现出从一端向另一端移动的 感觉。

当然，除此之外还有很 多样式的运动方向，它 们不是接近水平和垂直， 就是近似倾斜，其表现 力也与近似的运动方向 一致。
佳的意境。
版面的分割，若在其中加入数列或按某种比例进 行分割，将可获得更富规律性的整齐美感。
黄金比能求得最大的限度的和谐， 使版面被分割的不同部分产生相互 联系。
√４比例

√４是正方形的两倍，用途广泛，组合十分方便。是高度 合理化的单位形。也叫叠席矩形。
√３比例（1.732）

√３矩形稍显细长，常用于竖型用书，如散文、诗集等较
置在左侧或上侧，适当用点、线穿插，可以让被分割的两部分 和谐起来。


6交叉型
版面中的两个构成要素，一个构成要素叠
放于另一个上面进行交叉，可以是十字交 叉，也可以是一定角度的倾斜交叉。这种
编排产生前后层次感，增加版面的视觉深
度，交叉中心成为视觉中心。


8文字型
以文字为主体构成的版面，图
成。
利用图形大小的渐变，体现出节奏美

在节奏中注入
美的因素和情
感——个性化， 就有了韵律。

韵律就好比是音
乐中的旋律，不 但有节奏更有情
调，它能增强版
面的感染力，开 阔艺术的表现力。

在版面设计中，韵律可以在文字笔画的重复中，以及字行和行 距的空白的重复中找到，并且以有组织有变化的相互交替在一 个平面的整体中产生不寻常的美观。

以中轴线为轴心的左 右对称构成的版面， 形成一种曲线的秩序
美。

七、均衡

均衡是一种有变化的平衡。 它运用等量不等形的方式
来表现矛盾的统一性，揭
示内在的、含蓄的秩序和 平衡，达到一种静中有动 或动中有静的条理美和动 态美。

利用虚实气势达到呼 应、和谐一致，造成 视觉上的均衡。

均衡的形式富于变化、 趣味，具有灵巧、生 动活泼、轻快的特点。
部分给人留下深刻印象。不过，要注意节奏与韵律的作用，不 要流于呆板。


11网格型
将全部或部分版面作棋盘式分割，版面被分成若干等面积的几 何形态。 这种方式适合于版面上需要安排许多份量相同的单元，如介绍 一组产品等。

将图片或者图形、文字，纳入网 格中，利用网格将版面上过于杂 乱的要素进行整理。


在版面构成中，巧 妙地留白，讲究空 白之美，是为了更 好地衬托主题，集 中视线和造成版面 的空间层次。

留白是版面未放置任何图文的空
间，它是“虚”的特殊表现手法。

空间的形状和衔接的方式也就是 字行之间和平面四周留出的空白，
其形状、大小、方向和运动的比
例关系决定着版面设计的质量和 深度。
留白的感觉是一种轻松，最大的 作用是引人注意。
排中的重点部分。


3全图型（底纹型）
用一张图片占据整个版面，在图片
的适当位置直接嵌入标题、文字等， 此时图本身的艺术质量至关重要，
精度、色彩准确度、图形的趣味性
要求较高。

这个类型的版面形式大方、舒展，
是商品广告和杂志广告常用的类型。


4中轴型
是一种对称的构成 形态，标题、图片、 说明文与标志、图 形基本对称放于轴 心线两边，版面上 的中轴线可以是有 形的，也可以是无