书籍设计与印刷工艺项目式教程（AI协同）（微课版）课件 项目4 书籍版面设计

项目4书籍版面设计书籍设计与印刷工艺高等院校艺术设计精品系列教材CONTENTS4.1书籍版面的设计要点4.2书籍版面中的文字设计4.3书籍版面中的插图设计书籍版面中的色彩设计4.4项目实践4.54.1.1书籍版面的组成在一个二维页面上有序地排列书籍的文字、图片、色彩等，这个二维页面就可以称为书籍版面。书籍版面的主要组成部分如下。版心版心是书籍页面的基本框架，具体指放置书籍主要内容的区域。页边距页边距是指版心与页面边缘之间的距离，可分为左边距、右边距、上边距和下边距。出血在印刷时，为避免剪裁纸张时裁掉版面内容或破坏边距与版心的比例，而留出裁剪空间，用于界定这个裁剪空间位置的便是出血。4.1.2控制版面率和图版率图版率。图版率是指版面中图片面积与版面面积的比例。通常，版面中的图片数量越多，图片面积越大，图版率就越高；图片数量越少，图片面积越小，图版率就越低。版面率。版面率是指版心所占页面的比例，也就是版面的利用率。通常，版心并不会被内容完全填满，而是会有留白部分，同时页边距在一般情况下，基本都为留白部分，在这两种情况下，版面中自然会存在留白部分。书籍版面的主要组成部分4.1.3版心与页边距设计版心与页边距的大小密切相关。设计书籍版面时，应先考虑版心大小，这主要取决于书籍主体内容及容量，要综合考虑开本、字体大小、行距疏密等因素。大多数以文字为主的书籍版心是常规矩形，文字较多时版心宽度不宜过宽，因为在阅读时，单行过长的文字容易串行。页边距设计需要注重书籍内容的可读性和可视性，提升读者的阅读体验，便于读者书写和注释。4.1.4书眉与页码设计书眉是在版面天头处排列的文字，好像版面的“眉毛”而得名。书眉用于展示与书籍相关的名称，如书名、章节标题、篇题卷数、著作者等，有时也包括页码和装饰元素。一般情况下，奇数页书眉标注的是章节标题，偶数页书眉则会用来标注篇题；如果没有篇题，则奇数页书眉通常用来标注章节标题，偶数页书眉则会用来标注书名。4.1.4书眉与页码设计页码是书籍每页中标明页数次序的号码，用于统计书籍的总页数，并方便读者翻阅和定位书籍内容，一般位于页边距区域的中央或角落。书籍的前言页、目录页中的页码一般用罗马数字来表示，而正文中的页码则采用阿拉伯数字，便于读者快速查找。【案例】《茶楼人生》书眉与页码设计01案例背景《茶楼人生》是一部记录百年老茶楼中茶客众生相的纪实文学，开本尺寸为165mm×230mm，现需为其设计设置合适的页边距、版心、书眉和页码。要求其书眉与页码需贴合书籍质朴温暖、富有岁月感的气质，在保证清晰易读的功能性基础上，在细节中融入茶元素，提升整体的阅读意境与审美趣味。文学类书籍版心不宜过大，书眉可展示在天头区域，因此上边距可设置得稍大。整体配色以茶的绿色为主色；书眉可采用经典布局，左页印书名，右页印章节名，配以纤细的装饰线；字体选用古朴的宋体类，与书眉一角点缀极简的茶杯侧影和茶楼剪影，营造沉浸感。页码可位于页面底部，设计传统的祥云图形，来烘托百年茶楼随时光变迁、沧海桑田的历史感。02设计思路【案例】《茶楼人生》书眉与页码设计03操作提示绘制页码装饰元素。添加书眉文字。翻转页码装饰元素。查看效果。插入页码变量。绘制书眉装饰元素。新建符合版心和页边距要求的文件。【案例】《茶楼人生》书眉与页码设计4.1.5中缝设计中缝是指书籍中两个页面相连接的缝隙。书籍的阅读顺序一般都是从左到右，左右两张页面需通过中缝连接在一起。中缝可以有效固定书页，避免因书页松散、掉落或折叠等情况而影响阅读体验。4.1.6应用网格系统网格系统又称标准尺寸系统、网格设计、程序版面设计，是指基于理性思维和数学算法，将页面划分为若干个规则的网格，以便更高效地组织和排布页面中的文本、图片、表格等内容。在网格系统中，版心可以被细分成多个区域，每个区域都可以容纳一个或多个信息要素，并且这些信息要素可以根据不同的网格设计而获得不同的排版效果。4.1.6应用网格系统为了使版面呈现出更加美观、清晰和有序的效果，提高设计的效率和质量，设计师可以参考以下方法来构建网格系统，从而有组织地排布书籍内容。4.1.6应用网格系统CONTENTS4.1书籍版面的设计要点4.2书籍版面中的文字设计4.3书籍版面中的插图设计书籍版面中的色彩设计4.4项目实践4.54.2.1字体的选择书籍页面中使用的字体需要与书籍的内容风格和情感氛围相匹配。不同的字体具有不同的形态特征，会传递给读者不同的视觉感受和心理感受。圆体是由黑体演变而来的字体，结构方正，但字形饱满圆润，笔画圆头圆尾，笔画两端和转折处进行了圆角处理，富有亲和力，常用作繁体文字的字体，适用于报刊的标题、大字，以及与儿童、教学、女性、食品有关的书籍封面中。圆体楷体是一种标准正体字，具有重心平稳、形体工整、笔画平直清晰等特点，风格俊秀平和，带有文化气息，广泛应用于书籍封面、引文、分级标题、前言、图注，以及与婴幼儿和青少年有关的启蒙读物中。楷体宋体应用较广泛，其笔画横细竖粗，起笔与落笔处有额外的装饰，其外形纤细典雅、端庄工整，给人文艺、古色古香之感，通用性强，常用于前言、目录和内文中，是一般书籍中最常用的字体。宋体4.2.1字体的选择黑体笔画横平竖直、粗细统一，起笔与落笔处没有额外装饰，造型稳重、形体工整、厚实有力，给人稳重、现代化、简约时尚的感觉，能够表现出阳刚、正式、端庄等气质，常用于内文、标题中，也用于重点词句的强调。黑体手写体是使用硬笔或软笔等工具纯手动写出，或模拟这种手写效果的字体，其大小不一、形态各异，笔画自由多变，大多具有随意洒脱、艺术、自由、文化气质，适合排印书籍标题和重点语句。手写体艺术体是指一些非常规的特殊字体，其笔画和结构一般都进行了一些再加工。在书籍封面、目录、篇章页的设计中，针对少量文字使用艺术体，可以达到提升艺术感、美化画面、聚焦视线的效果。艺术体仿宋由宋体演变而来，字形修长，挺拔清秀，笔画粗细均匀，起、落笔处均有笔锋，显得锐利、棱角分明，颇具文化韵味，多用于注释、说明文字、参考文献、报刊中较短的正文、古典和仿古版面，以及散文、诗歌的排版中。仿宋4.2.2字号、行长、字距、行距与段距的设置字号即文字的大小，通常根据文字在书籍版面中的作用、书籍目标读者来确定。例如，标题文字的字号应较大，而正文的字号应小于标题文字；针对儿童和老年读者的书籍通常字号都应较大。字号设计原则01字距是指一行文字中文字与文字之间的距离，行距是指多行文字中行与行之间的距离，段距是指多段文字中段与段之间的距离。要想书籍中的文字层次清晰、视觉效果舒适，设计师需要合理设置字距、行距与段距。间距控制要素03行长是指一行文字的总长度。考虑到人的视线范围、书籍版面大小和文字的易读性，对于需要成年人连续阅读的书籍正文，每行文字的行长设置为20~30个字较为合适。行长设置规范024.2.3文字的编排010305两端对齐。居中对齐。穿插编排。020406单边对齐。倾斜编排。沿形编排。07适形编排。08突出首字。【案例】AIGC设计《跟着诗词去旅行》书名文字01案例背景《跟着诗词去旅行》是一本青少年书籍，集诗词赏析、旅游介绍、地理科普百科于一体，现该书需要设计书名的字体，要求效果独特，符合书籍主题。可选用书法与手写体结合的形式，契合诗词的古韵意境。为追求独特性和创新性，可使用AIGC工具进行设计。02设计思路step0103操作提示输入提示词并设置参数。打开即梦AI官网首页，在顶部的文本框中选择“图片生成”创作类型、“图片4.0”模型，“3︰4”比例，然后在文本框中输入“文字内容为”提示词，再单击“文字效果增强”按钮

