第三讲 书籍版式设计
合集下载
图书版式设计的基本内容
图书版式设计的基本内容第一节书刊版式设计概述版式就是图文在页面中的编排形式，由图文的空间位置、尺寸和形体所体现。
版式设计是整体设计的重要组成部分，主要对图文在页面中的编排形式提出要求和规定，并作为印前制作的依据。
一、书刊版式设计的基本要求：（一）清晰性；（二）易读性；（三）和谐性。
二、书刊的版面：书刊版面是对书刊成品页面上图文与空白部分的总称。
（一）版面结构从宏观上看，版面分成版心和周空两大部分。
从微观上看，每个部分又由一些更小的成分组成。
1. 版心及其版口：版心一般就是指版面上容纳作品主体图文的部位。
版心的组成要素包括文字、符号、图表、线条、底纹和间空。
版口是指版心四周的边沿：上版口、下版口、前版口（左）和后版口（右）。
2. 周空：周空是指页面边沿的四块狭长的矩形空白，分别习称“天头”、“地脚”、“订口”和“翻口”。
天头如果印有书眉，则书眉的高度约为25毫米左右。
地脚的高一般略小于地脚，地脚︰天头=1︰1.4 。
订口位于版心的内侧，订口、翻口的宽度一般均为18毫米～25毫米。
（二）版面类型1.按形成方式分类：（1）普通版面；（2）和合面。
和合面是由前一张书页的反面页面（双码面）与后一张书页的正面页面（单码面）对合构成的一个大版面。
在编页码、计算版面总字数、计算用纸量时，一个和合面仍作为2个页面计算！2.按文字排列方向分类：（1）横排版面；（2）竖排版面；（3）混合排版面。
3.按版心分割状况分类：（1）通栏版面；（2）双栏（多栏）版面；（3）复合分栏版面（仅用于期刊）。
（三）版面字数：版面字数是指一个版心内可以容纳的印刷字数量，不包括书眉文字和页码。
所谓“可以容纳的印刷字数量”，并不等于版心中实际的印刷字数量。
实际字数总是少于版面字数。
版面字数==每行字数×每面行数。
一本书的版面总字数==一个版心的版面字数×该书刊的总面数。
1. 出版业内，进行版式设计时，一概以正文主体文字的每行字数和每面行数作为计算各个版面字数的基准单位，除了计算字空和行距以外，不再计算其他各种空白。
《版式设计》课件——版式的基本原理--图文(详细)
水平线的应用: 日本平面设计大 师新村则人的作 品，其线条运用 极富艺术美感
2. 倾斜线的应用 倾斜线常常使人联想到飞机起飞、放风筝、滑滑梯等带有动感的形态，这 也就是倾斜线给读者带来的感受。 两张与运动相关的招贴画，画面中数条倾斜的直线构成了画面的主体，那 是田径赛场的跑道线，而倾斜的线条使得跑道像是变成了下坡路，这是利 用了倾斜线产生的运动感使运动员看上去似乎奔跑得更快，深化了所要表 达的加速跑主题。。
曲线给人以丰富、柔软、流畅的感觉。
垂直方向的线令人产生蓬勃向 上、崇高的情绪。
曲线
曲线构成的创意广告: 利用构成原理将线条的视觉感受运用到商品广告中。。
二、线的构成·线的构成方法
（1）等线图形: 粗细相等的线的排列组合构成的物形，可以是等直线、等曲线、 放射线、倾斜线或黑白变换的等线。等线的排列、组合可以构成许多生活中存在的和意 想不到的形象。将线按一定的规律排列，使得线与线重复构成、组合出复杂新颖且具有 意味的形象，甚至于组合成具有了立体感的三维物形。。
线的引导作用
线的分割作用
二、线的构成·线的特征
➢ 线在平面构成中的特性在版式设计中有非常生动的表现。 ➢ 在许多版式中, 文字以线的形式存在, 占据着画面的主要位置, 成为设计
者处理的主要对象。 ➢ 各种线条还可以构成版面各种装饰要素及各种形态的外轮廓, 它们起着界
定、分隔画面各种形象的作用。 ➢ 线还可以串联各种视觉要素, 可以使画面充满动感, 也可以在最大限度上
点的形状、大小一致的构成方式。
在一定的规律中, 组合成多样的图形, 别有 一番新意。。
（2）差点图形: 由形状、大小不同的点构成一个 画面。大小不同、形状不同的差点相互排列组合， 可以形成具有丰富变化，个性与特点极强的画面， 很有表现力。“运动感”、“现代感”是差点图 形最大的特点，由于点的大小秩序排列产生了方 向，排列的疏密程度产生了动感。在网络、信息 时代的今天，效率与速度成为衡量社会进步的标 尺，所以在标志设计、网页设计中动感的效果更 为人所重视，而差点图形正是为这种文化现象服 务的好方法和有效形式。。
书籍版式设计
磅等于 1/72英寸，或大约等于1厘米的1/28。如字号为二号字，它所 对应的磅值为22，即二号字与22磅值的字大小相同。依此类 推，小二号字对应的磅值为18，那么小二号字与18磅值的字 大小相同。
（2）字距
字距指文字之间的距离，字间距的疏密直接关系到排版 效果，而恰当的字距能够提高文章的可读性。字库中有两个 字距的概念，一个是原始字间距，另一个是专业字间距。
（5）多种字体的运用
尽管应用一种字体也有可能完成设计，但实际上一个设 计作品的字体种类通常是不止一种的。运用两种或更多种字 体来做设计可以形成明显的字体层级，它能够简化书籍的指 示体系
3.2 图形的编排
3.2.1 图形基础知识
图形的范畴很广，它包含了各种各样的视觉符号，无论 是技术的、艺术的、平面的、三维的，还是传统的、现代的 ，都可以称为图形。不同颜色的点一行行、一列列整齐地排 列起来，就形成了图形。
（3）行距与段距
行距和段距，显而易见是指行与行之间、段落与段落之 间的距离。设置行距与段距不仅可以方便阅读，而且可以表 现设计师的设计风格。在处理行距与段距时，要以阅读心理 学为基础合理编排。
有的设计师故意设置非常夸 张的字距和行距，形成一种特殊 的表现方式
文字在编排过程中，标 题与文字通过字体的磅值和 位置来区分、调节，段与段 之间通过文字的字体来调节 ，而最实用的方法还是通过 段距进行区分。通过对标题 与正文、正文中段与段的调 节，使版式编排更加有层次 ，也更加合理。
（1）位图与矢量图
位图，也叫做点阵图、像素图，构成位图的最小单位是 像素，位图就是通过像素阵列来实现其显示效果的。每个像 素都有自己的颜色信息，在对位图图像进行编辑操作的时候 ，操作对象是每个像素，我们可以通过改变图像的色相、饱 和度、明度，从而改变图像的显示效果。缩放位图会引起失 真。举例来说，位图就好像是由无数单色的马赛克构成的画 ，远看时，画面细腻多彩，近看时就能看到组成画面的每粒 马赛克以及每粒马赛克单纯的不可变化的颜色。
（2）字距
字距指文字之间的距离，字间距的疏密直接关系到排版 效果，而恰当的字距能够提高文章的可读性。字库中有两个 字距的概念，一个是原始字间距，另一个是专业字间距。
（5）多种字体的运用
尽管应用一种字体也有可能完成设计，但实际上一个设 计作品的字体种类通常是不止一种的。运用两种或更多种字 体来做设计可以形成明显的字体层级，它能够简化书籍的指 示体系
3.2 图形的编排
3.2.1 图形基础知识
图形的范畴很广，它包含了各种各样的视觉符号，无论 是技术的、艺术的、平面的、三维的，还是传统的、现代的 ，都可以称为图形。不同颜色的点一行行、一列列整齐地排 列起来，就形成了图形。
（3）行距与段距
行距和段距，显而易见是指行与行之间、段落与段落之 间的距离。设置行距与段距不仅可以方便阅读，而且可以表 现设计师的设计风格。在处理行距与段距时，要以阅读心理 学为基础合理编排。
有的设计师故意设置非常夸 张的字距和行距，形成一种特殊 的表现方式
文字在编排过程中，标 题与文字通过字体的磅值和 位置来区分、调节，段与段 之间通过文字的字体来调节 ，而最实用的方法还是通过 段距进行区分。通过对标题 与正文、正文中段与段的调 节，使版式编排更加有层次 ，也更加合理。
（1）位图与矢量图
位图，也叫做点阵图、像素图，构成位图的最小单位是 像素，位图就是通过像素阵列来实现其显示效果的。每个像 素都有自己的颜色信息，在对位图图像进行编辑操作的时候 ，操作对象是每个像素，我们可以通过改变图像的色相、饱 和度、明度，从而改变图像的显示效果。缩放位图会引起失 真。举例来说，位图就好像是由无数单色的马赛克构成的画 ，远看时，画面细腻多彩，近看时就能看到组成画面的每粒 马赛克以及每粒马赛克单纯的不可变化的颜色。
书籍版式设计
书籍版式设计所谓排版，是指将文字、表格、图形、图片等进行合理的排列调整，从而使版面达到美观的视觉效果。
排版是书籍、报纸、杂志、画册等编辑过程中的重要环节，也是集中体现设计审美力的地方。
因而由设计师精心排版的书籍，与随心所欲的材料堆积的书籍，在档次上有着天壤之别。
了解图片的不同种类与它们的质量鉴别标准，是图片版式设计的必要前提。
图片种类。
图片按其色彩，可分为彩色图和黑白图；按其表现方式，可分为线条图和层次图；按创作手段，可分为手绘图、摄影照片、计算机制作品、印刷品，等等。
图片质量鉴别。
作为制版母本的图片，其质量的优劣直接关系到图书的印制质量。
不同种类的图片有不同的质量鉴别标准，如彩色照片(正负片)、黑白照片等，必须图像清晰、层次感强、饱和度好；手绘图等必须色彩鲜明、色调准确、层次丰富。
图片规格及技术处理用于图书制作的图片，幅面大小各异，难以直接符合版式设计和制作的要求。
因此，必须根据设计要求，对图片作必要的技术处理。
图片规格及制约因素。
图片规格即图片幅面面积。
照片的规格通常相对较小，而画稿则相对较大。
图片规格的设计要求，受图书开本、版面布局及图片表现力等因素的制约。
图书开本对图片规格的制约是显而易见的。
版面布局对图片规格的制约，主要是出于对需容纳图片的数量及拟容纳图片的色彩、和谐程度等的考虑。
图片表现力对图片规格的制约，则体现在图片经技术处理后的清晰程度上。
图片规格的技术处理。
主要是对原稿进行必要的放缩，或进行必要遮幅后的放缩。
图片规格的技术处理，现在利用计算机已可轻松完成。
为此，编辑需掌握相应的计算机软件使用要领。
图片规格技术处理的注意事项。
技术处理时须注意：(1) 图片稿面不能有任何折痕、划痕或其他痕迹，以免影响制作效果。
(2) 原图不能裁切，被遮幅后不能造成不良效果(如主体图像或图形不完整，政治性的图文出现残缺，人像出现残缺等)。
(3) 带有文字内容的图像或图形，放缩比例过大时，会导致文字模糊难辨或变形缺损，故图像和图形的技术处理，必须在对其中的文字作必要放缩处理并合成后再进行。
第三章 期刊的版式设计
• 6、标题 、 • 标题设计需要遵循的原则为“醒目、习 惯、协调”，具体确定其位置时仍要注 意几个问题： • 1、是否与该块文字构成一个整体； • 2、是否与该版构成一个和谐的整体； • 3、是否符合读者的阅读习惯和排版规则。
本节作业
• 要求： 要求： • 以艺术类杂志《水墨》为题材进行新书 版式设计，设计内容包括: • 版心与排式(分栏)设计 • 正文字体、字距、行间距的确定 • 栏目标题的设计
第一节版式设计基本要素版心的四周留有一定的空白上面称为天头下面叫做地脚靠近书脊的左侧空白叫订口靠近右侧页边的空白叫书现代书籍绝大部分是横排书籍版心的设置从书籍的性质出发方便读者阅读寻求高和宽版心与边框天地头和书口订口间的适宜比例关系
期刊杂志
第三章 杂志的版式设计
八维广告艺术学院
第三章 杂志的版式设计
• • • • • • • 第一节、 4、字号 、 5、字距和行距 、 6、标题 、
• 1、版心 、 • 版心的四周留有一定的空白，上面称为 版心的四周留有一定的空白， 天头，下面叫做地脚 地脚， 天头，下面叫做地脚，靠近书脊的左侧 空白叫订口 靠近右侧页边的空白叫书口 订口,靠近右侧页边的空白叫书口。 空白叫订口,靠近右侧页边的空白叫书口。 • 现代书籍绝大部分是横排书籍，版心的 现代书籍绝大部分是横排书籍， 设置从书籍的性质出发，方便读者阅读， 设置从书籍的性质出发，方便读者阅读， 寻求高和宽、版心与边框、 寻求高和宽、版心与边框、天地头和书 口订口间的适宜比例关系。 口订口间的适宜比例关系。
• 三、关于色彩 • 本期书刊辅助色彩要求具有丰富的内涵， 要求具有丰富的内涵， 要求具有丰富的内涵 要有深度，如图例： 要有深度，如图例：
本节作业注意事项： 本节作业注意事项：
第三讲 书籍版式设计分析
书籍编辑中的基本结构
2、封面 ——前封、书脊、封底。
书籍编辑中的基本结构
3、函套（书匣、书函、封函） ——保护书籍。
书籍编辑中的基本结构
4、腰封（腰带） ——大多数印广告语，有的是版权。
书籍编辑中的基本结构
5、勒口（折口） ——5－－10CM。
6、环衬 ——封面后、封底前的空白页，可选用特种纸。连接封面和扉页的是前 环衬，连接正文和封底的是后环衬，它们起过渡作用。
10、序、前言 ——以作者、译者、编者、出版社等名义写的。
11、像页 ——作者的照片或书中化合物的照片与简介。
12、目录页 ——便于读者阅读查找。
13、篇章页 ——每一章节的起始页面。
14、正文 ——包括插页、图表、文字、插图。
15、插页 ——插在正文当中，计算在页码之内，一般不标页码。
图7－21/书籍正文设计
2、段落区分
一般书籍的正文段落区分采用缩格的方法。每一段 文字的起行留空，一般都占两个字的位置，也就是缩两 格，但多栏排的书籍，每行字数不是很多时，起行也有 只空一格的。 段落起行的处理是为了方便阅读，也有一些书，从 书籍的性质和内容出发，采用首写字加大、换色、变形 等方法来处理。
也有一些字体电脑字库里是没有 的，需要直接借助电脑软件创制，还 有些字体，需要靠手绘创制出基本字 形后，再通过扫描仪扫描在电脑软件 中加工。每本书不一定限用一种字体， 但原则上以一种字体为主，他种字体 为辅。在同一版面上通常只用二至三 种字体，过多了就会使读者视觉感到 杂乱，妨碍视力集中。
图7－16/常用书籍装帧设计字体
第七讲
书籍的版式
教学目的：掌握书籍设计的版式设计艺术
教学内容：讲述书籍设计的版式设计艺术，包括扉页、目录页、 版权页等。
版式设计第三章(版式设计原则 )ppt课件
40
概念 调和就是和谐，是指构成画面的各要素之间的关系，能
够适合、安定、和谐一致的配合，在视觉上给人以美感。 调和强调的是形象的近似性，即当两者或两者以上的要
素同时存在时，相互之间必须具有共性。
• 通过统一的色调进行调和；通过共同的轮廓、质感、空间上的均匀分 布进行调和；通过多个形态中寻找共同的因素；或通过画面的导向性 的元素，都可以弱化对比，达到调和。
56
● 渐变型韵律： 有规律地渐变形成的韵律，可以由构成要素的大小、形状、方向、色彩有规律 地演变而得到，如逐渐加长或缩短，变宽或变窄，色彩上变冷或变暖等。
26
27
第三章 第二节 审美性
二、对比与调和
28
（一）对比 对比是形象特征的强调，通过大小、粗细、 疏密、动静、明暗、曲直、虚实等所产生的 区别和差异，它将多种要素进行相互比较， 形成强烈的视觉效果。 在版面的编排中，各元素之间的对比关系无 处不在，归纳起来有大小、主次、长短、粗 细、疏密、动静、黑白、多寡、刚柔、虚实 等对比形式。在版式的编排中，字与字之间、 字与形之间、形与形之间都存在着对比关系 （图3-11、图3-12）。 达到对比和调和的方法很多，
43
具有异质要素的形象，产生强烈的对比，容易陷入琐碎、 杂乱、难以统一，从而不易调和。解决办法： 适当增加主要形象的重复形或近似形，使其产生呼应 对形象进行位置的重新分配，使形象有秩序起来 调整形象的明暗关系，能起到前后穿插 、主次分明的 作用
尽量在形象与形象之间寻找它们的共性因素，并加以强 调
50 米拉公寓{高迪}
51
52
53
54
韵律按其形式特点分类，一般有下列几种形式： 55
● 连续型韵律：以一种或几种要素连续、重复地排列而形成，多种要素以基本 相同的间隔有规律地重复出现。
书籍整体设计
版式设计的主要模式
所谓”双版 心”,是指文字 和图片各一,图 片的版心大于 文字版心,是为 区别单一的版 心设计方法. 双版心的优越 性使图片在版 面中获得了更 大的面积,使图 片的可视性得 到充分展示, 双版心法则在 图文混排的版 式设计中是一 种最常用使用 起来既端庄秀 丽,又稳重大方.
双版心模式
---《考工记》春秋
《考工记》是中国先秦时期的手工艺专著，部分的反映了当时中国
所达到的科技及工艺水平。
《考工记》全书共七千一百多字，记述了木工、金工、皮革、染色、刮磨、 陶瓷等六大类三十个工种的内容。此外《考工记》还有数学、 地理学、力学、声学、建筑学等多方面的知识和经验总结。
《考工记》将商周以来积累的冶金知识归纳为“金有六齐”， 这是已知世界上最早的青铜合金配置法则， 它揭示了青铜机械性能随的内在联系
在书籍整体设计中，要强调贯穿全书的视觉信息符号的准确 把握能力。如同绘画中的 调子 音乐中的 旋律。
这种符号的形成实际上是贯穿全书的整体设计所形成 的图像 文字 色彩等 最重要的是从内到外的整体思考与视觉设计的呈现。
4
形态定位
选择合适的外观开本等
版式设计的主要模式 网格编排法
网格编排法是杂志,画 册,图文混排的一种版 式设计的常用方法,具 有规范与速度的好处.
瑞士设计师约瑟夫 米 勒 勃洛克曼于1961年 开始推广,其特点在于: 通过网格把杂乱无章的 图片秩序化,使版面的 图片,文字相互协调,既 统一又有变化,运用快 捷 另一位有贡献的是马西 莫 维捏利
《怀珠雅集》共五册，收入了版画家杨春华、梁栋、白逸如、曹文汉、 杨可杨为中外书友制作的藏书票佳作二百八十枚。 河北教育出版社2003年5月1版1印，印量2000册，定价300元。
版面设计与书籍设计演示
Photoshop cs 设计与制作深度剖析
• 版面设计的基本要素
线： 分隔线是版式中必不可少的，有很多功能 文字： 可以通过文字来传达具体的信息。醒目图案的旁边一般都会放有重要 的文字。（字体会影响版式的整体效果，必须抓住文字自身所具备的 形式特征进行挑选） 图画： 版式中最重要的元素，为了抓住读者的视觉线而使用的图画和照片。 它们在抓住读者视线的同时也塑造了画面的整体效果。（很少使用艺 术作品，通常使用手绘图画和电子图片） 色彩： 所具有的心理效果确实非常重要的。设计师掌握配色技巧非常重要。 （最终决定版式整体效果的要素就是色彩）
• 视觉流程
Photoshop cs 设计与制作深度剖析
• 如何留住视线
利用“压角”：
Photoshop cs 设计与制作深度剖析
• 如何留住视线
压角的作用就是在空白处增加紧张感。 其实用什么作为压角都是可以的。
Photoshop cs 设计与制作深度剖析
• 如何留住视线
利用“屏障板”
PhotoshΒιβλιοθήκη p cs 设计与制作深度剖析Photoshop cs 设计与制作深度剖析
• 有效的版面配色
Photoshop cs 设计与制作深度剖析
• 有效的版面配色
如果将色调统一起来，那么配色的效果就能够被比较明确地传达给对 方，并能够使页面产生一种井然有序的美感。
Photoshop cs 设计与制作深度剖析
• 有效的版面配色
主导色 同色系 灰色构成的色调统一 基础色 对比 分割与平衡 强调色
Photoshop cs 设计与制作深度剖析
• 边框线的重要功能
边框线的功能： 强调 营造节奏感
分割线
边框线 切分线
《版式设计》课件——书籍版式
1
版式设计
2目录CONຫໍສະໝຸດ ENTS目录页Contents Page
第六章 版式设计的综合应用 ——书籍版式中的编排
— *—
第六章 第三节 书籍的版式设计
3 一、书籍版式设计的特点
书籍的版式设计是通过对字号、字体的选择，图片、图形的编排以及栏的划分等来统筹设计版面。封面是书籍版式设计的 核心，它体现着书籍的主题精神。 按书籍的内容划分，版式设计可分为以文字为主的版式设计和以图片为主的版式设计两大类。以文字为主的版式设计编排 时要注意内容章节分明，层次清楚，和谐统一；以图片为主的版式设计编排时要注意设计的个性化，图片应具有一定的视 觉冲击力。 目前，由于书籍的商品化、娱乐化概念正在增强，使书籍的设计理念有所变化，技术化和信息化的设计手法正成为一种普 遍。但是，书籍的根本还在于它的文化性，毕竟书籍还是文化产品，所以设计时不能忽视它的文化性和艺术创作。
第六章 第三节 书籍的版式设计
5
二、文字编排的原则
（一）书籍的开本设计 一般对于艺术画册类图书多采用大型开本，以能够充分展示作品的整体面貌和细节，一般用6开、8开、12开、大16开等开 本，形态或长或方，以彰显艺术的个性。 对于小型画册，宜用24开本、40开本等； 对于科技类图书、高校教材，因其容量较大、文字图表较多，一般选用16开本； 对于通俗读物、中小学教材，以便于携带为主，以32开本为宜； 对于经典著作、理论书籍、学术专著书籍，形式较庄重并适合案头翻阅，以体现学术的权威和价值感，一般选用32开、大 32开； 对于图文并茂、插图较多、图形大小不一、文字也不固定的儿童读物，一般选用接近正方形的开本，如24开、28开，同时 为避免损坏，可采用硬皮装订。或者考虑到儿童的好奇心理和阅读习惯，在开本和形态设计上赋予变化，用异型特别的开 本（图9-14、图9-15）。
版式设计
2目录CONຫໍສະໝຸດ ENTS目录页Contents Page
第六章 版式设计的综合应用 ——书籍版式中的编排
— *—
第六章 第三节 书籍的版式设计
3 一、书籍版式设计的特点
书籍的版式设计是通过对字号、字体的选择，图片、图形的编排以及栏的划分等来统筹设计版面。封面是书籍版式设计的 核心，它体现着书籍的主题精神。 按书籍的内容划分，版式设计可分为以文字为主的版式设计和以图片为主的版式设计两大类。以文字为主的版式设计编排 时要注意内容章节分明，层次清楚，和谐统一；以图片为主的版式设计编排时要注意设计的个性化，图片应具有一定的视 觉冲击力。 目前，由于书籍的商品化、娱乐化概念正在增强，使书籍的设计理念有所变化，技术化和信息化的设计手法正成为一种普 遍。但是，书籍的根本还在于它的文化性，毕竟书籍还是文化产品，所以设计时不能忽视它的文化性和艺术创作。
第六章 第三节 书籍的版式设计
5
二、文字编排的原则
（一）书籍的开本设计 一般对于艺术画册类图书多采用大型开本，以能够充分展示作品的整体面貌和细节，一般用6开、8开、12开、大16开等开 本，形态或长或方，以彰显艺术的个性。 对于小型画册，宜用24开本、40开本等； 对于科技类图书、高校教材，因其容量较大、文字图表较多，一般选用16开本； 对于通俗读物、中小学教材，以便于携带为主，以32开本为宜； 对于经典著作、理论书籍、学术专著书籍，形式较庄重并适合案头翻阅，以体现学术的权威和价值感，一般选用32开、大 32开； 对于图文并茂、插图较多、图形大小不一、文字也不固定的儿童读物，一般选用接近正方形的开本，如24开、28开，同时 为避免损坏，可采用硬皮装订。或者考虑到儿童的好奇心理和阅读习惯，在开本和形态设计上赋予变化，用异型特别的开 本（图9-14、图9-15）。
书籍版式设计与创意
Page
32
Page
33
第六节 字体设计与群组 编排
文字在版式设计中，不仅仅局限 于信息传达意义上的概念，更是一种 特殊的艺术表现形式。换言之，就是 文字本身具有两大功能，一是能表达 自身信息内容；二是具有装饰、美化 的特性。文字是任何版面的核心，是 视觉传达最直接的方式，也是当今视 觉艺术时尚前沿的目标。好的版式， 哪怕是纯粹的文字组合，不需要任何 图形，通过利用构成法来创意编排， 也能成为精美的作品。特别是我国的 汉字，相对其他字母、数字更具图感 ，更有利于进行字体的设计、编排和 创意。因次，针对文字本身的形的设 计和创意，便显得十分重要。
Page
25
Page
26
Page
27
二、对称与均衡 对称是指两个基本形同等同量且并列或均齐的排列形状，方向、大小、形 状完全吻合对应的关系。 三、对比与调和 对比又称对照，是把反差很大的两个视觉要素搭配在一起，形成大小、粗 细、强弱、曲直、厚薄等强烈差异感的形式手法。
Page
28
Page
29
纯文字的版式通过构成和重组 也可产生美感
Page
10
二、图形 图形是有形体和视觉特征的视觉元素。有具象图形和抽象图形之分。具有最 直接的认知和读取功能，也是美化和装饰版面的主要要素。
Page
11
三、色彩 色彩是版式设计的辅助元素，用以衬托主题，点缀版面，渲染视感，平衡 画面，区分主次，激活版式视觉关系的视觉要素。色彩在版式设计中不具备针 对性和主题性，是视觉化言的延伸。不同色相的色彩可以表达不同的思想主题 ，既可以主观地设置不同的色块、底色，也可以利用纸材的固有色彩巧妙搭配 。在视觉上形成色彩服从图片—图片服从文字—文字服从主题的基本链式。
书籍版面设计---3(2)
艾米尔· 鲁德这幅 《10个苏黎世艺术家》 海报，为单轴构图、利 用了数字1所具有的强烈 的垂直强调、这个数字 “1”朝上顶到海报顶端、 仿佛要冲出去，朝下又 与字母“h”相连，就更 加强了垂直运动的感觉。 整张海报被“1”和由名 字排列形成的条形垂直 地分割为1∕3，2∕3这样两 个部分，是一个赏心悦 目的比例关系。
版式设计程序
版式设计程序
版式设计的方法多种多样，但具体操作时， 不外乎下述几个程序： 1.勾小草图 2.设计稿 3.正稿 4.打样
1.勾小草图
设计者思索的过程 这当中不能排除不同媒体版式的特性对设计者思 维的制约，也不能排除不同文字字形、不同图片 对设计者编排的影响，但优秀的设计者往往能将 这些制约和影响幻化为思维飞翔的翅膀，以限制 性开发创造性，化限制为自由。 “将计就计、”“因地制宜”、“因形制形” ， 要学会接受限制、掌握限制，更要学会利用限制。
这张海报为非对称 排列，轴放置在了距离 海报左边缘三分之二的 地方，从而使该报的分 割比例为1∕3，2∕3，所有 字行以斜线依一条垂直 轴来排列，使作品更有 动感。
版面编排与视觉元素
> 点、线、面是构成视觉空间的基本元素，也是排版设计
上的主要语言。不管版面的内容与形式如何复杂，所有 的具体元素最终可以简化为点、线、面几个基本元素。 一个字母、一个页码数，可以理解为一个点；一行文字、 一行空白，均可理解为一条线；几行文字与一片空白， 则可理解为面。点、线、面相互依存，相互作用，通过 各种原则，构建成一个个千变万化的全新版面。 > 框架是指版面编排的画面空间，在平面设计的范围内， 框架不仅存在于平面上，还包括立体的面，如纸盒的各 个展示面。点线面在版面编排上的应用都要依附在一个 框架上，他们的位置才有相对性，才有意义。
书籍版式设计法则
书籍版式设计法则 1 大小的对比2 明暗的对比3 粗细的对比4 曲线和直线的对比5 质感的对比6 位置的对比7 主与从的对比8 动与静的对比9 多种的对比10 起与受11 图与地明暗逆转时，图与地的关系就会互相变换。
一般印刷物都是白纸印点字，白纸称为地，黑字称图。
相反的，有时会在黑纸上印上反白字的效果，此时黑底为地，白字则为图，这是黑白转换的现象。
12 平衡13 对称14 强调15 比例16 韵律感17 左右的重心18 向心与扩散在我们的情感中，总是会意识事物的中心部份。
虽然蛮不在乎地看事物，可是，在我们心中，总是想探测其中心部份，好象如此，才有安全感一般，这就构成了视觉的向心。
一般而言，向心型看似温柔，也是一般所喜欢采用的方式，但容易流于平凡。
离心型的排版，可以称为是一种扩散型。
具有现代感的编排常见扩散型的例子。
19 JUMP率在版面设计上，必须根据内容来决定标题的大小。
标题和本文大小的比率就称为Jump率。
Jump率越大，版面越活泼；Jump率越小，版面格调越高。
依照这种尺度来衡量，就很容易判断版面的效果。
标题与本文字体大小决定后，还要考虑双方的比例关系，如何进一步来调整，也是相当大的学问。
20 统一与调和21 导线依眼睛所视或物体所指的方向，使版面产生导引路线，称为导线。
设计家在制作构图时，常利用导线使整体画面更引人注目。
22 形态的意象一般的编排形式，皆以四角型﹝角版﹞为标准形，其它的各种形式都属于变形。
角版的四角皆成直角，给人很规律，表情少的感觉，其它的变形则呈现形形色色的表情。
譬如成为锐角的三角形有锐利、鲜明感；近于圆形的形状，有温和、柔弱之感。
相同的曲线，也有不同的表情，例如规规矩矩和用仪器画出来的圆，有硬质感，可是徒手画出来的圆就有柔和的圆形曲线之美。
23 水平线水平线给人稳定和平静的感受，无论事物的开始或结束，水平线总是固定的表达静止的时刻。
24 垂直线垂直线的活动感，正好和水平线相反，垂直线表示向上伸展的活动力，具有坚硬和理智的意象，使版面显得冷静又鲜明。
《版式设计项目教程》3书籍版式设计
平面广告版式设计
3.1.3 书籍内页文字设计 文字是书籍最重要的构成要素，很多书籍的设计者只重视封面的设计，而忽视了书籍内页文字 的编排，这是一种本末倒置的做法。因为一本书吸引人的不仅是精美的封面设计，更重要的是 其中精彩的内容。
3.2 图版的 编排设计
平面广告版式设计
3.2.1 图版率 图版率是指版面相对于文字，图片设计
任选现在所上的一门课程，设计该课程出版物的书籍封面。 要求： （1）设计包括封面、书脊、封底的三个区域内容，设计完 整统一。 （2）通过封面的设计效果，能够让读者了解课程的核心内 容，吸引读者注意。 （3）设计整体效果有创意性，注意文字及排版效果，以及 各个面之间的关系。
版式设计项目教程
THANKS
版式设计项目教程
BANSHI SHEJI XIANGMU JIAOCHENG
书籍版式设计
3.1 书籍设计基础知识 3.2 图版的编排设计 3.3 项目实训案例 3.4 项目总结 3.5 习题
3.1 书籍设计 基础知识
平面广告版式设计
3.1.1 书籍的封面设计
需要明确的是，书籍的封面表现的形式要为书的内容服务。封面要用最感人、最形象、最易被视觉接受 的表现形式，所以封面的构思就显得十分重要，要充分弄通书稿的内涵、风格、体裁等，做到构思新颖、 切题，有感染力。
3.3 项目实训案例
平面广告版式设计
3.3.1 书籍设计案例一 —《图形创意》封面设计
要求： （1）布局合理，便于阅读，能够使更多的读者看到书的第一眼就能 记住这本书。 （2）设计出新颖有创造力并且实用的书籍封面。
提示： （1）注意图形创意书籍的特点。图形创意书籍主要讲述的内容能够 培养学生的想象力、表现力、创造力，为学生的设计之路打下良好的 基础。因此，书籍的封面设计更加考验设计师设计出具有特点、 与众不同的封面效果。 （2）主要设计内容为封面、封底和书脊三个部分的内容。重点在于 信息的传达，因为书籍的主角是信息；然后是吸引读者阅读的兴趣； 提高阅读效率。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
图7－13/内文版式设计
图7－14/内文版式设计
3、确定字体
字体是书籍设计的最基本因素，它的任 务是使文稿能够阅读，字形在阅读时往往不
被注意，但它的美感不仅随着视线在字里行
间里移动，会产生直接的心理反应。因此， 当版式的基本格式定下来以后，就必须确定 字体和字号。常用设计字体有宋体、仿宋体、 楷体、黑体、圆体、隶书、魏碑体、综艺体 等。
图7－15/内文版式设计
宋体的特征是字形方正，结构严谨，笔划横细竖粗，在印 刷字体中历史最长，用来排印书版，整齐均匀，阅读效果好， 是一般书籍最常用的主要字体。
仿宋体是摹仿宋版书的字体。其特征是字形略长，笔划粗细
匀称，结构优美，适合排印诗集和短文，或用于序、跋、注释、 图片说明和小标题等。由于它的笔划较细，阅读时间长了容易
自由版式的雏形源于未来主义运动， 大部分未来主义平面作品都是由未来主义
的艺术家或者诗人创作，他们主张作品的
语言不受任何限制而随意组合，版面及版 面的内容都应该无拘无束，自由编排，其
特点主要利用文学作基本材料组成视觉结
构，强调韵律和视觉效果。
图7－9/自由版式设计
自由版式设计同样必须遵循设计规律，同时 又可以产生绘画般的效果。根据版面的需要，某 些文字能够融入画面而不考虑它的可读性，同时 又不削弱主题，重要的是按照不同的书籍内容赋 予它合适的外观。
四、版式中正文设计的其它因素
版面设计中，除确定版面率，确定规范字体、字的大小、
字距及行距外，还会涉及到正文设计中的其它因素。
1、重点标志：
在正文中，一个名词、人名或 地名；一个句子或一段文字等可以 用各种方法加以突出使之醒目，引 起读者注意。在外文中，排装正文 的斜体是最有效的和最美观的突出 重点的方法。在中文中，一般用黑 体、宋黑体、楷体、仿宋体及其它 字体，以示区别正文。
3、页码
页码是用于计算书籍的页数，可以 使整本书的前后次序不致混乱，是读者查检 目录和作品布局所必不可少的。
图7－22/书籍正文设计
多数图书的页码位置都放在版 心的下面靠近书口的地方，与版心 距离为一个正文字的高度。有将页 码放在版心下面正中间的，也有放 在上面、外侧和里面靠近订口的。 排有页标题的书籍，页码可与页标 题合排在一起。
化地表现出来，使其成为具有最大诉求效果的构成技术，最终以优秀的布
局来实现卓越的设计。
一、版式设计的概念 版式设计是按照一定的视觉表达内容的需要和审美的规律 结合各种平面设计的具体特点，运用各种视觉要素和构成要素， 将各种文字图形及其他视觉形象加以组合编排，进行表现的一 种视觉传达设计方法。
书籍的版式设计是指在一种既定的开本上，把书稿的结构 层次、文字、图表等方面作艺术而又科学的处理，使书籍内部 的各个组成部分的结构形式，既能与书籍的开本、装订、封面
图7－18/书籍内文设计
6、按已定书籍开本比例确定文字和插图的位置
版面的设计取决于所选的书籍开本，要从书籍的性质
出发，寻求高与宽、版心与边框、天地头和内外白边之间
的比例关系。还要从整体上考虑分配至各版面的文字和插 图的比量。
图7－19/书籍设计
图7－20/书籍设计
7、定稿
将版式设计稿交客户过目，与客户多次沟通思想，交 换意见后，完善设计稿，再经客户审完后定稿，然后在电 脑上制作制板用的正稿。
第七讲
书籍的版式
教学目的：掌握书籍设计的版式设计艺术
教学内容：讲述书籍设计的版式设计艺术，包括扉页、目录页、 版权页等。
教学重点：了解书籍的版式设计及整体设计程序
教学要求：版面设计美观大方，能够达到较好的视觉效果，能 够使用简单的某一元素设计出丰富的版面设计效果
第一节 书籍装订的基本结构
图7-1
版心在版面的位置，按照中国直排书籍的传统方式是 偏下方的，上白边大于下白边，便于读者在天头加注眉批。
而现代书籍绝大部分是横排书籍，版心的设计取决于所选
的书籍开本，要从书籍的性质出发，方便读者阅读，寻求 高和宽、版心与边框、天地头和内外白边之间的比例关系。
2、排式
排式是指正文的字序和行序的排列方式。 我国传统的书籍大都采用直排方式。即字序
等外部形式协调，又能给读者提供阅读上的方便和视觉享受，
所以说版式设计是书籍设计的核心部分。
二、版式风格 1、古典版式设计
自五百多年前，德国人谷腾堡确定的欧洲书籍艺术以来， 至今仍处于主要地位的是古典版式设计。这是一种以订口为轴 心左右页对称的形式。内文版式有严格的限定，字距、行距有 统一的尺寸标准，天头、地脚、内外白边均按照一定的比例关 系组成一个保护性的框子。文字油墨深浅和嵌入版心内图片的
损耗目力，效果不如宋体，因此不宜排印长篇的书籍。
楷体的间架结构和运笔方法与手写楷书完全一致，由于笔 划和间架不够整齐和规范，只适合排小学低年级的课本和儿童 读物，一般的书不用它排正文，仅用于短文和分级的标题。 黑体的形态和宋体相反，横竖笔划粗细一致，虽不如宋体 活泼，却因为它结构紧密、庄重有力，常用于标题和重点文 句。由于色调过重，不宜排印正文。而由黑体演变而来的圆黑 体，具有笔划粗细一致的特征，只是把方头方角改成了圆头圆 角，在结构上比黑体更显得饱满充头，有配套的各种粗细之分， 其细体也适用于排印某些出版物。
图7－10/自由版式 设计/马志敏
图7－11/自由版式 设计/王燕晖
三、书籍版式设计的基本流程 1、版心
版心也称版口，指书籍翻开后两页成对的双页上容纳 图文信息的面积。版心的四周留有一定的空白，上面叫做 上白边，下面叫做下白边，靠近书口和订口的空白叫外白 边和内白边。也依次称为天头、地脚、书口和订口。这种 双页上对称的版心设计我们称为古典版式设计，是书籍千 百年来形成的模式和格局。
16、后记
17、索引、附录 ——索引：把正文中的人名、地名摘出来，分类或按字音、笔划等方法 排列，标明页数，便于读者翻阅。 ——附录：与正文有关的参考书目、摘引文章。
18、刊头（题花、头花） ——和内容联系在一起，有时是书名。
19、尾花（压脚花） ——文章结束，这一页没用完。
20、书签带 ——多用于精装。
自上而下，行序自右而左。这种形式是和汉
字书写的习惯顺序一致的。现在出版的书籍， 绝大多数采用横排。横排的字序自左而右，
行序是自上而下。横排形式适宜于人类的眼
睛的生理结构，便于阅读。
图7－12/内文版式设计
字行的长度，也有一定的限制，一般不超过 80-105mm。有较宽的插图或表格的书籍，要求 较宽的版心时，最好排成双栏或多栏。
页码字可与正文字同样大小，也可大于或小 于正文字，有些图书页码还衬以装饰纹样、色块。 但页码的装饰和布局必须统一在整个版面的设计 中，夸大它的重要性是不必要的。
图7－21/书籍正文设计
2、段落区分
一般书籍的正文段落区分采用缩格的方法。每一段 文字的起行留空，一般都占两个字的位置，也就是缩两 格，但多栏排的书籍，每行字数不是很多时，起行也有 只空一格的。 段落起行的处理是为了方便阅读，也有一些书，从 书籍的性质和内容出发，采用首写字加大、换色、变形 等方法来处理。
7、夹衬 ——环衬之后，扉页之前。
8、扉页 ——扉页上印的文字大多数和封面上相同。
9、版权页 ——一般在扉页的背面，多用来印书籍的内容提要、版本记录、图书 CIP数据、著者、出版、制版、印刷、发行单位、开本、印张、版次、 出版日期、插图幅数、字数、累计印数、书号、定价等内容。 有时在后记的后面，有的还在勒口上（如吴勇的书）。
宽分为一栏、二栏、三栏，以及更多的栏，由此规定了一定
的标准尺寸，运用这个标准尺寸的控制，安排文字和图片， 使版面取得有节奏的组合，产生优美的韵律关系，未印刷部
分成为被印刷部分的背景。
图7－8网格版式设计/ 《版面与广告设计》
图7－7/封面设计
图7－6/网格版式设计/ 《版面与广告设计》
3、自由版式设计
书籍正文用字的大小直接影响到版心的容字量。在字数 不变时，字号的大小和页数的多少成正比。一些篇幅很多的 廉价书或字典等工具书不允许出的很大很厚，可用较小的字 体。相反，一些篇幅较少的书如诗集等可用大一些的字体。 一般书籍排印所使用的字体，9P－11P的字体对成年人连续 阅读最为适宜。8P字体使眼睛过早疲劳。但若用12P或更大 的字号，按正常阅读距离，在一定视点下，能见到的字又较 少了。
图7－23/书籍正文设计
也有一些图书，某页面为满 版插图时，或在原定标页码部位 被出血插图所占用，应将页码改 为暗码，即不注页码，但占相应 页码数。还有一些图书，正文则 从“3、5、7”等页码数开始，而 前面扉页、序言页等并没排页码， 这类未标页码的前几页码被称之 为空页码，也占相应页码数。
图7－24/书籍正文设计
5、确定版面率
版面率是指文字内容在版心 中所占的比率。版面中文字内容 多则版面率高，反之则低。从一 定角度上讲，版面率反映着设计 对象在价格方面的定位。在现实 的设计过程中，要求设计者认真 地对设计对象的内容、成本、以 及开本的大小、设计风格等诸多 因素进行全面地考虑，从而最后 确定设计稿的版面率。
也有一些字体电脑字库里是没有 的，需要直接借助电脑软件创制，还 有些字体，需要靠手绘创制出基本字 形后，再通过扫描仪扫描在电脑软件 中加工。每本书不一定限用一种字体， 但原则上以一种字体为主，他种字体 为辅。在同一版面上通常只用二至三 种字体，过多了就会使读者视觉感到 杂乱，妨碍视力集中。
图7－16/常用书籍装帧设计字体
21、订口 ——书籍装订处到版芯之间的空白部分。
22、切口 ——除订口以外的其余三面切光的切口（书口）。
每本图书在实际设计时顺序上会与这种顺安排存在 细微的差异，但是不管怎样，图书编辑所使用的基本结 构都是相同的。
第二节
书籍装帧的版式设计艺术
版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段。 其宗旨是在版面上将文字、插图、图形等视觉元素进行有机的排列组合， 通过整体形成的视觉感染力与冲击力、次序感与节奏感，将理性思维个性