《书籍设计》第五章-书籍版面设计

书籍的版面设计5Contents1-版面设计的相关术语及形式美法则2-版面设计的构成要素3-版面设计风格4-作品赏析目录第一节版面设计的相关术语及形式美法则

版面设计的作用不仅是形成一个具有美感且适合阅读的画面，更重要的是帮助读者梳理信息、优化阅读。优秀的版面设计应该符合读者的阅读习惯，这样才能引起读者阅读的兴趣，增加阅读的舒适性，帮助读者快速捕捉重要信息。同时，版面设计也应该对信息内容进行完美的表达，根据信息内容的不同特点传递不同的心理感受。对比图所示各版面，分析它们所展现的设计风格。热身活动

设计之道

书籍不应该是一个固定不变的形态模式。设计也不仅仅是为书籍装扮一件漂亮的外衣，更重要的是设计师以文本为基础的再创作，进行由表及里的整体思考，从内容到形态，从封面到正文，从编辑概念到物化过程……——吕敬人一、版面设计的相关术语版面是指书籍、报刊等页面的全部幅面，包括页面上被印刷的部分及没有被印刷的空白部分。版面一般不是指一页单面，而是指左右两面所形成的完整的视觉单位，它可分为版心、天头、地脚、订口、翻口等构成部分，如图所示。Shuji（一）版面书籍的版面构成

版面有通栏、双栏、多栏等多种形式，在版面设计时应按照具体需要选择使用。无论是通栏、双栏还是多栏，其栏宽一般都相等，双栏、多栏结构的栏间应留1～2个字符宽度的空白或以栏线分割。设计之策一、版面设计的相关术语版心又称版口，是指书籍翻开后成对的两个页面上排印文字、图画的部分，是容纳正文的空间。在版面中，除去四周空白的部分，余下的就是版心。Shuji（二）版心

通常，对于实用类、通俗类书籍和经济型小开本书籍，其版心需要容纳较多的图文内容，版心面积不宜设置得过小。而对于休闲类、美术类、随笔类、诗歌类等中等开本的书籍，版心面积可以设置得相对小些。设计之策一、版面设计的相关术语版式是指版面的基本格式，包括版心的设置，正文、标题等的字体、字号、字距、行距、段式，空白的大小及位置，表格、图片的排版位置，书眉的设定等。Shuji（三）版式一、版面设计的相关术语天头、地脚是指版心上下的空白处，上方为天头，下方为地脚。中国古籍、线装书的天头一般大于地脚，而西式书籍的天头、地脚通常相等，或者地脚大于天头。订口位于版心内侧，是留作书籍装订位置的白边；

翻口位于版心外侧，是与订口相对的白边。Shuji（四）天头、地脚、订口、翻口

一般书籍版心在版面上的位置是左右居中略偏下，即天头略大于地脚（一般比例为1.4∶1）。有些书籍为了方便读者添加批注，将天头或翻口留得大一些。也有些摄影集、画册等艺术观赏类书籍，将靠近天头或翻口的图片设计成超版心或出血形式，从而使天头或翻口的位置被占去部分或全部。设计之策一、版面设计的相关术语书眉位于书籍版面的天头、地脚或翻口处，一般包含章节名书名、页码、书眉线等信息。书眉有装饰版面、增加视觉层次、区分栏目信息的作用。书眉的设计要求精致、简洁、集中，可采用与正文不同的字体、线条和色彩进行映衬，达到衬托正文、装饰版面的效果。Shuji（五）书眉

当书眉文字的内容为集、部、篇、章、节等标题名时，一般将双码面的书眉设置为上一级标题，单码面的书眉设置为下一级标题。如果书眉的文字内容为丛书名、书名，则书眉仅起装饰作用，设计时应以美化版面为主要目的。设计之策一、版面设计的相关术语裁切线是指印在纸张周边，用于指示裁切位置的标记线。裁切线是切口设计的基础，尤其在版面有出血位时，一定要考虑裁切线的位置。Shuji（六）裁切线一、版面设计的相关术语咬口是指纸张在承印过程中由吸盘传送进印刷机时被吸盘咬合的部分，是印刷油墨无法印到的位置，故在设计版面时要留8～10mm的空白。咬口是设计版面大小时务必考虑的因素。Shuji（七）咬口二、版面设计的形式美法则

变化主要借助对比的形式法则，强调的是各种视觉要素的差异性，可实现视觉上的跳跃，使得版面不呆板。

统一则借助了均衡、调和、秩序等形式法则，着重强调各种视觉要素的一致性，从而使得版面具有整体感。变化与统一完美结合，是版面设计最根本的要求。Shuji（一）变化与统一二、版面设计的形式美法则Shuji（一）变化与统一二、版面设计的形式美法则对称是同等、同量、同形的平衡，均衡则是同形不同量或同量不同形的平衡。

对称的特点是稳重、整齐、庄严，但是单调、呆板。

