第二章版面设计的编排构成.doc

第二章 版面设计的编排构成
世上万物的形态千变万化 , 归纳这些事物的空间形态均
属于点、线、面的分类构成。它们彼此交织 , 相互补充 , 相互
衬托 , 有序地构成缤纷的世界。在设计中也存在同样的道理 ,
任何一种版面设计的组织结构元素均归于点、线、面的分类。
点、线、面是几何学的概念 , 也是版面设计的基本元素和主要
的视觉语言形式。

一、点的编排构成
版面中的点由于大小、形态、位置不同 , 所产生的视觉效
果也不同 , 心理的作用也不同。
点的缩小起着强调和引起注意的作用 , 而点的放大有面
之感。它们注重形象的强调与表现 , 给人情感上和心理上的量
感。
将行首放大 , 起着引导、强调、活泼版面和成为视觉焦点
的作用。
点在版面上的位置 :1. 当点居于几何中心时 , 上下左右
空间对称 , 视觉张力均等 , 庄重 , 但呆板。 2. 当点居于视觉
中心时 , 有视觉心理的平衡与舒适感。 3. 当点偏左或偏右时 ,
产生向心移动趋势 , 但过于边置会产生离心之动感。 4. 点作
上、下边置 , 有上升或下沉的心理感受。
在设计中 , 将视点导人视觉中心的设计 , 如今已屡见不
鲜。为了追求新颖的版式 , 更加特意追求将视点导向左、右、
上、下边置的变化已成为今天常见的版式表现形式。另外 , 准
确运用视点的设计来完美地表述情感及内涵 , 使设计作品更加
精彩动人 , 这正是版式设计追求的最高境界。

二、线的编排构成
点移动的轨迹为线。线的形态很复杂 , 有形态明确的实
线、虚线 , 也有空间的视觉流动线。然而 , 人们 -般对线的概
念都仅停留于版面中形态明确的线 , 对于空间的视觉流动线却
往往容易忽略。实际上 , 我们在阅读一幅画的过程中 , 视线是
随各元素的运动流程而移动的 , 对这一过程人人都有体会 , 只
是人们不习惯注意自己构筑在视觉心理上这条既虚又实的“线“，
因而容易忽略或视而不见。实质上，这条空间的视觉流
动线对于每位设计师来讲有着相当重要的意义 , 这也正是我们
下一章将要探讨的 " 视觉流程 " 。

线 形态明确的线、实线、虚线空间实虚、视觉流程线
直线 水平线垂直线斜线
曲线 弧线回旋线
线的属性 粗细方向长短
1. 线的分割
在进行版面分割时 , 既要考虑各种形态元素彼此间支配
的形式 , 又要注意空间所具有的内在联系 , 保证良好的视觉秩
序感 , 这就要求被划分的空间有相应的主次关系、呼应关系和
形式关系 , 以此来获得整体和谐的视觉空间。
空间等量的分割。将多个相似或相同的形态进行空间等
量分割 , 以获得秩序与美。
图文在直线的空间分割下 , 获得清晰、有条理的秩序 , 同
时求得统一和谐的因素。
在骨髓分栏中插入直线进行分割 , 使栏目更清晰 , 更具条
理 , 增强沉闷文字版面的弹性和可视性。
通过不同比例的空间分割 , 版面产生各空间的对比与节
奏感。

2. 线的 " 力场 "
" 力场 " 是一种虚空间 , 是对一定范围的空间的知觉或感
应 , 所以 , 也称为 " 心理空间 " 。如同下围棋、太阳伞下谈恋
爱所产生的心理感受。在版面中 , 首先是在空间被线分割和限
定的情况下 , 才能产生 " 力场 " 的感应。具体地说 , 在文字和
图形中插入直线或以线框进行分割和限定 , 被分割和限定的文
字或图形的范围即产生紧张感并引起视觉注意 , 这正是 " 力
场 " 的空间感应。这种手法 , 增强了版面各空间相互依存的关
系而使之成为一个整体 , 并使版面获得清晰、明快、有条理、
富于弹性的空间关系。至于 " 力场 " 的大小 , 则与线的粗细、
虚实有关。线粗、实 ," 力场 " 的感应则强 ; 线细、虚 ," 力场 "
的感应则弱。另外 , 在栏与栏之间用空白分割限定是 " 静”、 " 消
极 " 的表现 ; 用线分割限定为 " 动 " 、 " 积极 " 的表现。

3. 线框的约束与强调
线框的限定 , 即使主体产生空间 " 场 " 的作用 , 同时也具
有相对约束的功能。在强调情感或强调动感的出血版中 , 如以
线框配置 , 动感与情感则获得相应的稳定和规范。另外 , 线框
细 , 版面则轻快而有弹性 , 但 " 场 " 的感应弱 ; 当线框加粗 ,
图像有被强调和限制的感觉 , 同时视觉度、注意度都有所增
强 ; 但若线框过粗 , 版面则变得稳定、呆板、空间封闭 ," 场 "
的感应明显增强。
骨髓的结构产生极强的约束性。图文按骨髓的规则设计 ,
版面稳定 , 理性秩序 , 所以流畅易读。但过于理性 , 有呆板感
觉 。

