书籍版式设计课件

/书籍专业名词解释图图8-18-1/书籍专业名词解释图8-11第二节第二节 书籍装帧的书籍装帧的版式设计艺术版式设计艺术第二节 书籍装帧的版式设计艺术2 版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段。其宗旨是在版面上将文字、插图、图形文字、插图、图形等视觉元素进行有机的排列组合，通过整体形成的视觉感视觉感染力与冲击力、次序感与节奏感，将理性思维个性染力与冲击力、次序感与节奏感，将理性思维个性化地表现出来，化地表现出来，使其成为具有最大诉求效果的构成技术，最终以优秀的布局来实现卓越的设计。版式设计是现代设计艺术的重要组成部分，是视觉传达的重3一、版式设计的概念一、版式设计的概念 版式设计是按照一定的视觉表达内容的需要和审美的规律结合各种平面设计的具体特点，运用各种视觉要素和构成要素，将各种文字图形及其他视觉形象加以组合编排，进行表现的一种视觉传达设计方法。一、版式设计的概念4 书籍的版式设计书籍的版式设计是指在一种既定的开本上，把书稿的结构层次、文字、图表等方面作艺术而又科学的处理，使书籍内部的各个组成部分的结构形式，既能与书籍的开本、装订、封面等外部形式协调，又能给读者提供阅读上的方便和视觉享受，所以说版式设计是书籍设计的核心部分。书籍的版式设计是指在一种既定的开本上，把书稿的结构层5二、版式风格二、版式风格 1.1.古典版式设计古典版式设计 自五百多年前，德国人谷腾堡确定的欧洲书籍艺术以来，至今仍处于主要地位的是古典版式设计。这是一种以订口为轴心左右页对称的形式这是一种以订口为轴心左右页对称的形式。内文版式有严格的限定，字距、行距有统一的尺寸标准，天头、地脚、内外白边均按照一定的比例关系组成一个保护性的框子。文字油墨深浅和嵌入版心内图片的黑白关系都有严格的对应标准。二、版式风格6图图8 82/2/古抄本的版式设计古抄本的版式设计图图8 83/3/4242行圣经行圣经版式设版式设计计/谷腾堡谷腾堡/德国德国图82/古抄本的版式设计图83/42行圣经版式设计/7图图8 84/4/路边诗集路边诗集设计设计/莫里斯莫里斯/英国英国图图8 85/5/宗教书籍设宗教书籍设计计图84/路边诗集设计/莫里斯/英国图85/宗教书籍设8 2.2.网格版式设计网格版式设计 网格设计产生于二十世纪初，完善于二十世纪五十年代的瑞士。其风格特点是运用数学的比例关系，通过严格的计运用数学的比例关系，通过严格的计算把版心划分为无数统一尺寸的网格算把版心划分为无数统一尺寸的网格，也就是把版心的高和宽分为一栏、二栏、三栏，以及更多的栏，由此规定了一定的标准尺寸，运用这个标准尺寸的控制，安排文字和图片，使版面取得有节奏的组合，产生优美的韵律关系，未印刷部分成为被印刷部分的背景。2.网格版式设计9图图8 86/6/网格版式设计网格版式设计/版面与广告设计版面与广告设计图图8 87/7/封面设计封面设计图图8 88 8网格版式设计网格版式设计/版面与广告设计版面与广告设计图86/网格版式设计/版面与广告设计图87/封面设计10 3.3.自由版式设计自由版式设计 自由版式的雏形源于未来主义运动，大部分未来主义平面作品都是由未来主义的艺术家或者诗人创作，他们主张作品的主张作品的语言不受任何限制而随意组合，版面及版语言不受任何限制而随意组合，版面及版面的内容都应该无拘无束，自由编排，其面的内容都应该无拘无束，自由编排，其特点主要利用文学作基本材料组成视觉结特点主要利用文学作基本材料组成视觉结构，强调韵律和视觉效果构，强调韵律和视觉效果。图图8 89/9/自由版式设计自由版式设计 3.自由版式设计图89/自由版式设计11 自由版式设计同样必须遵循设计规律，同时又可以产生绘画般的效果。根据版面的需要，某些文字能够融入画面而不考虑它的可读性，同时又不削弱主题，重要的是按照不同的书籍内容赋予它合适的外观。图图8 810/10/自由版式自由版式设计设计/马志敏马志敏图图8 811/11/自由版式自由版式设计设计/王燕晖王燕晖 自由版式设计同样必须遵循设计规律，同时又可以产生绘画12三、书籍版式设计的基本流程三、书籍版式设计的基本流程 1.1.版心版心 版心也称版口，指书籍翻开后两页成对的双页上容纳版心也称版口，指书籍翻开后两页成对的双页上容纳图文信息的面积。图文信息的面积。版心的四周留有一定的空白，上面叫做上白边，下面叫做下白边，靠近书口和订口的空白叫外白边和内白边。也依次称为天头、地脚、书口和订口。这种双页上对称的版心设计我们称为古典版式设计，是书籍千百年来形成的模式和格局。三、书籍版式设计的基本流程13 版心在版面的位置，按照中国直排书籍的传统方式是偏下方的，上白边大于下白边，便于读者在天头加注眉批。而现代书籍绝大部分是横排书籍，版心的设计取决于所选现代书籍绝大部分是横排书籍，版心的设计取决于所选的书籍开本的书籍开本，要从书籍的性质出发，方便读者阅读，寻求高和宽、版心与边框、天地头和内外白边之间的比例关系。版心在版面的位置，按照中国直排书籍的传统方式是偏下方14 2.2.排式排式 排式是指正文的字序和行序的排列方式。排式是指正文的字序和行序的排列方式。我国传统的书籍大都采用直排方式。即字序自上而下，行序自右而左。这种形式是和汉字书写的习惯顺序一致的。现在出版的书籍，绝大多数采用横排。横排的字序自左而右，行序是自上而下。横排形式适宜于人类的眼睛的生理结构，便于阅读。图图8 812/12/内文版式设计内文版式设计 2.排式图812/内文版式设计15 字行的长度，也有一定的限制，一般不超过字行的长度，也有一定的限制，一般不超过80-105mm80-105mm。有较宽的插图或表格的书籍，要求。有较宽的插图或表格的书籍，要求较宽的版心时，最好排成双栏或多栏。较宽的版心时，最好排成双栏或多栏。图图8 813/13/内文版式设计内文版式设计图图8 814/14/内文版式设计内文版式设计图813/内文版式设计图814/内文版式设计16 3.3.确定字体确定字体 字体是书籍设计的最基本因素，它的任务是使文稿能够阅读，字形在阅读时往往不被注意，但它的美感不仅随着视线在字里行间里移动，会产生直接的心理反应。因此，当版式的基本格式定下来以后，就必须确定字体和字号。常用设计字体有宋体、仿宋体、宋体、仿宋体、楷体、黑体楷体、黑体、圆体、隶书、魏碑体、综艺体等。图图8 815/15/内文版式设计内文版式设计 3.确定字体图815/内文版式设计17 宋体的特征宋体的特征是字形方正，结构严谨，笔划横细竖粗，在印刷字体中历史最长，用来排印书版，整齐均匀，阅读效果好，是一般书籍最常用的主要字体。书籍最常用的主要字体。仿宋体仿宋体是摹仿宋版书的字体。其特征是字形略长，笔划粗细匀称，结构优美，适合排印诗集和短文，或用于序、跋、注释、图片说明和小标题等。由于它的笔划较细，阅读时间长了容易损耗目力，效果不如宋体，因此不宜排印长篇的书籍。宋体的特征是字形方正，结构严谨，笔划横细竖粗，18 楷体楷体的间架结构和运笔方法与手写楷书完全一致，由于笔划和间架不够整齐和规范，只适合排小学低年级的课本和儿童读物，一般的书不用它排正文，仅用于短文和分级的标题一般的书不用它排正文，仅用于短文和分级的标题。黑体黑体的形态和宋体相反，横竖笔划粗细一致，虽不如宋体活泼，却因为它结构紧密、庄重有力，常用于标题和重点文句常用于标题和重点文句。由于色调过重，不宜排印正文。而由黑体演变而来的圆黑体，具有笔划粗细一致的特征，只是把方头方角改成了圆头圆角，在结构上比黑体更显得饱满充头，有配套的各种粗细之分，其细体也适用于排印某些出版物。楷体的间架结构和运笔方法与手写楷书完全一致，由于笔划19 也有一些字体电脑字库里是没有的，需要直接借助电脑软件创制，还有些字体，需要靠手绘创制出基本字形后，再通过扫描仪扫描在电脑软件中加工。每本书不一定限用一种字体，但原则上以一种字体为主，他种字体为辅。在同一版面上通常只用二至三通常只用二至三种字体种字体，过多了就会使读者视觉感到杂乱，妨碍视力集中。图图8 816/16/常用书籍装帧设计字体常用书籍装帧设计字体 也有一些字体电脑字库里是没有的，需要直接借助电脑软件20 书籍正文用字的大小直接影响到版心的容字量。在字数不变时，字号的大小和页数的多少成正比。一些篇幅很多的廉价书或字典等工具书不允许出的很大很厚，可用较小的字体。相反，一些篇幅较少的书如诗集等可用大一些的字体。一般书籍排印所使用的字体，9P9P11P11P的字体对成年人连续阅的字体对成年人连续阅读最为适宜读最为适宜。8P字体使眼睛过早疲劳。但若用12P或更大的字号，按正常阅读距离，在一定视点下，能见到的字又较少了。书籍正文用字的大小直接影响到版心的容字量。在字数不变21 大量阅读小于9P字体会损伤眼睛，应避免用小号字排印长的文稿。儿童读物须用36P字体。小学生随着年龄的增长，课本所用字体逐渐由16P到14P或12P。老年人的视力比较差，为了保护眼睛，也应使用较大的字体。图图8 817/17/封面设计封面设计 大量阅读小于9P字体会损伤眼睛，应避免用小号字排印长224.4.字距和行距字距和行距 字距指文字行中字与字之间的空白距离，行距指两行文字之间的空白距离。一般图书的字距大都为所用正文字的五分之一宽度，行距大都为所用正文字的二分之一高度，即占半个字空位。但无论何种书，行距要大于字距。4.字距和行距235.5.确定版面率确定版面率 版面率是指文字内容在版心版面率是指文字内容在版心中所占的比率中所占的比率。版面中文字内容多则版面率高，反之则低。从一定角度上讲，版面率反映着设计对象在价格方面的定位。在现实的设计过程中，要求设计者认真地对设计对象的内容、成本、以及开本的大小、设计风格等诸多因素进行全面地考虑，从而最后确定设计稿的版面率。图图8 818/18/书籍内文设计书籍内文设计5.确定版面率图818/书籍内文设计246.6.按以定书籍开本开本比例确定文字和插图的位置按以定书籍开本开本比例确定文字和插图的位置 版面的设计取决于所选的书籍开本，要从书籍的性质出发，寻求高与宽、版心与边框、天地头和内外白边之间的比例关系。还要从整体上考虑分配至各版面的文字和插图的比量。6.按以定书籍开本开本比例确定文字和插图的位置25图图8 819/19/书籍设计书籍设计图图8 820/20/书籍设计书籍设计图819/书籍设计图820/书籍设计267.7.定稿定稿 将版式设计稿交客户过目，与客户多次沟通思想，交换意见后，完善设计稿，再经客户审完后定稿，然后在电脑上制作制板用的正稿。7.定稿27四、版式中正文设计的其它因素四、版式中正文设计的其它因素 版面设计中，除确定版面率，确定规范字体、字的大小、字距及行距外，还会涉及到正文设计中的其它因素。四、版式中正文设计的其它因素28 1.1.重点标志重点标志：在正文中，一个名词、人名或地名；一个句子或一段文字等可以用各种方法加以突出使之醒目，引起读者注意。在外文中，排装正文的斜体是最有效的和最美观的突出重点的方法。在中文中，一般用黑体、宋黑体、楷体、仿宋体及其它字体，以示区别正文。图图8 821/21/书籍正文设计书籍正文设计 图821/书籍正文设计292.2.段落区分段落区分 一般书籍的正文段落区分采用缩格的方法。每一段文字的起行留空，一般都占两个字的位置，也就是缩两格，但多栏排的书籍，每行字数不是很多时，起行也有只空一格的。段落起行的处理是为了方便阅读，也有一些书，从书籍的性质和内容出发，采用首写字加大、换色、变形等方法来处理。2.段落区分303.3.页码页码 页码是用于计算书籍的页数，可以使整本书的前后次序不致混乱，是读者查检目录和作品布局所必不可少的。图图8 822/22/书籍正文设计书籍正文设计3.页码图822/书籍正文设计31 多数图书的页码位置都放在版心的下面靠近书口的地方，与版心距离为一个正文字的高度。有将页码放在版心下面正中间的，也有放在上面、外侧和里面靠近订口的。排有页标题的书籍，页码可与页标题合排在一起。图图8 823/23/书籍正文设计书籍正文设计 多数图书的页码位置都放在版心的下面靠近书口的地方，与32 也有一些图书，某页面为满版插图时，或在原定标页码部位被出血插图所占用，应将页码改为暗码暗码，即不注页码，但占相应页码数。还有一些图书，正文则从“3、5、7”等页码数开始，而前面扉页、序言页等并没排页码，这类未标页码的前几页码被称之为空页码，也占相应页码数图图8 824/24/书籍正文设计书籍正文设计 也有一些图书，某页面为满版插图时，或在原定标页码部位33 页码字可与正文字同样大小，也可大于或小于正文字，有些图书页码还衬以装饰纹样、色块。但页码的装饰和布局必须统一在整个版面的设计中，夸大它的重要性是不必要的。书籍版式设计课件34 4.4.页眉（页标题页眉（页标题）页眉指设在书籍天头上页眉指设在书籍天头上比正文字略小的章节名或书比正文字略小的章节名或书名名。页码往往排在页眉同一行的外侧，页眉下有时还加一条长直线，这条线被称为书眉线。页眉的文字可排在居中，也可排在两旁。通常放在版心的上面，也有放在地脚处图图8 825/25/书籍正文设计书籍正文设计 4.页眉（页标题）图825/书籍正文设计355.5.标题标题 书籍中的标题有繁有简，一般文学创作仅有章题，而学术性的著作则常常分部分篇，篇下面再分章、节、小节和其它小标题等，层次十分复杂。为了在版面上准确表现各级标题之间的主次性，除了对各级字号、字体予以变化外，版面空间的大小，装饰纹样的繁简，色彩的变换等都是可考虑的因素。重要篇章的标题必要时可从新的一页开始，排成占全页的篇章页。5.标题36 标题的位置一般在版心三分之一到六分之一的上方。也有追求特殊效果把标题放在版心的下半部。应避免标题放在版心的最下边，尤其在单页码上，更要注意，要使标题不脱离正文。副标题在正标题的下面，通常用比正标题小一些的另一种字体。图图8 826/26/书籍正文设计书籍正文设计 标题的位置一般在版心三分之一到六分之一的上方。也有37 6 6注文注文 注文是对正文中某一名词、某一句、某一段文字等所加的解释。(1)夹 注 注文夹排在正文中间，紧接着被解释的正文后面。夹注的条件是注文很少，或者要注释的字数不多，用与正文字同号的字，前后加排括号或破折号直接进行解释。6注文38 （2 2）脚脚 注注 把本页的注文集中放在版心内正文下方的位置，顺序分条排列，这种脚注和正文在同一页上，既保持了版面的完整，又便于读者检阅，是一种最合理的方式。（3 3）后后 注注 把书籍中所有的注文用连续数字标出，集中顺序在正文的后面进行注释，称书后注。该页的注文排在本面的末尾，称页后注；另外还有篇后注，段后注等。（2）脚 注39（4 4）边边 注注 边注是从画册中图片的注文形式发展来的，一般用于科技书籍、画册图片的编号和简短的注释。注文的字体应比正文字体小一号或两号，行距也应相对缩小。注文必须放在版心以内，可以用一空行或加一条细线与正文隔开。（4）边 注407.7.插图插图 插图是书籍艺术中的一个重要部分，是对书籍内容的补充。插图可增强读者的趣味性，也可再现文字语言所表达的视觉形象，帮助读者理解内容。书籍的插图大致分为文艺性插图和科技文艺性插图和科技性插图性插图。7.插图41(1)(1)文艺性插图文艺性插图 选择书中有典型意义的人物和场面，用形象描绘出来。这类插图不仅可以增加阅读的兴趣，并且能够以艺术的形象加强作品的感染力，使读者留下更深刻的印象。图图8 827/27/书籍正文设计书籍正文设计(1)文艺性插图图827/书籍正文设计42（2 2）科技性插图）科技性插图 这样的插图大多用于科技读物及史地书籍，是为了帮助读者理解书的内容，以补充文字难于表达的部分。在表现手法上应力求清楚准确，能够说明问题。插图是书籍装帧总体的一部分，要求它的形式在书页版面上与文字相互协调，形成统一的效果。插图的位置可以和文字在同一页或文字对页或正文的后面，称为文间插图、单页插图和集合插图。（2）科技性插图43（3 3）插图的配置）插图的配置 在双页上，插图与文字有各种组合形式：整页的、半页的、在双页上，插图与文字有各种组合形式：整页的、半页的、通栏的、双页的、出血的等等通栏的、双页的、出血的等等。整页的插图通常与版心的大小一致；半页的插图，它的宽度应与版心一致，高度可不同；（3）插图的配置44 书籍插图的表现手法非常多，有手绘插图、木刻插图、铜刻插图、石印插图等。在设计风格上要和文字的形态、书籍的体裁相吻合，共同构成书籍的整体风格。图图8 828/28/书籍正文设计书籍正文设计 书籍插图的表现手法非常多，有手绘插图、木刻插图、铜刻45五、书籍装帧的版式设计五、书籍装帧的版式设计 文字、图形、色彩在版式设计中是三个密切相联的表现要素，就视觉语言的表现风格而言，在一本书中要求做到三者相互协调统一。书籍本身有许多种形式，在版式设计上要求各异。五、书籍装帧的版式设计46 1.1.文字群体编排文字群体编排 文字群体的主体是正文，全部版面都必须以正文为基础进行设计。一般正文都比较简单朴素，主体性往往被忽略，常需用书眉和标题引起注目。然后通过前文、小标题将视线引入正文。图图8 829/29/书籍正文设计书籍正文设计图图8 830/30/书籍正文设计书籍正文设计 1.文字群体编排图829/书籍正文设计图830/47文字群体编排的类型有：左右对齐左右对齐-将文字从左端至右端的长度固定，使文字群体的两端整齐美观；行首取齐，行尾听其自然行首取齐，行尾听其自然将文字行首取齐，行尾则随其自然或根据单字情况另起下行；中间取齐中间取齐将文字各行的中央对齐，组成平衡对称美观的文字群体；行尾取齐行尾取齐固定尾字，找出字头的位置，以确定起点，这种排列奇特、大胆、生动。图图8 831/31/书籍正文设计书籍正文设计文字群体编排的类型有：图831/书籍正文设计482.2.图文配合的版式图文配合的版式 图文配合的版式，排列千变万化，但有一点要注意，即先见文后见图，图必须紧密配合文字。2.图文配合的版式49 (1)(1)以图为主的版式以图为主的版式 儿童书籍以插图为主，文字只占版面的很少部分，有的甚至没有文字，除插图形象的统一外，版式设计时应注意整个书籍视觉上的节奏，把握整体关系。图片为主的版式还有画册、画报和摄影集等等。这类书籍版面率比较低，在设计骨格时要考虑好编排的几种变化。有些图片旁需要少量的文字，在编排上与图片在色调上要拉开，构成不同的节奏，同时还要考虑与图片的统一性。(1)以图为主的版式50 (2)(2)以文字为主的版式以文字为主的版式 以文字为主的一般书籍，也有少量的图片，在设计时要考虑书籍内容的差别。在设计骨格时，一般采用通栏或双栏的形式，所以较灵活地处理好图片与文字的关系。图图8 832/32/书籍正文设计书籍正文设计 (2)以文字为主的版式图832/书籍正文设计51 （3 3）图文并重的版式）图文并重的版式 一般文艺类、经济类、科技类等书籍，采用图文并重的版式。可根据书的性质，以及图片面积的大小进行文字编排，可采用均衡、对称等构图形式。现代书籍的版式设计在图文处理和编排方面，大量运用电脑软件来进行综合处理，带来许多便利，也出现了更多新的表现语言，极大地促进了版式设计的发展。（3）图文并重的版式52图图8 833/33/书籍正文设计书籍正文设计图833/书籍正文设计53图图8 834/34/书籍正文设计书籍正文设计图834/书籍正文设计54