版式设计-网格系统与构图原理
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一般，成线性排列的要 素越多，轴就会显得越 牢靠。
栅格系统与版式设计
栅格系统与版式设计
三的法则
3×3的网格系统吻合三 的法则，即当一个矩形 或者正方形，被水平和 垂直的分成三份后，结 构中的4个交点就是最吸 引人的4个点。
了解三的法则，可以让 设计师把注意力放在它 们最为自然出现的地方， 从而控制构成空间。不 必将构成要素直接放在 交点上，因为过于靠近 会使注意力集中到它们 上面。
把短矩形放置在长矩 形上方并接触顶边， 是虚空间被激活。同 时下边的短矩形很好 的进行了组合。
最后，将中矩形的行 距缩小，减少了虚空 间，最胖的短矩形沉 底，使构成感觉更加 开阔
栅格系统与版式设计
水平构成 长矩形放置在顶部位置评论B
与评论A有同样的问 题，要素需要更紧密 的组合，从而简化构 成，而且内部的轴列 也需要加强
栅格系统与版式设计
水平构成 长矩形放置在底部位置
底部是最稳定的放置位置，而且给所有其他要素 都带来了稳定性。其他的要素可以在上面的空间 里自由移动，因为稳定性已经存在下面了。
主要考虑构成的控制和强 调
强调： • 三的法则 • 圆的位置 • 行距
栅格系统与版式设计
水平构成 长矩形放置在底部位置评论A
要素之间紧密联系， 产生直接的视觉关 系
相同或不同的要素 组合在一起就产生 了韵律和节奏
产生大片的肌理感
版面构成被简化， 而虚空间或未被使 用的空间区域得到 强化，鲜明的秩序 被建立
网格系统与版式设计
网格系统与版式设计
组合
组合相同的要素
相同宽度的矩形要素可以 被组合在一起
组合不同的要素
不同宽度的矩形要素可以 被组合在一起
Free lecture Serie
栅格系统与版式设计
水平构成 长矩形放置在底部位置案例举例
栅格系统与版式设计
水平构成 长矩形放置在内部位置
最长矩形放在内部的位置是可变的，由于长矩形 将版面分割成两个较小的矩形，如果没有其他的 构成要素放置在它们中间，版面就会显得沉闷， 看起来不舒服。这两个矩形至少要各放一个构成， 整个空间才会被激活。
激活空间
当圆在狭窄的空白位置中占据了一 个位置时，这个空间变得活跃起来， 产生一种强烈的不对称感，试版面 视觉上更有趣味
栅格系统与版式设计
栅格系统与版式设计
圆与构成
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
张力
当圆放在与其他构成要 素非常接近的位置时， 就出现了视觉张力
网格系统与版式设计
通过举例分析栅格系统及版面设计的原理 一、构成要素： 1、3×3的结构 2、6个灰色的矩形
3、圆
Architectonic Graphic Design
7:00 pm Library Free lecture Serie
Graphic design department
Ringlng school of art and design January 7 2003 January 8 2002 January 9 2001
网格系统与版式设计
虚空间
组合后：简化的虚空间 在这个组合的结构中，于6个空白矩形。这些空间不仅在 数量上减少，而且也变得更大，所有看起来更加舒适。
栅格系统与版式设计
四边的联系
弱的四边联系
由于没有要素连着顶 线和底线，沉重而呆 滞的空白空间就充塞 了这个构成的顶和底
强的四边联系
由于构成与四边都有 接触，所有空间都被 激活，版面看起来很 舒展
错误，在水平 系列中，所有 的构成要素必 须水平，
网格系统与版式设计
网格系统与版式设计
限制和选择
错误，构成要素不能重 叠，不能超出版面
错误，构成要素的 长度必须吻合横格
网格系统与版式设计
组合
没有组合
如果没有组合，就 有7个独立的视觉要 素，版面显得缺乏 组织，杂乱
有组合
通过组合，构成要 素的数量减少，结 构简化，并且强化 了虚空间
圆的作用：是一种平衡因素（构成的视觉控制和对比） 是一种活跃有力的因素，具有极大的视觉力量。
栅格系统与版式设计
版面设计中的网格系统分三种类别： •水平构成 •水平/垂直构成 •倾斜构成
网格系统与版式设计
限制和选择
•水平系列中，所有的矩形要素必须保持水平； •在水平/垂直系列中，所有的矩形要素必须保 持水平/垂直
这个设计已经具有 一定的协调性了， 后面的修改有意识 的使用了三的法则， 来寻求更好的协调 性
三的法则表明，四 个交点是最吸引人 的焦点
这种处理是调整行 距后以及圆的位置 得到的改变结果
栅格系统与版式设计
水平构成 长矩形放置在底部位置替换为文字举例
Ringlng school of art and design
栅格系统与版式设计
三的法则
3×3的网格系统吻合三 的法则，即当一个矩形 或者正方形，被水平和 垂直的分成三份后，结 构中的4个交点就是最吸 引人的4个点。
了解三的法则，可以让 设计师把注意力放在它 们最为自然出现的地方， 从而控制构成空间。不 必将构成要素直接放在 交点上，因为过于靠近 会使注意力集中到它们 上面。
张力
当圆靠近一个近90度 的角上，就会强化形 状和张力的对比
栅格系统与版式设计
圆与构成
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
栅格系统与版式设计
圆与构成
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
两个中等矩形仍然是 各自左右偏移，但它 们变得更加紧密了， 而且与两个小矩形也 组合起来
最后，胖矩形也被安 排在底端中部来固定 构成，而且圆被放置 在了中心，以强化中 间一栏的轴列
栅格系统与版式设计
水平构成 长矩形放置在顶部位置替换为文字举例
Architectonic Graphic Design
栅格系统与版式设计
水平构成 长矩形放置在顶部位置
要把最长的矩形放在顶部位置，挨住版面的顶 边，或是非常接近。
主要考虑构成的基本方面
强调： 1. 组合 2. 虚空间 3. 边长 4. 轴列
栅格系统与版式设计
水平构成 长矩形放置在顶部位置评论A
这个设计少了内部的 协调感。顶部留下了 虚空间，感觉沉闷。 许多要素没有组合， 杂乱，并且底端没有 很好的利用
网格系统与版式设计
虚空间
未组合：杂乱的虚空间 在这个没有组合的构成中，至少有10 个空白矩形，这个构成显得无序，在 视觉上毫无吸引力。
当那些构成要素没 有得到很好的组合， 每一个周围都是虚 空间时，那些虚空 间就会显得杂多， 整体构成显得无序， 无组织。当那些构 成要素组合在一起 后，虚空间就会变 少也变大，一个简 化之后感觉更加协 调的整体构成就会 建立起来。
•在倾斜系列中，所有的矩形要素必须同样倾斜 或对比性倾斜
•所有的矩形要素都必须使用 •不能有矩形要素超出这个版面 •矩形要素可以差不多相切，但不能重叠
•矩形要素的长度要正好吻合一个、两个、三个 视觉方块的宽度。
我们需要得到的： 一个版面 一些构图要素 一些简明的规则
网格系统与版式设计
限制和选择
正确，所有的要素都水平的，所有的要素都用 上了，而且没有超出版面，没有重叠，圆可以 放在任何位置，但不和其他要素重叠
如果没有任何构成 元素靠近顶端边线 和底端边线（入 图），虚空间就会 挤压构成要素，整 个结构就显得缥缈 无根。
相反，虚空间就能 很好的利用，整个 构成会因为这种视 觉扩张而显得大气。
网格系统与版式设计
栅格系统与版式设计
轴的联系
弱的轴联系
在这个构成中，左边的轴 联系很弱，这轴在左边线 上，就使视觉离开了整个 版面
版式设计 -------网格系统与构图原理
网格系统与版式设计
版式设计离不 开网格系统， 但版式又可以 分为网格型和 网格自由型， 我们今天要学 习的就是网格 型的版面设计。
版式设计不仅 提供阅读的信 息，而且是一 篇文章中由行
列织成的肌质。
网格系统与版式设计
网格系统与版式设计
今天我们就从正方形的九宫格谈网格系统的基 本原理，再了解了网格系统的基本原理后，就 可进一步探究各种类型版面的不同的网格设计
把所有的构成特性 都融合在一起
强调： • 组合 • 虚空间 • 边长 • 轴列 • 三的法则 • 圆的位置 • 行距
栅格系统与版式设计
水平构成 长矩形放置在内部位置评论A
这个构成有很好的内 部排列，但是长矩形 在顶部隔开了一个沉 闷的空间。被隔开的 这个虚空间不能利用 的话就显得笨拙。而 且整个构成底部沉重
强的轴联系
中间一栏上的这两根轴在 视觉上就感觉强健有力， 因为有更多的构成要素线 性排列在这两根轴上
网格中的构成要素会形 成一些轴列，当一根轴 出现在结构内部时，就 形成了鲜明的视觉关系， 结构就有了视觉秩序感。 左边线和右边线的轴虽 然也能带来秩序感，但 视觉上显得很弱。单独 一个构成要素不能创造 出一根轴，两个或更多 的构成要素才能建立起 轴。
3. 圆远离文字时，在观 看版面时，它就吸引 目光，同时控制视觉 流程，可以起到使构 成趋向平衡的作用。
栅格系统与版式设计
圆与构成
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
平衡放置和轴的支点
当圆的放置显示了它 额网格的联系，就产 生了一种视觉平衡， 从结构的四周来看， 这个圆也是轴的支点
两个小矩形被上移， 激活了空间。
一个单独的构成要 素，比如一个小矩 形，也可以用来激 活空间。作为一个 孤立的构成要素， 它会吸引相当的注 意
栅格系统与版式设计
水平构成 长矩形放置在内部位置替换为文字举例
Graphic design department
7: 00 pm Library
January 7 2003 January 8 2002 January 9 2001
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
栅格系统与版式设计
圆在不同构成位置上的 不同作用：
1. 当圆靠近字行时，能 吸引人的注意力到这 些字上，同时也有装 饰的效果。
2. 当圆放在字行中间时， 它就隔开了字行，同 时对字行起到组织作 用。
Free lecture Serie
January 7 2003 January 8 2002 January 9 2001
7: 00 pm Library
Graphic design department
Ringlng school of art and design
栅格系统与版式设计
水平构成 长矩形放置在顶部位置案例举例
栅格系统与版式设计
水平构成案例
栅格系统与版式设计
栅格系统与版式设计
版面设计中的网格系统分三种类别： 水平构成 水平/垂直构成 倾斜构成
栅格系统与版式设计
版面设计中的网格系统分三种类别： 水平构成 水平/垂直构成 倾斜构成
栅格系统与版式设计
水平构成（最简单的）
我们将最长的构成要素（横跨版面三个格子）按 照其不同的放置位置来划分出三种处理方式。 1、长矩形放置在顶部位置 2、长矩形放置在底部位置 3、长矩形放置在内部位置
栅格系统与版式设计
圆与构成
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
栅格系统与版式设计
圆与构成
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
栅格系统与版式设计
版面设计中的网格系统分三种类别： •水平构成 •水平/垂直构成 •倾斜构成
Architectonic Graphic Design
Free lecture Serie
Ringlng school of art and design
栅格系统与版式设计
水平构成 长矩形放置在内部位置举例
把所有的构成特性 都融合在一起
强调： • 组合 • 虚空间 • 边长 • 轴列 • 三的法则 • 圆的位置 • 行距
栅格系统与版式设计
三的法则
栅格系统与版式设计
圆与构成
圆在不同构成位置上的不同作用：
1. 当圆靠近字行时，能吸引人的注意力到这 些字上，同时也有装饰的效果。
2. 当圆放在字行中间ቤተ መጻሕፍቲ ባይዱ，它就隔开了字行， 同时对字行起到组织作用。
3. 圆远离文字时，在观看版面时，它就吸引 目光，同时控制视觉流程，可以起到使构 成趋向平衡的作用。
栅格系统与版式设计
栅格系统与版式设计
三的法则
3×3的网格系统吻合三 的法则，即当一个矩形 或者正方形，被水平和 垂直的分成三份后，结 构中的4个交点就是最吸 引人的4个点。
了解三的法则，可以让 设计师把注意力放在它 们最为自然出现的地方， 从而控制构成空间。不 必将构成要素直接放在 交点上，因为过于靠近 会使注意力集中到它们 上面。
把短矩形放置在长矩 形上方并接触顶边， 是虚空间被激活。同 时下边的短矩形很好 的进行了组合。
最后，将中矩形的行 距缩小，减少了虚空 间，最胖的短矩形沉 底，使构成感觉更加 开阔
栅格系统与版式设计
水平构成 长矩形放置在顶部位置评论B
与评论A有同样的问 题，要素需要更紧密 的组合，从而简化构 成，而且内部的轴列 也需要加强
栅格系统与版式设计
水平构成 长矩形放置在底部位置
底部是最稳定的放置位置，而且给所有其他要素 都带来了稳定性。其他的要素可以在上面的空间 里自由移动，因为稳定性已经存在下面了。
主要考虑构成的控制和强 调
强调： • 三的法则 • 圆的位置 • 行距
栅格系统与版式设计
水平构成 长矩形放置在底部位置评论A
要素之间紧密联系， 产生直接的视觉关 系
相同或不同的要素 组合在一起就产生 了韵律和节奏
产生大片的肌理感
版面构成被简化， 而虚空间或未被使 用的空间区域得到 强化，鲜明的秩序 被建立
网格系统与版式设计
网格系统与版式设计
组合
组合相同的要素
相同宽度的矩形要素可以 被组合在一起
组合不同的要素
不同宽度的矩形要素可以 被组合在一起
Free lecture Serie
栅格系统与版式设计
水平构成 长矩形放置在底部位置案例举例
栅格系统与版式设计
水平构成 长矩形放置在内部位置
最长矩形放在内部的位置是可变的，由于长矩形 将版面分割成两个较小的矩形，如果没有其他的 构成要素放置在它们中间，版面就会显得沉闷， 看起来不舒服。这两个矩形至少要各放一个构成， 整个空间才会被激活。
激活空间
当圆在狭窄的空白位置中占据了一 个位置时，这个空间变得活跃起来， 产生一种强烈的不对称感，试版面 视觉上更有趣味
栅格系统与版式设计
栅格系统与版式设计
圆与构成
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
张力
当圆放在与其他构成要 素非常接近的位置时， 就出现了视觉张力
网格系统与版式设计
通过举例分析栅格系统及版面设计的原理 一、构成要素： 1、3×3的结构 2、6个灰色的矩形
3、圆
Architectonic Graphic Design
7:00 pm Library Free lecture Serie
Graphic design department
Ringlng school of art and design January 7 2003 January 8 2002 January 9 2001
网格系统与版式设计
虚空间
组合后：简化的虚空间 在这个组合的结构中，于6个空白矩形。这些空间不仅在 数量上减少，而且也变得更大，所有看起来更加舒适。
栅格系统与版式设计
四边的联系
弱的四边联系
由于没有要素连着顶 线和底线，沉重而呆 滞的空白空间就充塞 了这个构成的顶和底
强的四边联系
由于构成与四边都有 接触，所有空间都被 激活，版面看起来很 舒展
错误，在水平 系列中，所有 的构成要素必 须水平，
网格系统与版式设计
网格系统与版式设计
限制和选择
错误，构成要素不能重 叠，不能超出版面
错误，构成要素的 长度必须吻合横格
网格系统与版式设计
组合
没有组合
如果没有组合，就 有7个独立的视觉要 素，版面显得缺乏 组织，杂乱
有组合
通过组合，构成要 素的数量减少，结 构简化，并且强化 了虚空间
圆的作用：是一种平衡因素（构成的视觉控制和对比） 是一种活跃有力的因素，具有极大的视觉力量。
栅格系统与版式设计
版面设计中的网格系统分三种类别： •水平构成 •水平/垂直构成 •倾斜构成
网格系统与版式设计
限制和选择
•水平系列中，所有的矩形要素必须保持水平； •在水平/垂直系列中，所有的矩形要素必须保 持水平/垂直
这个设计已经具有 一定的协调性了， 后面的修改有意识 的使用了三的法则， 来寻求更好的协调 性
三的法则表明，四 个交点是最吸引人 的焦点
这种处理是调整行 距后以及圆的位置 得到的改变结果
栅格系统与版式设计
水平构成 长矩形放置在底部位置替换为文字举例
Ringlng school of art and design
栅格系统与版式设计
三的法则
3×3的网格系统吻合三 的法则，即当一个矩形 或者正方形，被水平和 垂直的分成三份后，结 构中的4个交点就是最吸 引人的4个点。
了解三的法则，可以让 设计师把注意力放在它 们最为自然出现的地方， 从而控制构成空间。不 必将构成要素直接放在 交点上，因为过于靠近 会使注意力集中到它们 上面。
张力
当圆靠近一个近90度 的角上，就会强化形 状和张力的对比
栅格系统与版式设计
圆与构成
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
栅格系统与版式设计
圆与构成
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
两个中等矩形仍然是 各自左右偏移，但它 们变得更加紧密了， 而且与两个小矩形也 组合起来
最后，胖矩形也被安 排在底端中部来固定 构成，而且圆被放置 在了中心，以强化中 间一栏的轴列
栅格系统与版式设计
水平构成 长矩形放置在顶部位置替换为文字举例
Architectonic Graphic Design
栅格系统与版式设计
水平构成 长矩形放置在顶部位置
要把最长的矩形放在顶部位置，挨住版面的顶 边，或是非常接近。
主要考虑构成的基本方面
强调： 1. 组合 2. 虚空间 3. 边长 4. 轴列
栅格系统与版式设计
水平构成 长矩形放置在顶部位置评论A
这个设计少了内部的 协调感。顶部留下了 虚空间，感觉沉闷。 许多要素没有组合， 杂乱，并且底端没有 很好的利用
网格系统与版式设计
虚空间
未组合：杂乱的虚空间 在这个没有组合的构成中，至少有10 个空白矩形，这个构成显得无序，在 视觉上毫无吸引力。
当那些构成要素没 有得到很好的组合， 每一个周围都是虚 空间时，那些虚空 间就会显得杂多， 整体构成显得无序， 无组织。当那些构 成要素组合在一起 后，虚空间就会变 少也变大，一个简 化之后感觉更加协 调的整体构成就会 建立起来。
•在倾斜系列中，所有的矩形要素必须同样倾斜 或对比性倾斜
•所有的矩形要素都必须使用 •不能有矩形要素超出这个版面 •矩形要素可以差不多相切，但不能重叠
•矩形要素的长度要正好吻合一个、两个、三个 视觉方块的宽度。
我们需要得到的： 一个版面 一些构图要素 一些简明的规则
网格系统与版式设计
限制和选择
正确，所有的要素都水平的，所有的要素都用 上了，而且没有超出版面，没有重叠，圆可以 放在任何位置，但不和其他要素重叠
如果没有任何构成 元素靠近顶端边线 和底端边线（入 图），虚空间就会 挤压构成要素，整 个结构就显得缥缈 无根。
相反，虚空间就能 很好的利用，整个 构成会因为这种视 觉扩张而显得大气。
网格系统与版式设计
栅格系统与版式设计
轴的联系
弱的轴联系
在这个构成中，左边的轴 联系很弱，这轴在左边线 上，就使视觉离开了整个 版面
版式设计 -------网格系统与构图原理
网格系统与版式设计
版式设计离不 开网格系统， 但版式又可以 分为网格型和 网格自由型， 我们今天要学 习的就是网格 型的版面设计。
版式设计不仅 提供阅读的信 息，而且是一 篇文章中由行
列织成的肌质。
网格系统与版式设计
网格系统与版式设计
今天我们就从正方形的九宫格谈网格系统的基 本原理，再了解了网格系统的基本原理后，就 可进一步探究各种类型版面的不同的网格设计
把所有的构成特性 都融合在一起
强调： • 组合 • 虚空间 • 边长 • 轴列 • 三的法则 • 圆的位置 • 行距
栅格系统与版式设计
水平构成 长矩形放置在内部位置评论A
这个构成有很好的内 部排列，但是长矩形 在顶部隔开了一个沉 闷的空间。被隔开的 这个虚空间不能利用 的话就显得笨拙。而 且整个构成底部沉重
强的轴联系
中间一栏上的这两根轴在 视觉上就感觉强健有力， 因为有更多的构成要素线 性排列在这两根轴上
网格中的构成要素会形 成一些轴列，当一根轴 出现在结构内部时，就 形成了鲜明的视觉关系， 结构就有了视觉秩序感。 左边线和右边线的轴虽 然也能带来秩序感，但 视觉上显得很弱。单独 一个构成要素不能创造 出一根轴，两个或更多 的构成要素才能建立起 轴。
3. 圆远离文字时，在观 看版面时，它就吸引 目光，同时控制视觉 流程，可以起到使构 成趋向平衡的作用。
栅格系统与版式设计
圆与构成
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
平衡放置和轴的支点
当圆的放置显示了它 额网格的联系，就产 生了一种视觉平衡， 从结构的四周来看， 这个圆也是轴的支点
两个小矩形被上移， 激活了空间。
一个单独的构成要 素，比如一个小矩 形，也可以用来激 活空间。作为一个 孤立的构成要素， 它会吸引相当的注 意
栅格系统与版式设计
水平构成 长矩形放置在内部位置替换为文字举例
Graphic design department
7: 00 pm Library
January 7 2003 January 8 2002 January 9 2001
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
栅格系统与版式设计
圆在不同构成位置上的 不同作用：
1. 当圆靠近字行时，能 吸引人的注意力到这 些字上，同时也有装 饰的效果。
2. 当圆放在字行中间时， 它就隔开了字行，同 时对字行起到组织作 用。
Free lecture Serie
January 7 2003 January 8 2002 January 9 2001
7: 00 pm Library
Graphic design department
Ringlng school of art and design
栅格系统与版式设计
水平构成 长矩形放置在顶部位置案例举例
栅格系统与版式设计
水平构成案例
栅格系统与版式设计
栅格系统与版式设计
版面设计中的网格系统分三种类别： 水平构成 水平/垂直构成 倾斜构成
栅格系统与版式设计
版面设计中的网格系统分三种类别： 水平构成 水平/垂直构成 倾斜构成
栅格系统与版式设计
水平构成（最简单的）
我们将最长的构成要素（横跨版面三个格子）按 照其不同的放置位置来划分出三种处理方式。 1、长矩形放置在顶部位置 2、长矩形放置在底部位置 3、长矩形放置在内部位置
栅格系统与版式设计
圆与构成
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
栅格系统与版式设计
圆与构成
圆潜在的功能： 1. 激活空间 2. 轴的支点 3. 张力 4. 起点或停留点 5. 组织 6. 平衡
栅格系统与版式设计
版面设计中的网格系统分三种类别： •水平构成 •水平/垂直构成 •倾斜构成
Architectonic Graphic Design
Free lecture Serie
Ringlng school of art and design
栅格系统与版式设计
水平构成 长矩形放置在内部位置举例
把所有的构成特性 都融合在一起
强调： • 组合 • 虚空间 • 边长 • 轴列 • 三的法则 • 圆的位置 • 行距
栅格系统与版式设计
三的法则
栅格系统与版式设计
圆与构成
圆在不同构成位置上的不同作用：
1. 当圆靠近字行时，能吸引人的注意力到这 些字上，同时也有装饰的效果。
2. 当圆放在字行中间ቤተ መጻሕፍቲ ባይዱ，它就隔开了字行， 同时对字行起到组织作用。
3. 圆远离文字时，在观看版面时，它就吸引 目光，同时控制视觉流程，可以起到使构 成趋向平衡的作用。