三 、面的编排构成
面在版面中的概念可理解为点的放大、点的密集或线的
重复。另外 , 线的分割产生各种比例的空间 , 同时也形成各种
比例关系的面。版面中产生的面有刻意去设计的 , 但这种版面
极少 , 更多情况下不是孤立表象的 , 面与线、面与点或面与点
线之间是相互依存、相互渗透的关系。
只有面的版面显得单调、平淡 , 在加入了线的分割组织
后 , 版面立即产生精细而精神之感 ; 若再加入点的运用 , 则点
常常能成为版面中活跃的视觉焦点 ; 而面常以结实、肯定、大
方起着烘托及丰富版面空间层次 ( 文字面 ) 的作用。

四、骨髓设计 ( 分割设计 )
在 20 世纪初 , 瑞士现代主义的设计家们经过长期的研究
与实践将骨髓编排的设计方法发展成为一种成熟而可以被广
泛应用的方法可以在各类平面设计 , 特别是书籍装帧、报纸
杂志、产品样本设计等方面应用。之后骨髓设计在欧、美国家
被广泛运用 , 并得以不断完善与发展。
然而 , 骨髓设计在国内并未得到很好的重视 , 更谈不上
深度的研究 , 所以在我们国内院校的版式教学中也被忽略。但
骨骨各设计的原理自成体系 , 有它独特的设计原则和风格 , 并不
是人们所简单认识的那样单调与刻板 , 我们可从日本的平面
设计作品中看出他们的研究与深度。
1. 骨髓设计
骨髓设计是一种严谨、规范、理性的设计方法。骨髓的
基本原理是将版面刻意按照骨憾的规则 , 有序地分割成大小
相等的空间单位 , 常见的骨髓设计法有 : 竖向通栏、双栏、三
栏、四栏和横向通栏、双栏、三栏、四栏；也有竖向与横向同
时进行分割 , 如 : 四栏、六栏、八栏、十二栏等。一般竖向的
分栏多 , 常见的如 : 杂志、画册编排多采用竖向双栏或竖向三
栏的骨髓分法 , 报纸由于信息量多而大 , 所以编排常以竖向四
栏、五栏、六栏的骨髓设计。
设计时根据设计内容、风格和信息量的多少以及设计师
的自我取向进行骨髓切 , 十 , 然后图片和文字的编排则严格按照
所划分的骨髓范围进行编排配置。图片的配置大小 , 不可超越
骨髓 , 如要放大照片 , 就必须放大到两个或多个骨髓的比例 ,
不可出现某个骨髓未完全覆盖的情况。
骨髓设计的版面给人以严谨、秩序、理性的美。这种设
计方法 , 更适应于标准化的批量排版 , 可不用设计师的独立设
计 , 完全由工人按照分栏的标准自行完成编排工作。这一方法
在我们今天的一些平面切杯口期刊文版编辑排版中仍然广泛使
用。

2 变形骨髓
后现代设计时期 , 经济发达国家的 " 丰裕社会 " 在消费
主义刺激下形成了巨大的消费市场。在这之前 , 在设计领域占
统治地位的、千篇一律的国际主义设计风格 , 已被求新求变的
新一代消费大众所厌弃 , 人们已不再满足这种冷漠的、非人性
化的、高度理性化的设计原则 , 力图追求富有生气、自由变化
的形式主义设计观。骨髓设计在慢慢发生着变化 , 我们将这种
变化称为 " 变形骨髓 " 。今天我们很少能见到标准化、严谨的
骨髓设计版面。但是 , 无论它怎么演变 , 骨髓的设计原理、骨
髓的痕迹依然影响着我们今天的排版设讳它的理性、稳重与
秩序的美赋予版面更丰富的空间层次及弹性的魅力。
变形骨髓是在骨髓设计的基础上变化发展的 , 在骨髓的
基本形上 , 通过并合、取舍部分骨髓 , 寻求新的造型变化它产
生的造型无穷无尽 , 并且富有活力与生命 , 富有设计的魅力 ,
深受读者的喜欢。经过变革的设计 , 变化小的作品 , 骨髓明晰
可见 s 变化大的作品 , 也能依然保留部分骨髓的痕迹。如 : 在
一个版面中常采用多种骨髓并存的手法 , 但在这种复杂的结
构中依然能找出潜在的基本骨悟 , 复杂的结构变化只是增强
了版面的生动性和艺术性。
运用骨髓分割手法来设计 , 将版面划分成有序的空间 ,
在有序的骨髓空间内取舍编排 , 产生既不失骨髓的严谨、庄重
的美 , 又有灵活的空间变化 , 极富设计感和品质感。灵活掌握
骨髓和变形骨髓的手法 , 将大大拓宽我们的设计空间。

教学目标或要求
通过该课程的学习 , 使学生掌握现代平面编排设计的系统
理论知识 , 了解传统版式在观念冲突、文化交流发展中的异变 ,
掌握点、线、面在编排设计中的形式语言 , 以及骨髓设计的基
本规则 , 提高学生的平面设计编排能力与审美能力 , 为平面设
计创作打下良好的基础。

