第九讲书籍的版式设计

第九节：书籍的版式设计学习目标： 学习书籍设计中版式设计的原理和运用方式方法版式设计是现代设计艺术的重要组成部分，是视觉传达的重 要手段。其宗旨是在版面上将文字、插图、图形等视觉元素进行 有机的排列组合，通过整体形成的视觉感染力与冲击力、次序感 与节奏感，将理性思维个性化地表现出来，使其成为具有最大诉 求效果的构成技术，最终以优秀的布局来实现卓越的设计。

一：版式设计的概念版式设计是按照一定的视觉表达内容的需要和审美的规律结合各种平面 设计的具体特点，运用各种视觉要素和构成要素，将各种文字图形及其他视 觉形象加以组合编排，进行表现的一种视觉传达设计方法。

书籍的版式设计 是指在一种既定的开本上，把书稿的结构层次、文字、图等方面作艺术 而又科学的处理，使书籍内部的各个组成部分的结构形式，既能与书籍的开 本、装订、封面等外部形式协调，又能给读者提供阅读上的方便和视觉享受， 所以说版式设计是书籍设计的核心部分。

2:版式风 格 1.古典版式设计 自五百多年前，德国人谷腾堡确定的欧洲书籍艺术以来，至今仍处于主 要地位的是古典版式设计。这是一种以订口为轴心左右页对称的形式。内文 版式有严格的限定，字距、行距有统一的尺寸标准，天头、地脚、内外白边 均按照一定的比例关系组成一个保护性的框子。文字油墨深浅和嵌入版心内 图片的黑白关系都有严格的对应标准。

图9-1/古抄本的版式设计

图9-1/ 《42行圣经》版式设计 /谷腾堡/德国

2.网格版式设计 网格设计产生于二十世纪初，完善于二十世纪五十年代的瑞 士。其风格特点是运用数学的比例关系，通过严格的计算把版心 划分为无数统一尺寸的网格，也就是把版心的高和宽分为一栏、 二栏、三栏，以及更多的栏，由此规定了一定的标准尺寸，运用 这个标准尺寸的控制，安排文字和图片，使版面取得有节奏的组 合，产生优美的韵律关系，未印刷部分成为被印刷部分的背景。

图9-2/ /网格版式设计/《版面与广告设计》

图9-2/ /网格版式设计 /《版面与广告设计》 幻灯片：9(2)/封面设计

3.自由版式设计 自由版式的雏形源于未来主义运动，大部分未来主义平面作 品都是由未来主义的艺术家或者诗人创作，他们主张作品的语言 不受任何限制而随意组合，版面及版面的内容都应该无拘无束， 自由编排，其特点主要利用文学作基本材料组成视觉结构，强调 韵律和视觉效果。 自由版式设计同样必须遵循设计规律，同时又可以产生绘画 般的效果。根据版面的需要，某些文字能够融入画面而

不考虑它 的可读性，同时又不削弱主题，重要的是按照不同的书籍内容赋 予它合适的外观。图9-3/ /自由版式设计 /左：马志敏 /中：王燕晖

3:现代书籍的版式设计 (文字、图形、色彩在版式设计中是三个密切相联的表现要素，就 视觉语言的表现风格而言，在一本书中要求做到三者相互协调统 一。书籍本身有许多种形式，在版式设计上要求各异。) 1.文字群体编排 文字群体的主体是正文，全部版面都必须以正文为基础进行 设计。一般正文都比较简单朴素，主体性往往被忽略，常需用书 眉和标题引起注目。然后通过前文、小标题将视线引入正文。 文字群体编排的类型有： 左右对齐——将文字从左端至右端的长度固定，使文字群体 的两端整齐美观； 行首取齐，行尾听其自然——将文字行首取齐，行尾则随其 自然或根据单字情况另起下行； 中间取齐——将文字各行的中央对齐，组成平衡对称美观的 文字群体； 行尾取齐——固定尾字，找出字头的位置，以确定起点，这 种排列奇特、大胆、生动

图9-4

2.图文配合的版式 图文配合的版式，排列千变万化，但有一点要注意，即先见 文后见图，图必须紧密配合文字。 (1)以图为主的版式 儿童书籍以插图为主，文字只占版面的很少部分，有的甚至 没有文字，除插图形象的统一外，版式设计时应注意整个书籍视 觉上的节奏，把握整体关系。图片为主的版式还有画册、画报和 摄影集等等。这类书籍版面率比较低，在设计骨格时要考虑好编 排的几种变化。有些图片旁需要少量的文字，在编排上与图片在 色调上要拉开，构成不同的节奏，同时还要考虑与图片的统一性。

图9-5 /手册设计

(2)以文字为主的版式 以文字为主的一般书籍，也有少量的图片，在设计时要考虑 书籍内容的差别。在设计骨格时，一般采用通栏或双栏的形式， 所以较灵活地处理好图片与文字的关系。

图9-6

(3)图文并重的版式 一般文艺类、经济类、科技类等书籍，采用图文并重的版式。 可根据书的性质，以及图片面积的大小进行文字编排，可采用均 衡、对称等构图形式。 现代书籍的版式设计在图文处理和编排方面，大量运用电脑 软件来进行综合处理，带来许多便利，也出现了更多新的表现语 言，极大地促进了版式设计的发展。

图9-7 /左：纽约布拉特学院的招生手册 /右：手册设计

本文来源：https://www.bwwdw.com/article/5yk4.html