，输入的提示词右侧将出现一对双引号，在双引号中输入要增强文字效果的跟着诗词去旅行”书名文字，然后在双引号外面继续输入提示词描述文字效果。【案例】AIGC设计《跟着诗词去旅行》书名文字step02单击

按钮，进入生成页面，即梦AI将生成四张图片。如若不满意，可单击

按钮多次尝试，AI每次生成的结果都会有所差别。最后选择满意的图片，单击“下载”按钮。CONTENTS4.1书籍版面的设计要点4.2书籍版面中的文字设计4.3书籍版面中的插图设计书籍版面中的色彩设计4.4项目实践4.54.3.1书籍中的插图方式全页插图是指插图几乎占据整个页面，该页面没有文字或只有少量说明性文字，一般一个章节或一个完整的故事可能会用到一幅全页插图。01全页插图跨页插图是指插图由一页跨越到另一页，内容大多较为复杂。02跨页插图连页插图是指在连续多页中采用同一主题、内容密切相关、逻辑连贯的特殊插图。03连页插图题图是指在书名或标题周围作为背景或装饰的插图，一般期刊、小说集、散文集常常用题图。04题图文中插图是指将插图和文字组合编排在同一页面中，一般占页面的四分之一或三分之一。05文中插图4.3.2书籍中插图的表现形式信息图表是指将信息转化为易于理解的、可视化的表现形式，采用图像、文字、图形、色彩等元素编排信息，将信息表达得更加形象、有秩序。信息图表科技图解是指以逻辑清晰、表现直观的插图来辅助解释文字，或是使用具有科学性的图形来解释复杂的自然规律及深层次的科学思想，常用于医学、生物、科学、工程、机械、军事及工具类书籍。科技图解艺术插图是指对书籍起到装饰和美化作用的插图，包含摄影照片、数字图形图像、手绘插图等多种表达手段，具有较强视觉冲击力和艺术感，可以弥补文字表现力的不足，带给读者更多想象空间，常用于美术、设计、儿童读物及文学类书籍。艺术插图4.3.2书籍中插图的表现形式【案例】AIGC生成和编辑诗词插图01案例背景为提高制作效率，拓展创意可能，跟着诗词去旅行》出版方准备使用AIGC为书中的诗词配上艺术插图，直观地展示诗词中的场景，烘托出诗词意境。现需要先为李白的《峨眉山月歌》设计插图，要求掌握原作的含义、意境和核心情感，采用中国画水墨写意的风格进行设计，视觉优美。上网搜集该诗词相关资料后，可归纳出以下场景：峨眉山的月影清光、平羌江的淙淙江声，以及从清溪向三峡的轻舟迅驶之。02设计思路【案例】AIGC生成和编辑诗词插图03操作提示CONTENTS4.1书籍版面的设计要点4.2书籍版面中的文字设计4.3书籍版面中的插图设计书籍版面中的色彩设计4.4项目实践4.54.4.1印刷色印刷色是将颜料、油墨等，通过涂抹或印刷附着在物体上的颜色。印刷色由C（Cyan，青色）、M（Magenta，洋红色）、Y（Yellow，黄色）和K（Black，黑色）按照不同百分比混合组成，因此常将C、M、Y、K称为印刷四原色。4.4.2书籍版面色彩搭配方式以同类色相为基础，进行不同明度或纯度的色彩搭配，这种配色方式可以塑造色彩单纯、整体感强的版面效果。同类色搭配类似色色相相近，采用类似色搭配可以为版面带来和谐统一、又富有变化的美感，带给读者协调舒适、平和亲近的感受。类似色搭配对比色的色彩跨度比较大，因此可以活跃版面，并使内容更加鲜明突出，可以表现出强烈的视觉感受，表达浓重的情感。对比色搭配互补色搭配对比最强，当需要表达强烈的感受时，可以运用互补色搭配，使画面既拥有强烈的色彩对比关系，又因色彩之间相互补充的关系，呈现出统一和谐的色彩效果。互补色搭配无彩色是指除了有彩色以外的其他颜色，即黑色、白色，以及两者之间的灰色。无彩色与有彩色搭配【案例】AIGC制订《丝路华彩：敦煌纹样录》版面色彩搭配方案01案例背景《丝路华彩：敦煌纹样录》一书以敦煌艺术、壁画纹样为核心内容，计划通过版面色彩传递其历史厚重感与艺术灵性，现需制订科学的色彩搭配方案，以精准展现敦煌美学特点。因传统的制作方式耗时且难以平衡历史质感与创新，因此可借助AIGC技术。将诉求和敦煌艺术相关的关键词拟定成提示词输入到AIGC工具中，即可基于历史文献与敦煌研究院的色卡数据，智能生成符合要求的色彩搭配方案。02设计思路【案例】AIGC制订《丝路华彩：敦煌纹样录》版面色彩搭配方案03操作提示输入提示词。生成配色方案。CONTENTS4.1书籍版面的设计要点4.2书籍版面中的文字设计4.3书籍版面中的插图设计书籍版面中的色彩设计4.4项目实践4.5项目实践——设计《星汉灿烂》内文版面1．任务背景本任务需要继续为《星汉灿烂》设计内文版面，可以书中第1章中的部分截选内容为例设计篇章页和正文页的页面模板，后续再将该模板用于全书内文。其中，篇章页要求图文结合，采用传统复古的风格，突出篇章名称文字，效果简洁大气；正文页要求设计