均衡是不对称的平衡，可以弥补对称的不足，它既不破坏平衡，又在同形不同量或同量不同形的状态中使平衡有所变化，从而达到静中见动动中寓静的效果。Shuji（二）对称与均衡二、版面设计的形式美法则Shuji（二）对称与均衡版面设计的对称与均衡二、版面设计的形式美法则

对比强调差异性，着意让对立的要素相互比较，产生大小、明暗、黑白、强弱、粗细、疏密、高低、远近、软硬、曲直、浓淡、动静、锐钝、轻重及虚实等明显的反差。

调和强调近似性，着意适合、舒适、安定、统一，可使两个或两个以上的要素形成共性。Shuji（三）对比与调和二、版面设计的形式美法则

对比与调和是相辅相成的，在进行版面设计时，整体版面宜调和，局部版面宜对比。Shuji（三）对比与调和版面设计的对比与调和二、版面设计的形式美法则

节奏是指按照一定的条理、秩序，重复且连续地排列，形成的一种律动形式。

韵律则可看作节奏的较高形态，是将不同的节奏巧妙而复杂地结合起来，构成某种规律的节奏美。Shuji（四）节奏与韵律版面设计的节奏与韵律（一）二、版面设计的形式美法则Shuji（四）节奏与韵律二、版面设计的形式美法则Shuji（四）节奏与韵律版面设计的节奏与韵律（二）二、版面设计的形式美法则

比例是指形的整体与部分之间及部分与部分之间数量的一种比率。成功的版面设计取决于良好的比例配置。

适度是指版面的整体与局部之间的大小关系，符合人的生理或习性的某些特定标准，从而适应读者的视觉心理。

比例与适度通常具有秩序、明朗的特性，给人一种清新、自然的感觉。Shuji（五）比例与适度二、版面设计的形式美法则

书籍的版面设计是围绕着“黑”与“白”展开的：

“黑”是指版面上的文字、图形等实体，是实形；

“白”与建筑中的虚空间相似，是指版面上文字、图形以外的空白处，是虚形。Shuji（六）虚实与留白留白是一种构图技巧，它是“虚”的特殊表现手法，其形式、大小、比例决定着版面的质量。在版面设计中，巧妙地留白是为了更好地衬托设计的主题，集中读者的视线，形成版面的空间层次感。课堂讨论

不同的人对美有不同的衡量标准，在不同的时间、不同的场合，美的形式也不尽相同。上述这些形式美法则并非万能法则，应视实际情况而灵活运用。在具体运用这些形式美法则时，需要考虑哪些影响因素呢？Classdiscussion第二节版面设计的构成要素一、文字

字体是版面设计最基本的元素，其选择原则是字体风格要与整体版面的风格及主题内容一致。不同的字体具有不同的字形特征，因而就有不同的视觉效果。目前我国书籍设计中比较常用的印刷字体有宋体、仿宋体、黑体、楷体四种，此外还有粗黑体、综艺体、琥珀体、粗圆体、细圆体及手绘创意美术字等。Shuji（一）字体的选择

正文主体文字应选用清晰、整齐的字体，使人易读，一般多采用宋体、楷体、仿宋体等。其中宋体端庄、刚柔相济、浓淡适中，阅读起来最令人节省目力，是书籍正文主体文字最常用的字体。楷体柔和悦目，较适用于儿童读物。

标题所用字体则以黑体、标宋体、宋体、楷体、仿宋体等为主。

正文中的引文、注释的字体应区别于主体文字的字体。设计之策一、文字

字号的大小会影响版面的视觉效果，字号过大会造成版面拥挤，字号过小会给阅读带来困难。在进行版面设计时，宜选用大小合适的字号，并可根据具体情况选用不同字号的文字，从而使版面更具层次感。Shuji（二）字号的确定

通常，对于开本较大的图书、老年读物、儿童读物和小学教科书等，其正文可采用小四号字。一般图书的正文则采用五号字。字体大小的设置还应与版面栏数相匹配。（1）通栏版面的行长相对较长，除小型开本的图书外，所用字号一般不能小于五号。如果用的字号过小，则每行所排字数过多，容易使读者产生阅读疲劳，出现跳行错读现象。设计之策

（2）双栏版面的行长比通栏版面缩短约一半，字号可采用小五号字。（3）多栏版面的工具书可用六号字。各级标题的设置应遵循“由大到小、由重到轻，变化有序、区别有秩”的原则。

书眉的字号一般小于正文主体文字的字号，字体可酌选。目录中各级条目的字号应逐级减小，有时也可使用相同的字号。若选用不同的字号，则最小一级条目的字号一般不小于正文主体文字。设计之策一、文字

字距是字与字之间的空白距离，行距是指两行文字之间的空白距离。字距与行距的疏密直接影响到书籍阅读的质量。Shuji（三）字距与行距的设置

