书籍版式设计
磅等于 1/72英寸,或大约等于1厘米的1/28。如字号为二号字,它所 对应的磅值为22,即二号字与22磅值的字大小相同。依此类 推,小二号字对应的磅值为18,那么小二号字与18磅值的字 大小相同。
(2)字距
字距指文字之间的距离,字间距的疏密直接关系到排版 效果,而恰当的字距能够提高文章的可读性。字库中有两个 字距的概念,一个是原始字间距,另一个是专业字间距。
(5)多种字体的运用
尽管应用一种字体也有可能完成设计,但实际上一个设 计作品的字体种类通常是不止一种的。运用两种或更多种字 体来做设计可以形成明显的字体层级,它能够简化书籍的指 示体系
3.2 图形的编排
3.2.1 图形基础知识
图形的范畴很广,它包含了各种各样的视觉符号,无论 是技术的、艺术的、平面的、三维的,还是传统的、现代的 ,都可以称为图形。不同颜色的点一行行、一列列整齐地排 列起来,就形成了图形。
(3)行距与段距
行距和段距,显而易见是指行与行之间、段落与段落之 间的距离。设置行距与段距不仅可以方便阅读,而且可以表 现设计师的设计风格。在处理行距与段距时,要以阅读心理 学为基础合理编排。
有的设计师故意设置非常夸 张的字距和行距,形成一种特殊 的表现方式
文字在编排过程中,标 题与文字通过字体的磅值和 位置来区分、调节,段与段 之间通过文字的字体来调节 ,而最实用的方法还是通过 段距进行区分。通过对标题 与正文、正文中段与段的调 节,使版式编排更加有层次 ,也更加合理。
(1)位图与矢量图
位图,也叫做点阵图、像素图,构成位图的最小单位是 像素,位图就是通过像素阵列来实现其显示效果的。每个像 素都有自己的颜色信息,在对位图图像进行编辑操作的时候 ,操作对象是每个像素,我们可以通过改变图像的色相、饱 和度、明度,从而改变图像的显示效果。缩放位图会引起失 真。举例来说,位图就好像是由无数单色的马赛克构成的画 ,远看时,画面细腻多彩,近看时就能看到组成画面的每粒 马赛克以及每粒马赛克单纯的不可变化的颜色。
(7)渐变
文字在编排过程中由大到小、由远及近、由暗到明、由 冷到暖的有节奏、有规律的变化过程称为渐变。渐变的快慢 程度可以按照主题的要求进行调整,这种编排方式可使版面 具有强烈的空间感
(8)突变
在一组有规律的文字群体中,个别单词出现异常的变化 ,但并不破坏整体效果,这就称为突变。这种打破规律的突 变,给版面增添了动感,突变的文字也具有了新的内涵,并 达到吸引人注意的视觉效果,具有强烈的视觉冲击力
章节重点
熟悉掌握文字、图形的编排方法,了解色彩系统与视觉 流程。
3.1 文字的编排
在书籍的版式设计上,文字的编排是不可或缺的。在编 排文字时我们要注意的问题很多,如文字的类型、特点,对 齐方式和应用技巧等。
3.1.1 文字类型及特点
从文字的类型上看,我们将其分成中文、英文与数字3 类。
(1)中文
(1)左右对齐
文字段落从左到右长度统一,每行文字都形成统一长度 的直线,使段落显得端正、严谨、美观。在编排的过程中应 注意两端连接字符的处理。左右对齐的版面可分为横向排列 与纵向排列两种。
1)横向排列
在书籍设计中横向左右对齐的排列方式是很常见的。
2)纵向排列
在大多数传统书籍中 ,纵向排列的文字给人“ 上下对齐”的视觉效果。
矢量图是一种缩放不失真的图像格式。矢量图实际上并 不是像位图那样记录画面上每一点的信息,而是记录了元素 形状和颜色的算法。
(2)单色调图像
经过单色调处理的图像与黑白图像非常相似,画面色彩 一般表现为单色。不同的是在这种图像中白色调被其他一种 颜色代替,从而引起整幅图像色调的改变
(3)多色调图像
3.1.3 文字对齐方式
文字的对齐方式同样影响着阅读效果。如果注重文字的 规整程度,可以把文字安排成线条或面的形态,让文字成为 版面设计的一部分,使整个版面元素融洽统一。文字的对齐 方式有很多,在文字、图片共存的版面中,其对齐方式在于 跟图片的关系。要使文字和图片达到互相融洽的效果,信息 才能得到有效传达。而在纯文字版面中,则要视情况而定, 例如可以通过调整行距或段距来避免由于文字较多而出现的 阅读疲劳。文字的对齐方式一般可以分为以下几种。
3.1.4 文字层级关系
文字的层级关系与人们的视觉流程有关,通过文字字号 大小的编排,可以很自然地影响人们阅读的先后顺序。在书 籍设计中各段和各层面、标题与副标题、标题与段落、标题 与注释、段落与段落以及文字与图片等都有这样的层级关系 。我们可以通过下面一些书籍设计的案例来体会文字的层级 关系
文字的层级是书籍逻辑性的体现,它通过字体的磅值或 字体风格来区分并体现文字的重要性。但要注意的是,如果 文字层级的应用过于复杂,容易导致读者混淆文字内容,也 会减弱和谐的视觉效果。
1)原始字距
在没有设置字距的情况下,对于排版软件来说,字距为 零,字形会一个紧挨一个地显示。字间的距离完全取决于独 立字形在框内的摆放。所以在设计每个字形时都需要考虑到 字距的问题,为字距预留出恰当的空间,这个空间就是原始 字间距。
红色外框是字母B的 外围框,左右两条蓝色线 之间的距离是字母B的实 际宽度。红线与临近蓝线 之间的距离即是这个字型 的字距。
(3)中英文混排版面中字符之间的空格 设定
在中英文混排的版面中,如果不进行一些适当调整,强 制将两种文字编排在一起,就会造成字符间距不一致。这时 可以在中文单词与英文单词之间空出四分之一个字符位置。 这种处理方式不仅适用于横向版式,也适用于竖向版式。但 是在编排文字时,勿将英文单词的词与词之间空出三分之一 个字符,也不能将英文单词的字母拆开换行编排
3.1.6 多语言文字混排设计
(1)中英文混排版面中文字的主次关系
在中英文混排版面中,应注意中英文设计的主次关系。 版面中应该有明确的主次区别,避免故意扭曲文字以适合某 种形象的现象
(2)中英文混排版面中字体与字号的设定
人们在阅读时通常把字体样式相同的文字看成是一个整 体,因此,中英文混排时应注意版面中文字的统一性。尽管 两种文字的编排丰富了版面,但是不断变化字体会造成版面 的混乱
第3章 书籍版式设计
3.1 文字的编排 3.2 图形的编排 3.3 色彩系统 3.4 版式的视觉流程
课题概述
本章介绍了书籍版式设计中文字、图形的编排方法,色 彩系统的应用法则以及版式的视觉流程。
教学目标
将文字、图形的编排方法运用到实际设计中,参照色彩 系统法则和版式流程,将书籍的版式设计得更加完美。
(7)文字在图片较少的版面中的编排 方法
图片少的版面给人稳定的视觉效果。文字的排列一般采 用较规则的排列方式,使整个版面形成一种严肃、稳定的视 觉效果,给人一种高品质的感觉
(8)使文字具有强调 作用的编排方法
该书籍的内页,整个版面 以具象的一株花为主体,用文 字组成花的茎,使文字成为整 个版面的重点,传达信息,起 到强调画面的作用。
此图是排版的效果比较。我们常见的西方字母一般都采 用加宽的设计,就是先设计字形,然后再确定字母的最终宽 度,由于考虑到原始字距,其字形框的宽度会比字形的实际 宽度大一些。
红色的外框是这个字形的最大外围框,两条蓝色线之间 的距离是字的实际宽度。
2)专业字距
有时使用原始字距的排版效果不能令人满意,这时可以 使用专业字距进行调整。最典型的例子就是A与V的组合。如 果采用它们的原始字间距,在一些AV开头的单词中,会显得 这两个字母之间的距离比其他字距要大,所以需要通过专业 字距的设置拉近两个字母之间的距离。
(5)首字母大写 编排方法
首字母大写是字体设 计中的一个特色,段落首 字母的字体磅值通常设置 较大,与正文齐高。首字 母可以采用与中世纪手稿 相似的装饰字体,也可以 是一种被正文内容环绕的 简单字体。
(6)文字在图片较多的版面中的编排 方法
在版面中,图片越多越要注意其排列关系。但是只有图 片、没有文字的版面会显得空洞,稍加一些文字在版面上, 可以缓和气氛,使交流变得流畅,更增添了版面的活力。文 字在版面设计中起着传达信息的作用,是必不可少的
3.1.5 文字应用的技巧和方法
前面我们学习了文字编排的具体表现,下面来了解一下 文字在版式设计编排过程中的应用技巧和方法。
(1)对比的编排方法
文字编排在版面上,其大小、形状的不同会形成对比, 对比能使画面更生动,更具有节奏感。比如正标题与副标题 之间的大小关系就是一种对比,方形文字与圆形文字之间也 是一种对比
(4)中英文混排需要统一字号和位置的基准线
中文字体基本上是以正方形方框为标准而设计的,字面 宽度大于文字宽度,而英文字体的字面宽度与文字宽度相等 ,因此在编排英文文字时,会因为字体形态的差异而使行长 发生变化。从文字的横向边线来看,中文字体是以假想的正 方形的中央为标准对齐,而英文字体则是以位置基准线为标 准对齐的。
(4)文字在版面 中的立体状编排方法
文字的立体表现要以 文字的基本结构为依据, 而其结构框架是由基本的 点、横、竖等笔画组合而 成,单一笔画在三维空间 为几何体,可以在三维空 间发生扭曲等变化。三维 立体文字为一种立体的几 何复合体文字,我们还可 以通过对文字添加阴影来 加强这种文字的立体效果 。
(2)齐中
齐中排列是以中心线为轴心,两边文字字距相等的排列 方式。其主要的特点是:视线更为集中,整体性更强,更能 突出重点。文字齐中对齐不太适合用于编排正文,但十分适 合编排标题。齐中对齐可使版面显得简洁、大方,给人高格 调的视觉感受。
(3)齐右或齐左
齐左是阅读中最常见的排列方式,符合人们阅读习惯, 齐右在版面设计中不常见,能使版面具有新颖的视觉效果。
在理解了单色调图像的基础上,我们不难发现,多色调 图像就是由多种色墨调和而成的,比如双色调
(2)留白的编排方法
在文字的四周适当留出空白,能使读者阅读时感到舒适 ,同时也给画面增添空间感,起到强调主题的作用。很多版 面设计师不接受留白,认为留白会使版面很空,其实正好相 反,留白能使画面具有一定的节奏感和韵律感,张弛有度。