Chapter-11---图书装帧设计.pptx

InDesign平面设计案例教程从设计到印刷张炎 编著Chapter Chapter 1 11 1 图书装帧设计图书装帧设计 图书装帧作为一门独立的设计门类，从广义上来讲，是指图书文稿成书出版的整个设计过程，也是完成从图书形式的平面化到立体化的过程。图书装帧设计包括图书的开本、装帧形式、封面、腰封、字体、版面、插图、目录、装订等各个环节的艺术设计。本章从图书封面和目录入手，讲解图书封面设计与目录版面设计，读者可以学到许多实用的封面与目录处理方法，通过本章的学习读者能够独立完成各类图书的装帧设计。本章学习重点：l图书封面的制作l封底的制作l图书条形码的处理l书脊的制作l目录的导入l目录样式的设置与应用11.111.1图书设计的常用术语介绍图书设计的常用术语介绍1 1封面封面 封面又称封一、前封面、封皮、书面等。封面一般印有书名、作者、译者姓名和出版社的名称。封面起着美化书刊和保护书芯的作用。2 2封里封里 封里又称封二，是指封面的背页。封里一般是空白的，但在期刊中常用它来印目录或有关的图片。3 3封底里封底里 封底里又称封三，是指封底的里面一页。封底里一般为空白页，但期刊中常用它来印正文或其他正文以外的文字、图片。4 4封底封底 封底又称封四、底封。图书在封底的右下方统一印书号和定价，期刊在封底印版权信息，或用来印目录及其他非正文部分的文字、图片。5 5书脊书脊 书脊又称封脊。书脊是指连接封面和封底的书脊部。书脊上一般印有书名，册次(卷、集、册)，作者、译者姓名和出版社名，以便于查找。6 6书冠书冠 书冠是指封面上方印书名文字的部分。47 7书脚书脚 书脚是指封面下方印出版单位名称的部分。8 8目录目录 目录是书刊中章、节标题的记录，起到主题索引的作用，便于读者查找。目录一般放在书刊正文之前（期刊因印张所限，常将目录放在封二、封三或封四上）。9 9扉页扉页 扉页又称为书名页。扉页基本构成元素是书名、作者、卷次及出版者等。扉页的作用是使读者心理逐渐平静而进入正文阅读状态，扉页字体的选择不宜过于繁杂而缺乏统一的秩序感。1010版心版心 版心是指版面上容纳文字图表的部分，包括章、节标题、正文以及图、表、公式等。1111版口版口 版口是指版心左右上下的极限，在某种意义上即指版心。严格地说，版心是以版面的面积来计算范围的，版口则以左右上下的周边来计算范围。1212刊头刊头 刊头又称“题头”“头花”，用于表示文章或版别的性质，也是一种点缀性的装饰。刊头一般排在报刊、杂志、诗歌、散文的大标题的上边或左上角。1313破栏破栏 破栏又称跨栏。报刊杂志大多是分栏排的，这种在一栏之内排不下的图或表延伸到另一栏而占多栏的排法称为破栏排。1414天头天头 天头是指每面书页的上端空白处。1515地脚地脚 地脚是指每面书页的下端空白处。11.211.2图书尺寸的设置图书尺寸的设置 图书的外观是给人的第一印象，尺寸又是外观的重要表征，在我国图书尺寸一般有 64 开、32 开、16 开、8 开等不同规格。一般的图书在设计大小时，会与一张大纸尺寸相关联，这张纸对折一次成为两张（四页），称为对开；当再度对折以后，成为四张（八页），称为 4 开，依此类推分别为 16 开、32 开、64 开。在完成图书的制作后，拿到手中的图书尺寸往往会与设计的尺寸有一定的差异，其主要原因是成品尺寸=纸张尺寸修边尺寸的结果。11.311.3图书的分类及其设计要点图书的分类及其设计要点1 1儿童读物类儿童读物类2 2文学类文学类3 3人物传记类人物传记类4 4科学类科学类5 5政治、经济与管理类政治、经济与管理类11.411.4儿童图书装帧设计儿童图书装帧设计【实例效果展示】【案例学习目标】学习使用 InDesign 制作图书装帧，包括图书封面、封底、书脊元素的设置、图书目录的导入、设计目录样式等。【案例知识要点】使用“文字工具”输入图书内容、用“渐变”面板为主体文字填充颜色、用“矩形工具”绘制图书封底、用“钢笔工具”在目录中添加图案、设置“段落样式”为目录添加样式、用“字符样式”向目录文字添加着重号等。【创作要点：具象卡通图案】卡通通常采用夸张与变形的方式表现，其线条流畅，能给人带来轻松愉悦的视觉感。本案例需要为一本儿童图书制作封面和目录，为了吸引小朋友的注意，在图书的封面和目录中，采用了卡通船只、房屋、人物等卡通图案来与图书中的内容搭配，画面生动活泼、童趣盎然，与其他的图案相比，这样的处理方式更能突出整个设计的主题。除此之外，在内容的处理上，也选择了与画面风格相同的卡通字体，使整个画面更加吸引读者的眼球。【设计制作流程】确认图书品种定位，置入图书封面素材，在置入的图像上添加文字信息，制作图书封面；绘制与图书封面颜色相近的矩形作为图书封底，在封底中添加相关的文字信息，并进行图书条码的设计；制作图书书脊部分，在书脊上面输入图书类别、图书名称以及出版社等信息；绘制图案导入目录信息，设置段落样式和字符样式，对图书中的目录文本应用各种样式；在目录上面绘制图形，丰富目录效果，最后置入卡通图案，完成图书目录设计。11.4.111.4.1制作图书封面制作图书封面 Step 01Step 01：启用 InDesign CS6 程序，新建文件，在“图层”面板中创建“封面”图层，执行“文件 置入”菜单命令，把随书光盘 素材 11 01.ai素材图像置入右侧页面，如右图所示。Step 02 Step 02：用“文字工具”在图像左上角绘制文本框，执行“文字 字形”菜单命令，打开“字形”面板，单击面板中五角星图形，如右图所示，单击后在文本框中插入字形，如右图所示。Step 03 Step 03：将光标放置于五角星后方，然后输入文字“囊括热点”，如下图所示。Step 04Step 04：单击“字形”面板中的五角星图案，再次插入图形，经过反复操作，完成文字和字形的设置。Step 05Step 05：用“文字工具”选中文本框中的文字和五角星，打开“字符”面板，在面板中设置字体为“迷你简幼线”，字体大小为 60 点，字符间距为 100，如右图所示，设置后单击“色板”面板中的“纸色”，把文字和图形更改为白色效果，如下图所示。Step 06Step 06：选择“椭圆工具”，在文字“囊”上方绘制一个小圆，打开“颜色”面板，设置圆的填充色为 R227、G85、B19，如右图所示，然后执行“对象 排列 后移一层”菜单命令，把绘制的橙色小圆移至白色的文字下方。Step 07Step 07：锁定文字，用“选择工具”选择橙色小圆，然后复制多个圆形图形，并把这些图形移至对应的文字下方，设置好的效果如下图所示。Step 08Step 08：选择“矩形工具”，在文档中绘制一个矩形，并为绘制的矩形填充上与橙色小圆相同的颜色效果，如下图所示。Step 09 Step 09：用“文字工具”在矩形上绘制一个文本框，在文本框中输入“科普”二字，打开“字符”面板，设置字体为“迷你简雪峰”，字体大小为 45 点，字符间距为 100，如下图所示，再把文字颜色更改为白色。Step 10Step 10：使用“文字工具”在文字“科普”下方输入英文“Polular Science”，设置好以后，用“选择工具”选中编辑好的文字和图形对象，执行“对象 编组”命令，把文字和图形编组。Step 11Step 11：选择“钢笔工具”，在文档中绘制一条曲线路径，如下左图所示，在“控制”面板中将描边色设置为黑色，单击“路径文字工具”按钮，在绘制的路径上单击，输入文字“幼儿版”，打开“字符”面板，在面板中调整文字属性，如下中图所示，再将文字颜色更改为橙色，效果如下图所示。Step 12Step 12：用“文字工具”选中文本框中的文字，打开“描边”面板，设置描边“粗细”为 10 点，如左图所示，设置后单击“色板”面板中的“纸色”，更改描边颜色，为路径文本添加描边效果。Step 13 Step 13：使用“文 字 工 具”在页面中的合适位置分别输入文字“十”“万”“个”“为”“什”“么”，用“选择工具”选中输入的文字，执行“文字 创建轮廓”菜单命令，创建文字图形。Step 14 Step 14：选中文字“十”，双击“渐变色板工具”按钮，打开“渐变”面板，在面板中设置渐变颜色和渐变角度，为选中文字填充渐变效果，如下图所示。Step 15Step 15：执行“对象 效果 投影”菜单命令，打开“效果”面板，在面板中将“不透明度”设置为 52%，“距离”设置为 4 毫米，“角度”设置为 85，“大小”设置为 4 毫米，如右图所示。Step 16Step 16：单击“斜面和浮雕”样式，在展开的选项中选择“内斜面”样式，“大小”为 16毫米，“突出显示”的不透明度为 32%，阴影“不透明度”为 31%，如下左图所示，设置后单击“确定”按钮，应用效果，如下右图所示。Step 17Step 17：继续使用同样的方法，为另外几个主标题文字也填充渐变颜色，设置上类似的样式，然后结合“文字工具”和图形绘制工具，在页面中添加更多图形和文字，最后将出版社的标志置入页面下方。11.4.211.4.2图书封底的设计图书封底的设计 Step 01Step 01：创建“封底”图层，选择工具箱中的“矩形工具”，在左侧页面绘制一个矩形，打开“颜色”面板，在面板中把填充色设置为 RGB，为绘制的矩形填充颜色。Step 02Step 02：用“矩形工具”在蓝色矩形中间位置再绘制一个矩形，在“控制”面板中设置填充色为白色，执行“窗口 效果”菜单命令，打开“效果”面板，在面板中将“不透明度”设置为 55%。Step 03 Step 03：使用“矩形工具”再绘制一个稍小一些的矩形，在“控制”面板，将填充色设置为“无”，描边颜色为纸色，描边“粗细”为 20 点，如下图所示。Step 04 Step 04：执 行“文 件 置入”菜单命令，把随书光盘 素材1103、04.ai 图像置入画面中，置入后的文档效果如右图所示。Step 05 Step 05：选择“文字工具”，在页面中单击并拖曳鼠标，绘制文本框，在文本框中输入文字，打开“字符”面板，在面板中设置字体为“迷你简卡通”，字体大小为 100 点，字符间距为-50，设置后查看文字效果，如下图所示。Step 06Step 06：用“文字工具”选中文本框中的文字，在“控制”面板单击文字填色旁边的按钮，在展示的列表中单击颜色，更改文本颜色，效果如下图所示。Step 07 Step 07：使用“文字工具”输入文字，结合“字符”面板和“控制”面板调整文字和文字颜色，再在“控制”面板中的“旋转角度”文本框中输入旋转角度为 6，旋转文字，继续使用同样的方法，在文档中添加更多的文字效果。11.4.311.4.3添加条形码添加条形码 Step 01Step 01：使用“矩形工具”在画面中绘制一个矩形并把绘制的矩形填充为纸色，如右图所示。Step 02 Step 02：选择“直线工具”，按住 Shift键不放，单击并拖曳鼠标，绘制一条直线，如下图所示。Step 03Step 03：用“选择工具”选中绘制的直线，执行“编辑 拷贝”菜单命令，再执行“编辑 粘贴”菜单命令，复制直线并把复制的直线移到矩形上方，如下图所示。Step 04 Step 04：使用“文字工具”在白色的矩形中间位置绘制一个文本框，然后在文本框中输入数字编码，如下图所示，打开“字符”面板，在面板中对字体进行更改，将文字转换为条码效果。Step 05Step 05：用“选择工具”选中条形码文本，执行“文字 创建轮廓”菜单命令，把文字转换为图形，然后对文字图形进行缩放操作，效果如下图所示。Step 06Step 06：单击工具箱中的“直接选择工具”按钮，选中文字图形，将选中图形移到页面外，然后通过框选的方式，选中条码下方的数字，按下 Delete 键，删除数字，如下图所示。Step 07Step 07：单击“选择工具”按钮，选择制作好的条形码，将其移到白色矩形中间位置，然后同时选中白色矩形、线条等图形，打开“对齐”面板，单击面板中的“垂直居中对齐”按钮，对齐图形。Step 08Step 08：选择“文字工具”，在条形码旁边添加合适的文字信息，然后将添加的文字、白色矩形、条码、线条全部选中，按下快捷键 Ctrl+G，将选中对象编组，如下图所示。11.4.411.4.4制作书脊制作书脊 Step 01 Step 01：创建“书脊”图层，单击“钢笔工具”按钮，在画面中绘制一个不规则的三角形，然后设置填充色为 R0、G166、B114，为三角形填充颜色。Step 02Step 02：继续使用“钢笔工具”在已绘制的三角形旁边再绘制一个不同形状的三角形，用“选择工具”同时选中这两个三角形，按下快捷键 Ctrl+G，将图形编组，如下图所示。Step 03Step 03：单击“矩形工具”按钮，在文档中绘制两个不同大小的矩形，用“选择工具”选中绘制的矩形，打开“颜色”面板，分别把矩形的填充色设置为 R246、G197、B131 和 R156、G205、B64。Step 04Step 04：选择“文字工具”，在文档中绘制一个文本框，输入文字，打开“字符”面板，在面板中调整文字属性，如下图所示，用“文字工具”选中更改后的文字效果，单击“色板”面板中的“纸色”，更改文字颜色，效果如下图所示。Step 05 Step 05：用“选 择 工 具”选中文本框及文本框中的文字，执行“文 字 排列方向垂直”菜单命令，更改文字排列方向，效果如右图所示。Step 06 Step 06：继续使用“文字工具”在书脊上面输入更多的图书信息，然后分别调整这些文本对象，执行“文字 排列方向 垂直”菜单命令，更改文字排列方向，效果如右图所示。Step 07 Step 07：执行“文件 置入”菜单命令，将随书光盘 素材 1102.ai”标志图像置入书脊上，效果如下右图所示。11.4.511.4.5创建并置入图书目录创建并置入图书目录 Step 01Step 01：执行“文件 新建 文档”菜单命令，新建一个文档页面，用于制作图书目录，选择“钢笔工具”，在目录文档中绘制一个图形，然后设置填充色为 R247、G171、B95，更改图形颜色，使用同样的方法在目录上方绘制更多不同形状、颜色的图形效果，如下右图所示。Step 02 Step 02：选择“钢笔工具”，在已绘制的图形上面绘制一条曲线路径，然后在“控制”面板中将路径描边颜色设置为“纸色”，描边粗细值为 60 点，为绘制的路径添加白色的描边效果，如下图所示。Step 03 Step 03：选择“钢笔工具”，在文档下方再绘制一个不规则的图形，然后在“控制”面板中设置填充色为“纸色”，描边颜色为“无”，如下图所示。Step 04 Step 04：执行“版面 目录”菜单命令，打开“目录”对话框，如下左图所示，在对话框左侧的“目录样式”列表中选择一种格式，单击“添加”按钮，添加样式，如下右图所示，设置后单击“确定”按钮。Step 05 Step 05：添加样式以后，用光标在页面左侧的空白处单击，设置目录文本框，如下图所示。Step 06 Step 06：执行“文件 置入”菜单命令，把“目录.txt”置入目录文本框中。11.4.611.4.6段落样式的应用段落样式的应用 Step 01Step 01：选择工具箱中的“文字工具”，在文字“哺乳动物”上单击并拖曳鼠标，选中文字，如下图所示。Step 02 Step 02：打开“颜色”面板，在面板中将填充色设置为 R235、G97、B59，更改文字颜色，效果如下图所示。Step 03 Step 03：打开“字符”面板，在面板中设置字体为“迷你简少儿”，字体大小为80 点，行距为 160 点，其他参数不变，如左图所示，调整文字效果。Step 04 Step 04：执行“文字 段落样式”菜单命令，打开“段落样式”面板，单击面板底部的“创建新样式”按钮，如下左图所示，新建“段落样式 1”，如下右图所示。Step 05Step 05：双击“段落样式”面板中的“段落样式 1”，打开“段落样式选项”对话框，在对话框中设置段落样式名称为“目录-1 级标题”，如下图所示。Step 06Step 06：单击“段落样式”对话框中的“缩进和间距”选项，切换到该选项卡中，设置“首行缩进”值为 71.967 毫米，如右图所示。Step 07Step 07：单击“段落样式”对话框中的“制表符”选项，切换到该选项卡中，设置左对齐，X 为94.192 毫米，前导符在中间位置，如右图所示。Step 08Step 08：单击“段落样式”对话框中的“字符颜色”选项，切换到该选项卡中，设置字符颜色，如右图所示，设置后单击“确定”按钮，完成样式的设置。Step 09Step 09：将光标移到文字“虫虫世界”一排，再单击鼠标，显示光标插入点，如下左图所示，打开“段落样式”面板中的“目录-1 级标题”样式，如下中图所示，单击样式后为文字应用该样式效果，如下右图所示。Step 10 Step 10：继续使用同样的方法，选中其他一级标题文字，然后单击“目录-1 级标题”样式，应用样式，效果如下图所示。Step 11Step 11：用“文字工具”选中文字“长颈鹿的脖子为什么那么长？”，打开“颜色”面板，在面板中设置填充为 R102、G102、B102，如下图所示，更改选中文字的颜色。Step 12Step 12：打开“字符”面板，在面板中继续进行设置，将文字字体设置为“迷你简卡通”，行距为 120 点，字符间距为 25，其他参数不变，如左图所示，设置后的文字效果如下图所示。Step 13 Step 13：打开“段落样式”面板，单击面板底部的“创建新样式”按钮，如下左图所示，新建“段落样式 1”，如下右图所示。Step 14Step 14：双击“段落样式”面板中的“段落样式 1”，打开“段落样式选项”对话框，在对话框中设置段落样式名称为“目录-2级标题”，如下图所示。Step 15Step 15：单击“段落样式”对话框中的“缩进和间距”选项，切换到该选项卡中，设置“首行缩进”值为 40 毫米，如右图所示。Step 16Step 16：设置后单击“确定”按钮，返回文档窗口，查看设置样式后的文字效果，如下图所示。Step 17 Step 17：选择“文字工具”，将鼠标移到第三排文字右侧，单击放置光标插入点，再单击“段落样式”面板中的“目录-2 级标题”样式，如下图所示。Step 18Step 18：对第三排文字应用“目录-2级标题”样式，效果如下图所示，使用同样的方法，为目录文字进行样式的应用，应用后的效果如右图所示。Step 19Step 19：单 击“文字工具”按钮，选中“目录”二字，打开“字符”面板，将填充色设置为白色，更改文字颜色，如下图所示。Step 20 Step 20：打开“字符”面板，在面板中设置字体为“迷你简卡通”，字体大小为 140 点，行距为300 点，间距为-50，如右图所示，更改“目录”二字。Step 21 Step 21：单击“文字工具”按钮，在文字“哺乳动物”四个字上面单击并拖曳鼠标，选中文字，如右图所示。Step 22Step 22：打开“段落样式”面板，单击面板底部的“创建新样式”按钮，如下左图所示，新建“段落样式 1”，如下中图所示，双击“段落样式”面板中的“段落样式 1”，打开“段落样式选项”对话框，在对话框中设置段落样式名称为“目录主题”，如下右图所示，单击“确定”按钮。11.4.711.4.7字符样式的应用字符样式的应用 Step 01 Step 01：执行“窗口 字符样式”菜单命令，打开“字符样式”面板，单击面板底部的“创建新样式”按钮，新建“字符样式 1”，如左图所示。Step 02Step 02：双击“字符样式”面板中的“字符样式 1”，打开“字符样式选项”对话框，如下左图所示，在该对话框中将样式名称设置为“目录-1 级标题”，如下右图所示。Step 03 Step 03：单击“字符样式选项”对话框中的“着重号设置”选项，更换到相应的选项卡中，设置着重号“偏移”-5 点，“位置”为“下/左”，“大小”为 36 点，“字符”为“鱼眼”，如右图所示。Step 04 Step 04：单击“字符样式选项”对话框中的“着重号颜色”选项，在显示的选择中单击颜色列表中的颜色，设置着重号颜色，如右图所示，设置完成后单击“确定”按钮。Step 05 Step 05：返回文档页面，此时可以看到被选择的文字下方添加了鱼眼形状的着重号效果，如下图所示。Step 06Step 06：用“文字工具”选中文本“虫虫世界”，单击“字符样式”面板中“目录-1级标题”样式，为文字添加样式效果，如下图所示。Step 07Step 07：继续使用“文字工具”选中文字“地球的奥秘”和“好玩儿的科学”，然后单击“字符样式”面板中的“目录-1 级标题”样式，如下图所示，为文字添加相同的样式效果，如左图所示。Step 08Step 08：打开“字符样式”面板，单击面板底部的“创建新样式”按钮，如下左图所示，新建“字符样式 1”，如中图所示，双击“字符样式 1”，打开“字符样式选项”对话框，在对话框中输入样式名称为“目录-主文字 1”，如下右图所示。Step 09 Step 09：单击“字符样式选项”对话框中的“字符颜色”选项，在展开的选项卡中单击颜色列表中的蓝色，如左图所示，设置完成后单击“确定”按钮，创建“目录-主文字 1”字符样式。Step 10Step 10：用“文字工具”选中文字“脖子”，使其反相显示，如下左图所示，单击“字符样式”面板中的“目录-主文字 1”样式，如下中图所示，对选中文字应用该字符样式，更改选中文字的颜色，效果如下右图所示。Step 11Step 11：使用同样的方法，创建更多的字符样式，然后根据喜好对目录中的一部分文字应用不同的样式效果。11.4.811.4.8图书目录的调整图书目录的调整 Step 01Step 01：选择“椭圆工具”，按下 Shift键单击并拖曳鼠标，在文档页面中绘制一个图形，打开“颜色”面板，设置填充为 R143G219 B210，如下图所示，更改圆的颜色。Step 02 Step 02：单击“选择工具”按钮，选中绘制的圆形，连续执行几次“对象 排列 后移一层”菜单命令，把绘制的圆形移至文字下方，效果如下图所示。Step 03Step 03：选中绘制的圆形，执行“编辑 拷贝”菜单命令，复制图形，再执行“编辑 粘贴”菜单命令，粘贴复制图形，使用同样的方法复制更多圆形，根据版面需要，把这些圆放置到对应的文字下方，效果如下图所示。Step 04Step 04：选择“钢笔工具”，在文档页面绘制两个不同形状的图形，分别将其颜色填充为 R143、G219、B210、R118、G197、B240，如下图所示。Step 05 Step 05：用“选择工具”同时选中绘制的两个图形，执行“对象 排列 后移一层”菜单命令，把绘制的图形移到文字下方，然后在目录旁边添加英文“CONTENTS”，效果如下图所示。Step 06 Step 06：使用“文字工具”在目录旁边输入文字，打开“字符”面板，更改文字属性，然后运用“颜色”面板，分别对文字的填充颜色和描边颜色进行设置，如下图所示，设置后使文字颜色与整个画面颜色更一致。Step 07Step 07：继续使用“文字工具”再输入一排文字，结合“字符”面板和“颜色”面板调整文字效果，最后执行“文件 置入”菜单命令，将随书光盘 素材 110509.ai 卡通儿童图形置入画面中，完成目录的制作。11.511.5举一反三举一反三 通过前面小节的学习，我们学习并掌握了图书的装帧设计，其中包括图书封面、封底、书脊的制作，图书目录的导入以及目录样式的设计等，下面将利用前面所学知识对实例中的图书封面和目录进行调整，制作一个全新的封面和目录效果，如下图所示。操作要点：1用“选择工具”选择封面图形，结合“颜色”面板更改图形颜色；2在“字符样式”面板中更改样式选项，对目录中的文字应用新的样式效果；3使用“选择工具”选中目录中绘制的图形，根据页面整体风格更改页面中的图形颜色。11.611.6课后练习课后练习文学类图书装帧设计文学类图书装帧设计 一本图书不能没有封面，也不能没有目录，一个主题鲜明的封面搭配上条理清晰的目录，自然能获得更多读者的喜爱。本章主要学习图书封面与目录的装帧设计，为了进一步巩固本章所学知识，下面我们为大家准备了一个课后习题，学习制作文学类图书装帧设计，效果如下图所示。操作要点：1使用图“钢笔工具”和“矩形工具”在图书封面上绘制图形；2用“文字工具”在封面中输入文字并制作条码，创建文字轮廓，对文字填充渐变颜色；3创建新文档，导入目录，使用“段落样式”和“字符样式”面板为目录指定样式。