ps经典课程-书籍装帧(第七讲)

具有感情色彩的图片。
书籍装帧常见风格—人物传记类
这类书往往以人为主要的叙述对象， 因此最常见的设计方法就是直接把人
物的照片放在图书的封面上，给读者
视觉上造成一定的冲击力、最大程度 的吸引对人物传记感兴趣的读者目光。
02
封面设计的主要 元素
主要元素--文字
封面中的文字： 书籍封面文字主要包括书名、作者名
利用白色背景展现写真是表达主题的一条基本准则。
选择与照片色调相符的广告标记色 图中的圆形设置为明度比较高的青色，与照片色调风格相一致， 不会与白色背景形成太大的反差，案例中的多张图片素材也显得 自然、和谐。
案例分析三—之前
修改前：
过多使用色调鲜艳的原色 过多使用鲜艳色调的原色，形成嘈杂的印象，与图片素材的特点、 风格相背离，出现原色较多的情况下，注意其面积比例。 色调不统一 鲜艳的色彩的确比较醒目，但与画面中包含的暗淡色调不和谐。 色彩的色调没有统一。画面整体陷入十分凌乱的印象中。 副标题文字的可视性差 副标题应是设计的重点之一，图例中选用没有明度差的色彩，背
雅的颜色
3. 除了色相以外，色彩的明度和饱和度也 需要注意对比与协调。人眼容易区别色 相反差大、明暗对比强、饱和度高，细 节丰富的事物
03 色彩搭配
色彩常见寓意
色彩的冷暖
色彩的冷暖
JIS色相环暖色和冷色系色彩的分类： 色彩的冷暖感觉是人们在长期生活实践中由 于联想而形成的。红、橙、黄色常使人联想 起东方旭日和燃烧的火焰，因此有温暖的感 觉，所以称为“暖色”;蓝色常使人联想起高 空的蓝天、海洋、阴影处的冰雪，因此有寒 冷的感觉，所以称为“冷色“。 在JIS色相环中以红色和黄色为中心的色彩属 于暖色系的色彩。以蓝色为中心的色彩属于 冷色系的色彩。位于两者之间的色彩被称为
比的色彩，过于刺眼，造成图注与小标题之间的印象脱节。
案例分析一—之后
修改后：
黑色背景形成整体的统一效果 将背景整体设计成黑色，页面显得紧凑、尽显奢华感。标注写真 的数字也简约成白色镂空状。在整体的对比中彰显时尚、高档的 印象。
文字背景也统一成黑色
与图片的背景一致，文字部分的背景也统一成黑色。页面中被拍 摄物体的色彩显得更加醒目、特写效果更加突出。 标题中的关键字用重点色 标题中的关键字用图片中出现的红色，内容提要的文字采用白色 镂空的设计，显眼的位置搭配显眼的色彩，体现标题应有的醒目 效果。 通过白色镂空体现文字的统一效果 细节解说文字都统一为白色镂空的形式，搭配黑色的整体背景，
加拥挤。图片之间的底色显得十分刺眼，这种直线型的彩带使画
面显得呆板。 红色部分过于醒目 红色标记在画面中过于醒目，显得很突兀。对比之下，商品图片 显得无足轻重。
案例分析二—之后
修改后：
将使用的色彩控制在一种 通过控制出现在画面中色彩的种类，彰显图片部分的活力。 以浅色和中间色为中心 选用淡雅、明快的色调等浅色调或者暗色调、灰色调等比较顿的 中间色调，都是比较好的选择。应尽量避免出现鲜艳色调、浓重 的色调。 将底色设定为“白色”作为基本准则 体现宁静、稳重风格的杂志版面应尽量保留大面积的空白空间、
此相距120度的两种颜色搭配。由于
其对比较强，可使画面色彩更丰冨， 也更为突出。
色相环—互补色配色
互补色配色： 互补是指在色相上环彼此相距180度的两种颜色 搭配。常见的运用如红对绿、蓝对橙及黄对紫。
颜色对比最为强烈，非常有冲击力。但大面积
使用会给人一种审美疲劳感，并让画面产生浮 躁感。 互补色使用注意： 1.控制比例，一种为主色，另外一种作为辅助 或修饰色 2.可以降低一方明暗或饱和度，增强明暗对比， 缓冲对抗性 3.可以加入黑白灰作为调和色，缓冲对抗
书籍装帧的设计内容，包括对封面,护封,腰封,护页,扉页,前勒口,后勒口的设计
书籍装帧常见风格—儿童幼教
儿童幼教类书籍封面通常采用精美、 漂亮、生动有趣的儿童画来吸引小读
者。
此类书籍的封面还具有色彩鲜艳的特 点，在这程度上能够大幅度的提高小 读者的注意力。
书籍装帧常见风格—文学类
文学书籍的读者广泛，对于这一类书 籍在进行封面设计时应充分考虑能够
景十分鲜艳，文字色彩暗淡。降低副标题的可视性。
正文文字色彩给人厚重的印象 运用多种色彩的版面设计，文字色彩给人厚重的印象，与白色背 景对比过于强烈，造成文字内容显得十分厚重，缺乏生气。
案例分析三—之后
修改后：
出现多种色彩时，应控制原色的数量 出现多种色彩时，尽可能避免运用原色是上策。避免造成强烈的 视觉冲击效果，同时明快的配色可以体现轻松舒适的感觉。 统一整体色调 出现多种色彩时，应将色彩统一于一种或者彼此类似的色调中。 如此一来，画面的整体效果增强，看起来十分的整齐、舒服。画 面整体统一于淡雅的色调中。 副标题采用白色镂空设计 副标题采用白色镂空设计，增强了可视性，便于阅读。画面整体 在高明度的淡雅色调中统一。 选择五颜六色的文字色 画面的整体配色给人的感觉如春天一样轻柔，为防止产生厚重的 印象，正文文字采用同样的色调，与四周边框的颜色相搭配，体
书籍装帧作用
书籍装帧作用 • 保护书籍不受损坏。运输过程中，翻
阅过程中，和日光的照射过程中，对
书籍起到保护作用，便于长久保存 • 宣传介绍书籍内容。书籍封面上一般
会对书籍内容或精神进行简介
• 美化书籍吸引读者视线。美观的书籍 封面能吸引读者的目光，鼓励读者购
买。封面本身就是一个广告
书籍装帧设计内容
主要元素—图形
封面中的图形： 图形的艺术是以图形的形式来表达人的情感世 界，以特定的形象——具象、意象、抽象等形
象要素作为媒介来表达情感精神的一种精神语
言。通常包括摄影图片、绘画图形、抽象图形 和图表化图形的使用。图片的内容丰富多彩， 最常见的是人物、动物、植物、自然风光等。
图片是书籍封面设计的重要环节，它往往在画
主要元素--文字—排版
书名一般居于封面偏上的位置，字体最 大。如果有副书名，那么必须紧跟主书 名，字体一般来说比主书名小1~2号。 作者名的字号应小于主书名和副书名。 宣传文字应避免过大，不可喧宾夺主。
封面和封底等注意留有出血线，与成品
线保持3mm。文字（包括重要的标识 或其他图形）不宜贴近出血线，以防被 裁剪。
表现书籍内容或基本精神的插图，并
在版式设计上配合图书的主题。
书籍装帧常见风格—专业类
科技类书，包括其他各种专业书籍， 这类书大多供专业人员或具备一定专
业知识的读者阅读，大多数理解内页
书籍所述的相关知识，因此在封面设 计上不用太大众化。
书籍装帧常见风格—政治、经济类
政治、经济类书籍的内容一般比较严 肃或较为抽象，封面设计时较少使用
中性色色彩。
色相环
认识色相环： 十二色相环是由原色，二次色和三次色
组合而成。色相环中的三原色是红、黄、
蓝色，彼此势均力敌，在环中形成一个 等边三角形。 二次色是橙、紫、绿色，处在三原色之 间，形成另一个等边三角形。红橙、黄 橙、黄绿、蓝绿、蓝紫和红紫六色为三 次色。三次色是由原色和二次色混合而 成。
现自然风格。
案例分析四—之前
修改前：
背景给人冷清、孤寂的印象 白色背景是杂志设计中的基本选择，但是和案例中的食物主题不 符，给人冷清、孤寂的印象。食物图片的关键在于让读者感同身 受，仿佛感受到辛辣。滚烫的油炸食物。
标题文字颜色过于突出调
标题文字的蓝色与图片中的红色互为互补色，不仅标题文字的可 读性差，而且色彩的对比效果盖过了图片的体现的氛围，喧宾夺 主。 无意义的区分背景颜色 小幅图片的背景色不同，整个版面缺乏同一性，给人凌乱的印象。 而图片的底色是冷色系色彩。食物显得味道平平，不能引起读者 食欲。 食物图片与菜名文字重叠
白色的菜名文字与图片重叠，破坏了食物图片的视觉效果。而且
与说明注释文字有一定距离，画面看起来非常凌乱。。
案例分析四—之后
修改后：
黑色是最能衬托美食的颜色 黑色被誉为最能衬托美食的色彩。在案例中，将黑色作为背景色， 在版面中全面铺开，在暗色调中展现食物的美味和传统老店的高 档印象。主图中的红色也更加鲜明、突出。
白色镂空设计的标题文字衬托图片
采用特色字体书写的长标题采用白色镂空设计，显得整齐、干净。 白色标题文字与黑色背景、食物图片相得益彰，可读性强，视觉 效果好。画面中的文字统一为白色，体现一致、高档的印象。 在黑色的背景中，突出盘子的色彩 将图片简单的摆放在黑色的背景中，具有开阔视觉的效果。另外， 突出盘子的色彩，盘中的美食显得更加美味，能勾起读者的食欲。 避免菜名与文字与图片重叠 将菜名文字和说明注释文字编排在一起，不要与图片重叠。文字
色相环
色相之间（0度-180度），距离角度 越近，对比越弱，越远，越强烈。
右图显示的是十二色相环中的色彩关
系
色相环—邻近色配色
邻近色配色： 邻近色是指在色相上环彼此相距90度
的两种颜色搭配。由于其对比较弱，
容易达到和谐稳定又相对活跃的氛围。
源自文库
色相环—对比色配色
对比色配色： 对比色（间隔色）是指在色相上环彼
面中占很大面积，成为视觉中心，所以图片设 计尤为重要。需要注意图片与文字的协调关系， 以简洁明快为主，在图片上尽量用层次分明的 图片。
主要元素—色彩
封面中的色彩： 1. 控制颜色的数量，不宜过多，以致画面 产生浮躁感，尽量控制在三种色彩（指 色相）以内 2. 背景和文字的对比尽量要大：以便突出 主要文字内容，背景色一般采用素淡清
主要元素--文字--印刷体
印刷体： 常用的印刷字体有宋体、楷书、隶书、
黑体、仿宋等等。
印刷体沿用了规则美术体的特点，早期 的印刷体较呆板、僵硬，现在的印刷体
在这方面有所突破，吸纳了不规则美术
体的变化规则，大大丰富了印刷体的表 现力，而且借助电脑使印刷体处理方法 上既便捷又丰富，弥补了其个性上的不 足。
案例分析一—之前
修改前：
背景色不足 被放大的精致特写写真因为大面积的白色背景而显得平淡无奇。 写真中五颜六色的色彩也变得黯淡了许多。 色带影响图片的表现效果 在页面下端的三分之一处铺设色带是常见的设计手法，但案例中 艳丽的橙色抹杀了素材本身的颜色。虽然达到了明亮色彩的氛围， 但给人一种轻率、不稳重的印象。 标题文字颜色使用过多 也许是为了营造轻松、愉快的氛围，标题文字被标以多种色彩。 但如此一来整体缺乏统一性，而且难以阅读，与文字内容本身相 比，部分颜色成了最醒目的元素。 小标题文字颜色过于醒目 图注的小标题文字有配以不同的颜色，而且是与底色形成鲜明对
和出版社名。（通常也会有一些宣传
语） 封面文字中除书名外，均选用印刷字 体，故接下来主要介绍书名的字体。 常用于书名的字体分三大类：书法体、 美术体、印刷体。
主要元素--文字--书法体
书法体： 书法体笔划间追求无穷的变化，具有
强烈的艺术感染力和鲜明的民族特色
以及独特的个性。
主要元素--文字--书法体
体现较高的视觉识别效果。文字与画面背景之间形成鲜明的对比
效果。
案例分析二—之前
修改前：
色彩种类过多 画面中的色彩种类过多给人凌乱的感觉，画面显得杂乱无章。与 轻松、耐读的杂志风格背道而驰。 使用的色调与照片风格不相称 版面底色和文字色彩都具有鲜明的色调，经过曝光后呈现白色、 青色的图片质感不相符。蓝色等原色破坏了整体的氛围。 浓重的底色使版面显得十分拥挤 版面配色使用了较强的原色，使得图片元素较多的的画面显得更
书籍装帧
产品UI设计课程
01
书籍装帧概念
CONTENTS
目 录
02
封面设计的主要元素
03
色彩搭配
04
板式设计理论
01
书籍装帧概念
书籍装帧概念
书籍设计是一种整体视觉传达活动，目 标是用文字和符号等把作者思想记录并
印刷，将其传达给其他人。
“装帧”的基本含义包含了定制书籍的 材料和工艺、思想与艺术，表面与内部 因素的整体与局部，使开本、护封、书 脊、环衬、扉页、正文、插图乃至印刷、 装订等方面的环节成为一个和谐的整体。
美术体： 美术体又可分为规则美术体和不规则
规则的变化，具有变化丰富、个性突 出、设计空间充分、适应性强、富有
美术体两种。
前者作为美术体的主流，强调外型的 规整，点划变化统一，具有便于阅读 便于设计的特点。不规则美术体则在 这方面有所不同。它强调自由变形，
装饰性的特点。
无论从点划处理或字体外形均追求不