3.3 书籍设计的“核心”——版式设计
书籍版式设计需针对书籍的开本大小和书稿的结构内涵,科学而艺术地将书稿的文本、插图、结构、层次整合与协调,通过对文字、图形、色彩的视觉编排和形式组构,满足读者阅读的流畅性与视觉的享受性。好的版式设计应体现出易读性、易识性、整体性、艺术性的基本要求,遵循基本的形美式法则,为读者创造愉悦的阅读空间。
3.3.1 版式设计的构成要素
版式设计利用文字、图形、色彩元素的合理配置创造视觉空间,让版心、版面空白、字体形态、图表位置、图文排列等众多的视觉内容解构与重组,这一切都可视为具有生命形态的点、线、面元素,在版式格律中传递给读者书稿的内涵旨意。
(1)最具信息的构成要素——文字
1)版式中的字体选择
通常版式中的字体都采用规范的印刷体,并适用于标题、正文、注解等文字设计。设计者应针对不同类型的书籍要求选择不同的字体来传递信息。如端庄秀丽的宋体常用于书籍正文的大篇幅编排;沉稳厚重的黑体常用于书籍封面标题或正文中的标题、文字编排;娟秀挺拔的仿宋体常用于散文、诗歌、引文、幅标题的字体编排;挺秀端正的楷体广泛用于批注、古籍、通俗读物、学生课本等;书法字体体现的古拙风格常用于古籍书的标题设计或正文设计等。例如,《中国木版年画集成·杨家埠卷》内页版式所示,可以窥见标题字体与正文字体之间构架的版式效果,通过字体的对比、序列、行距产生和谐、引导的作用与表现力。
2)版式中的字号与字距调节
书籍版式设计中字体的字号、字距、行距有其自身的规范,但符合读者阅读习惯及版式美观是版式设计的重要法则。通常我们使用的字体字号用Point表示,按照人们的阅读视距30~50 cm来调节不同书籍使用的字号,国际标准5号字为10.5 P,1号字为21 P ,一般来讲书籍的标题多采用1~3号字,正文多采用5号字,注解说明等多使用6~8号字。字距与行距的变化会产生不同的视觉感受,形成不同的版式风格,针对读者对象不同、开本不同,可适度调整大小,以满足书籍的易读性。
版式设计中字体与字距的关系,可以看到清新多变的字距与行距处理更易产生现代排版美感,更能体现主题的内涵,在阅读的秩序中体会文字带来的力量。
在下面一组国外出版物的文字设计中,体现出字体元素随着字距、字号的大小以及色彩的调节,发挥出超越文字的图形魅力。
(2)最具表现的构成要素——图形
多样化、个性化的图形元素无疑为书籍版式设计丰富了视觉语汇,通常以插图、照片、图标、图表、符号等形式表现出来,合理运用这些图形元素对不可视语言进行可视化表达,使平面的版面呈现出生动的表情,让阅读品尝视觉盛宴,成为版式设计中重要的组成元素。
插图——以绘画、装饰方式表现的图像形式,是对版式设计中的文字信息的视觉诠释。
照片——以摄影手法记录、剪辑、创意的图像形式,是版式设计中最直观的视觉形式。
图表——以表格形式的数据视觉表现,具有精确的表现力。
符号——以简洁的凝聚意义的图标形式表现。
在下面一组国外插图设计中,不同的图形表现方式体现出书籍版式不同的风格,摄影图像的真实再现、漫画语言的幽默风趣、装饰图形的夸张表现,为版式设计注入了生命的活力。
(3)最感性的构成要素——色彩
最佳的配色方案能丰富版式结构层次,提升图文的主旨传达。在色彩元素的应用上要以色彩原理为基础,遵循色彩规律,把握色彩的色相、明度、纯度三属性的关系,从书籍的版面风格出发,力求色彩的感性传递,运用色彩的视知觉特性与性格特征,在色彩的对比与调和、联想与表现中释放彩度,准确把握色彩个性与版式内容的和谐性。“子木设计作品”充分体现色彩的注目性、简洁性、主体性、独特性,为书籍版面传达色彩的视觉美度,完美演绎不同的版式风格。
(4)页面空间最基本的要素——点、线、面
书籍内页结构示意图
国外出版物中的文字设计
《中国木版年画集成•杨家埠卷》内页设计
(设计:合和工作室)
国外出版物中的文字设计
国外插图设计
子木设计作品
大千世界的万物均可以点、线、面来归纳概括,巧妙运用点、线、面基本要素构建富有变化特色的全新版面。如一个字、一个符号、一个页码数、一张小图等,这些相对面积较小、规则或不规则的具象形或抽象形,均可视为一个点;一行文字、一行空白等线性具象形或抽象形,均可理解为一条线;而大的图片、数行文字、一块空白、色块等自然形或抽象形则可理解为面。点、线、面各自具有的性格特征为页面创造了灵动的版面效果。例如,《王受之讲述/产品的故事》内页设计中强调自由的版式布局,点、线、面的视觉元素在版面中的视觉组合,产生出强大的磁场,形成独特的版式风格。
《王受之讲述/产品的故事》内页设计 (设计:小马哥/橙子)
3.3.2 版式设计的编排类型
版式设计的编排有三种基本类型:以文字为主的版式、以图片为主的版式、图文并重的版式。但无论哪种版式,都应遵循以下原则:
①整体统一原则。围绕书籍的主题、风格、对象来构架版面的整体视觉形式。
②方便阅读原则。清新的版面形式,合理的图文组构,科学的视觉流程,便于导读者愉快阅读。
③鲜明个性原则。遵循书籍设计的基本原则和形式美原则,根据书籍内容、阅读对象等,创造鲜明个性的风格,引领潮流。
(1)以文字为主的版式
以文字为主的版式指文字占版面的大部分,而图形只能有很少量或没有的版式类型。此类版面设计重点应根据书籍内容设计排版骨架,灵活处理文字的通栏或双栏的形式。一般教育、科研、文学著作、学术期刊、工具书等常使用此类版式。遵循文字的可读性、创造性的设计原则,协调标题字与正文字的组合关系,充分利用文字的分栏、群化、分离、重叠、色彩组合方式增强版式的活力,引导读者关注正文的主体性,建立引导视觉流程的视线。
在“国外杂志版式设计”中是以文字为主的版式设计,秩序化的文字编排采用分栏方式增强版面文字的识别力,多栏分解后形成的文字群具有韵律、节奏之美,让机械的文字也富有生命气息。
(2)以图片为主的版式
以图片为主的版式是指图形占版面的大部分,而文字占版面的极少部分,甚至没有文字的版式类型。此类版面设计重点是把握书籍中图文的整体关系,注意版面的节奏。一般纪实文学、画册、儿童书籍、摄影类、艺术类等书籍常使用此类版式。遵循图形的吸住性、易读性、趣味性,通过 “方形图、退底图、出血图、自由图”四种图形类型使版面具有独特的视觉表现。以插图、照片、图标、图表、符号等图形语言牵动读者情绪,引入画面境域,体现出以图形为主的版式特色。
如《真相——慰安妇调查纪实》的版式设计生动展示出人物的特性,出血图的表现类型更增强了信息的视觉诉求力。
(3)图文并重的版式
在图形与文字的组合关系中应强化版面空间的经营,注重节奏疏密关系,注重相互呼应、相互依存。在版式整体原则下,采用图文对比、分割、混合等排列形式,协调文字的字体、色彩、群化、位置、大小以及图形的裁剪、表现、位置、色彩相互关系,渲染书籍的主题立意。
如从“日本书籍版式设计”可以看出这种图文并重的版式设计体现出新颖别致的多种表达方式,有别于图鉴式的编排,基于整体风格下严密的构图,体现出书籍概念设计的特点。
3.3.3 版式设计的视觉流程
版面中的视觉流程是一种“视觉空间的流动线”,它是指由版面空间中的各视觉元素引导读者沿视线轨迹阅读的空间运动过程。不同的版式模式体现出不同的视觉流程导线,掌握版面编排设计的基本形式及视觉流程特点,建立流畅的页面空间的视觉传递。
(1)骨骼型版式——反复视觉流程
骨骼型版式是一种将版面中的各构成要素严格规范在骨骼比例中的分割形式。骨骼支撑起整个版式的各单元空间,按照图文的信息量进行合理的比例配置。常见的骨骼分栏类型有竖向分栏和横向分栏,版面常常给人以秩序、理性、和谐之美,形成反复连续的视觉流程线。这种骨骼分割型版式在期刊、宣传手册、画册中运用较多。
如“骨骼型版式”以相同或相似的视觉要素,作规律、节奏的逐次运动,产生了富于韵律美和秩序美的视觉流程导线。
(2)满版型版式——重心视觉流程
满版型版式是一种以图像充满整个版面的编排形式,在版式中的图形元素要有张力,文字融入图像之中,时尚杂志、画册、儿童读物较多地运用此类版式。这种版式以优势图形为主诉点,形象而直观,给人以强烈的视觉冲击力,形成重心型的视觉流程导线,可表现出向心、离心的视觉运动。视觉流程从版面重心开始,然后顺沿形象的方向与力度的倾向来发展视线的进程。
(3)分割型版式——直线单向视觉流程
分割型版式是一种将整个版面分成上下两个部分或者左右两个部分,包括上下分割型版式和左右分割型版式,分别配置图形、文字。分割型版式的图形部分因形、色而具动感活力,文字部分则显理性而静态,可形成上下或左右直线单向性导线的视觉流程,产生强烈而明快的主题效果。时尚杂志、画册、儿童读物较多地运用此类版式。如“分割型版式”为了达到版式上图文两个部分的视觉平衡,通过图片或文字来调节版面分割线的虚实关系。
(4)中轴型版式——直线双向视觉流程
中轴型版式是一种将图片和文字沿页面的中心轴线作水平或垂直方向排列的一种编排方式,因主体元素占据中轴位置而给人以强烈的瞩目率。“十”字的中轴型版式能给人产生平稳、平静之感,垂直视觉流程线流畅、舒适,形成了直线、横线的双向导线。中轴型版式给人稳重、理性之美,较适合诗歌、文学类著作、教材等页面编排。
(5)曲线型版式——“S”曲线视觉流程
曲线型版式是一种将图形与文字在页面上作曲线的分割编排,是产生节奏、韵律之美的版式类型,较适合图文并茂的书籍类型,体现出清新自然、流畅活泼的版式设计风格。一般曲线有“S”曲线和自由曲线两种形式,曲线型视觉流程导线是由视觉要素随弧线或回旋线运动而形成的,展示出柔美的曲线特点,显示出流畅的自然美。各视觉元素在曲线的视觉引导下,版式灵动活泼、风格独特。
(6)倾斜型版式——斜向视觉流程
倾斜型版式是指一种在版面中将图片或文字元素做一定角度的倾斜编排,引导读者的视线随之移动产生不稳定的、动荡不安的态势,形成斜向视觉流程。这种以一定指向的斜向性导线打破常态视角的版式风格,容易产生强大的磁场力吸住读者的眼球。
(7)对称型版式——多向视觉流程
对称型版式是一种以相同或相近的元素呈上下左右分布,使两方的元素处于等形等量的绝对对称式或异形等量的相似对称式结构态势,体现出视线从上到下、从左到右多向度的视觉流程,给人产生稳定、整齐而富有变化之感。在版面格式上寻求相似对称的构图,图文相对应的视觉效果营造视觉的平衡,体现出严谨、有序的特点,多向的视觉引导丰富了版面。
《 真相—— 慰安妇调查纪实》 内页设计 (设计:朱赢椿)
骨骼型版式
中轴型版式 (设计:朱赢椿)
对称型版式(设计:陈楠)
国外杂志版式设计
日本书籍版式设计
满版型版式
国外杂志版式设计
分割型版式
曲线型版式
倾斜型版式 (SLANTED杂志设计)
(8)焦点型版式——中心性导线
焦点型版式是一种通过对文字、图片的处理而形成视线的诱导,达到视觉心理的焦点,突出页面以中心、向心、离心三种常见导线形式的强烈视觉效果。页面焦点的突出可以通过对页面图文的构图、位置、色彩关系来调节。如《天虫》就是焦点型版式,形成以圆形为中心的视觉导线,产生强烈的瞩目率。
(9)三角型版式——指向视觉流程
三角型版式是一种将各视觉元素编排成三角形的形式。正三角形编排给人以稳定感;倒三角形编排则产生动感;侧三角形编排则给人一种均衡趋势,安定中又有动感。视线随三角形的指向移动,形成明显的指向视觉流程。
如“SLANTED杂志设计”,文字呈倒三角形排版,视觉流程在三角形的引导下产生明显的动势感。
(10) 自由型版式——散点视觉流程
自由型版式是一种相对自由无规律限制的编排形式,它通过对文字、图片的随意安排,做到形散而神不散,形成散点自由的视觉流程,使画面产生轻松、活泼的视觉感受。如《面子》,这种视觉流程随各视觉元素做或上或下、或左或右的自由移动,给人以明快、活泼、轻松的节奏感受。
(11) 并置型版式——反复视觉流程
并置型版式是一种将相同或不同图片作大小相同位置不同的秩序化重复排列,并置型的版面能将杂乱无章的图片进行有序化的排列,形成秩序与调和、节奏与韵律的形式美感,从而形成反复渐次的视觉流程导线。
(12) 四角型版式——离心性导线
四角型版式是一种在版面四角进行图文元素配置,或者在连接页面四角的对角线结构上进行编排的形式,四角元素的装饰可相同也可相异,这种版面常能给人以规范严谨的视觉感受,四角图形在方向设计上呈对应或旋转状可以突破呆板的形式表现。
3.3.4 版式设计的空间拓展
设计师戴维·卡森这样说道“我需要一块空白的屏幕来开始设计——没有标尺,没有规则”,当面对书籍版面网格系统中过多的理性秩序需求,驾驭一种非规律型的自由版式就成为书籍设计个性化的一种表现。
(1)负空间
书籍版式设计中的“负空间”就是除图文所占版面空间之外的空白区域,版面里负空间与正空间应是一对互补关系,负空间可以将观者的视觉引导于正空间里。负空间可以通过字距、图距、周边空白区域来创造。
如《铁观音》版面设计就发挥了负空间的功能作用,不仅能强化正空间的吸引力,使墨色陶壶注入意境之美,而且空白的精妙在于让读者可以更为惬意地冥思和遐想。
(2)跨页设计
跨页设计是灵活运用版面拓宽图案的界域,强化图像在版面中的视觉焦点,服从于整体版式的需求设计。但跨页设计不能为跨页而跨页,“跨页是维持展开页连贯性的最重要策略”,因此跨页设计必须建立在页与页的连接关系之上,包括对材质、版心、订口之间关系的处理,是一个系统化的设计。在设计时应清晰地“连接”页面,特别是重要的图片元素不能放在页面接缝线的位置上,否则就会破坏图片的效果。随着书籍形态的多元化,跨页设计的内涵也不断拓展,手法也更多样化,有些设计师已开始利用切口边形成的书籍切口面进行视觉设计,这些多页面的边口装饰设计虽然很少一点,但连续式地对每个跨页边口处理就会组构成强大的视觉力场。
焦点型版式(《天虫》/设计:陈楠)
三角型版式 (SLANTED杂志设计)
散点型版式 (《面子》/设计:奇文云海)
并置型版式 (《靳埭强设计奖全国大学生平面设计比赛2004获奖作品集》/设计:张翼)
四角型版式 (《方寸洞天》/设计:陈楠)
《铁观音》(设计:晓笛工作室/林争、刘清霞)
跨页设计(国外书籍设计)
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。