教学过程中应把握的重点
1. 点、线、面 : 点、线、面在编排设计中所表现的语言形
式和在版面中产生的效应。
2骨悟设计 : 变形骨髓设计在书刊编排中的演变。

本授课单元思考题、讨论题
1. 如何理解 " 点 " 在版面中的概念 ,以及点在版面的表现形式 ?
（1） 、 版面中的点由于大小、形态、位置不同 , 所产生的视觉效果也不同 , 心理的作用也不同。点的缩小起着强调和引起注意的作用 , 而点的放大有面之感。它们注重形象的强调与表现 , 给人情感上和心理上的量感。
（2）、点在版面上的位置 :1. 当点居于几何中心时 , 上下左右空间对称 , 视觉张力均等 , 庄重 , 但呆板。 2. 当点居于视觉中心时 , 有视觉心理的平衡与舒适感。 3. 当点偏左或偏右时 ,产生向心移动趋势 , 但过于边置会产生离心之动感。 4. 点作上、下边置 , 有上升或下沉的心理感受。

2. 如何理解 " 线 " 在版面中的概念 , 线在版面中有哪些表
现形式 ? 不同的线有不同的心理情感感应和作用 , 你能认识到
多少 ?
（1）、点移动的轨迹为线。线的形态很复杂 , 有形态明确的实
线、虚线 , 也有空间的视觉流动线。
（2）、线 形态明确的线、实线、虚线空间实虚、视觉流程线
直线 水平线 垂直线 斜线
曲线 弧线 回旋线
线的属性 粗细方向长短

3 如何理解 " 面 " 在版面中的概念 , 面在版面中表现的形
式和作用 ?
（1）、面在版面中的概念可理解为点的放大、点的密集或线的
重复。另外 , 线的分割产生各种比例的空间 , 同时也形成各种
比例关系的面。
（2）、

4. 点、线、面在版面中的构成是相对的 , 不可均等 , 均等
不是好版面, 你如何理解 ?
版面中的面更多情况下不是孤立表象的 , 面与线、面与点或面与点线之间是相互依存、相互渗透的关系。只有面的版面显得单调、平淡 , 在加入了线的分割组织后 , 版面立即产生精细而精神之感 ; 若再加入点的运用 , 则点常常能成为版面中活跃的视觉焦点 ; 而面常以结实、肯定、大方起着烘托及丰富版面空间层次 ( 文字面 ) 的作用。

5. 骨髓设计的基本概念是什么 ? 骨髓法对当代设计有哪些影响。
（1）、骨髓设计是一种严谨、规范、理性的设计方法。骨髓的基本原理是将版面刻意按照骨憾的规则 , 有序地分割成大小相等的空间单位 , 常见的骨髓设计法有 : 竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏、四栏；也有竖向与横向同时进行分割 , 如 : 四栏、六栏、八栏、十二栏等。（一般竖向的
分栏多 , 常见的如 : 杂志、画册编排多采用竖向双栏或竖向三栏的骨髓分法 , 报纸由于信息量多而大 , 所以编排常以竖向四栏、五栏、六栏的骨髓设计。）
（2）、骨髓设计的版面给人以严谨、秩序、理性的美。这种设计方法 , 更适应于标准化的批量排版 , 可不用设计师的独立设计 , 完全由工人按照分栏的标准自行完成编排工作。这一方法在我们今天的一些平面切杯口期刊文版编辑排版中仍然广泛使用。
骨髓设计的原理自成体系 , 有它独特的设计原则和风格 , 并不是人们所简单认识的那样单调与刻板。骨髓设计在欧、美国家被广泛运用 , 从日本的平面
设计作品中也可看出他们的研究与深度。
骨髓编排的设计方法已发展成为一种成熟并可以被广泛应用的方法，可以在各类平面设计 , 特别是书籍装帧、报纸杂志、产品样本设计等方面应用。

6. 变形骨髓是否有规则所寻 , 其风格特点与自由构成版面有什么不同 ?
（1）、变形骨髓是在骨髓设计的基础上变化发展的 , 在骨髓的基本形上 , 通过并合、取舍部分骨髓 , 寻求新的造型变化它产生的造型无穷无尽 , 并且富有活力与生命 , 富有设计的魅力 ,深受读者的喜欢。经过变革的设计 , 变化小的作品 , 骨髓明晰可见；变化大的作品 , 也能依然保留部分骨髓的痕迹。
（2）、运用骨髓分割手法来设计 , 将版面划分成有序的空间 ,在有序的骨髓空间内取舍编排 , 产生既不失骨髓的严谨、庄重的美 , 又有灵活的空间变化 , 极富设计感和品质感。
体现富有生气、自由变化的形式主义设计观。复杂的结构变化增强了版面的生动性和艺术性。

单元作业
1. 完成点、线、面作业各 l 张。
每张作业分别以强调点、线、面为主体要素的版面。
2. 骨髓分割法练习
作业要求 : 纸张规格为 A4 。