一般来说，行距至少要大于字距。不同性质的书籍对行距有着不同的要求。正文行距一般分为宽行、标准行和密行三种。（1）宽行行距为字高的2/3～7/8，多用于经典著作或者休闲类、艺术类、少儿类书籍。（2）标准行行距为字高的1/2，用于大多数书籍。（3）密行行距小于或等于字高的1/3，常用于篇幅较大、文字较多的书籍，尤其适用于工具书和经济型小开本书籍。设计之策二、图形图版率是指版面中图形所占据的面积比例。在当今的信息时代，人们的生活节奏加快，人们阅读时，会优先选择醒目、图版率高、有兴趣的信息。因此，图版率在版面设计中很重要，它的合理与否会直接影响版面阅读的视觉效果，影响读者的阅读兴趣。Shuji（一）图版率二、图形角版又称方形版，将需要的画面用直线方框切割出来的图形编排方式，它是最基本、最常见、最简洁大方的图形编排方式。角版可使图形完整地传达内容主题，富有直接性、亲和性，构成的版面显得庄重、静谧、严谨、大方。Shuji（二）图形的编排方式1．角版二、图形挖版又称退底，是指将图片中精选的部分按需要沿边缘剪裁下来的图形编排方式。若将挖版图形与文字或角版图形组合运用，则可使挖版图形成为版面中的动态要素，而文字、角版图形为静态要素，动与静的结合可以丰富版面的视觉层次和对比关系。挖版图形显得灵活而不凌乱，并能给人以轻松自由、平易近人的亲切感，是版面设计常用的编排方式Shuji（二）图形的编排方式2．挖版二、图形出血版是指图片超出版心、延伸至版面边缘的图形编排方式。出血版图形不受边框的限制，可使情感得到更好的宣泄，使动态得到更好的舒展，从而拉近版面与读者的距离。Shuji（二）图形的编排方式3．出血版

角版沉静，挖版活泼，出血版舒展、大气，但有时单一的编排方式，会使版面显得呆板、单调。

版面设计中可以将三种编排方式灵活穿插运用，使版面更加生动。设计之策二、图形在版面设计中，图形面积的大小不仅能影响版面的视觉效果，而且可以直接影响设计师情感的传达。大图形注目度高，是视觉的焦点；

小图形插入字群中，显得简洁而精致，有点缀和呼应版面的作用。Shuji（三）图形的面积与张力《北京纸币八百年·上卷》二、图形如果版面只由相似的大图形或小图形，就会显得过于平淡。只有增大图形之间的比例，增强对比效果，版面才有张力Shuji（三）图形的面积与张力设计之品

《走进新景观》的版面通过一条腰线整体贯穿，图文形成全然不同的阅读环境，合理的留白和巧妙的图形编排，令该书读起来有鲜明的镜头感。版面设计强调实像与虚空的互补关系，留白作为一种视觉语言，如同一首乐曲，利用版面中的信息传递，演奏出轻重缓急、激越顿止的优美旋律，是体现秩序之美极为重要的设计理念。三、色彩色彩可以通过对视觉神经的刺激而作用到人的心理，不同的色彩传递给人的情绪是不同的。恰当到位的色彩运用，不仅给人以美感，还能促进人思考，激发人的各种联想、想象，从而使人对色彩产生情感的共鸣Shuji课堂讨论

版面设计的内容包括正文主体文字、引文、注释、书眉、辅文等文字的编排，以及图表的版式设计等。在这些内容中，色彩的运用原则和手法有什么相同和不同之处呢？Classdiscussion第三节版面设计风格一、中式版面设计风格中国古代书籍设计艺术有着悠久的历史，在漫长的演变过程中，逐渐形成了极具民族特色的中式版面设计风格。Shuji中式版面设计风格知识拓展“鱼尾”是指版心中间用作折页基准的图形，因其酷似鱼尾而得名。折页的准绳主要是“鱼尾”，有时也在“鱼尾”上下各印一条黑线作为标线，这样的黑线在书中形似大象的鼻子，故称之为“象鼻”。知识拓展二、古典主义版面设计风格古典主义版面设计风格的特点是严谨、朴素、简洁、典雅，强调均衡、对称，给人一种稳定、庄严、整齐、秩序、沉静的感觉。Shuji古典主义版面设计风格三、网格设计风格网格设计将版面分为通栏、双栏甚至多栏，把文字和图形安排在其中，运用比例、中心、方向、对称、均衡、空白、韵律、对比、分割等艺术规律，来达到理想的设计效果。

网格设计的关键是建立秩序与数值的必然关系和灵活运用各种规则。Shuji网格设计风格（一）三、网格设计风格即使在成品中已经删除网格线，但读者仍能感受到秩序的存在。网格设计并不是限制自由的发挥，相反，有秩序的网格是在版面整体相对统一的前提下，给予设计师足够的自由。Shuji网格设计风格（二）四、自由版面设计风格自由版面设计风格形成于20世纪70年代末的美国。到90年代后期，自由版面设计风格已在世界范围内广泛流行。自由版面设计从字面上理解就是无任何限制地设计，它是对版面自身要素进行自由组合排列的设计方式。Shuji《艺众——