版式设计基础与实战 小白的进阶学习之路

一本讲解版式设计原理和技巧的专业教程，既有“内功心法”，又有“外功招式”。 平面设计类图书作者侯维静再度编写创作，既有成熟的经验，又有新的巧思。 书中知识点讲解通俗易懂，案例呈现设计感十足。既告诉你为什么这么做，又教你如何一步步做出来。 随书附赠一本实用的版式结构原型参考手册，123个版式结构原型图，让你做设计有参考。 随书附赠一张全书的知识点思维导图，清晰、直观呈现全书的结构和内容的关联性，让你学习过程不迷茫！

本书是一本系统和实用的版式设计教程，以浅显易懂的方式讲解版式设计的核心知识，帮助设计师快速掌握版式设计的相关技巧，轻松制作出精彩的设计作品。本书共11章：第1~3章讲解版式设计的基本原理，包括基础理论、栅格系统和文案撰写方面的知识；第4~7章讲解版式设计的关键技巧，包括文字、图片、线在版式设计中的运用和常见的版式结构；第8~10章讲解版式设计的进阶内容，包括字体设计、运用对比和提升画面设计感的技巧；第11章为实战演示部分，通过分析海报、画册、包装、Banner和长图的设计案例来详细讲解版式在实际工作中的运用。本书将设计技巧讲解得细致入微，在内容安排上由易到难、由点到面，可为设计师提供版式设计方法和灵感。本书适合平面设计师、平面设计专业的学生和自学版式设计的爱好者使用，也可以作为艺术设计专业的教材。

侯维静：品牌策划设计师，倾新品牌设计创办者。 已出版图书：《平面设计基础与实战——小白的进阶学习之路》

第1章 你一定能听懂：版式基础理论9
1.1 对齐 10
1.1.1 文本对齐 10
1.1.2 图文对齐 13
1.1.3 视觉对齐与软件对齐 14
1.2 对比 14
1.2.1 文本的对比方式 15
1.2.2 文字跳跃率 16
1.3 “亲密”原则 17
1.3.1 对相同信息归类 17
1.3.2 对不同信息分组 18
1.4 重复 19
1.4.1 样式的重复 19
1.4.2 品牌设计中的重复 20
1.5 版式设计中的点、线、面 21
1.5.1 面、线、点的形式与转化 21
1.5.2 点、线、面缺失后的效果 24

第2章 好用的辅助线：版心与栅格系统 25
2.1 版心 26
2.1.1 版心及其设置方法 26
2.1.2 版心的选择依据 28
2.2 栅格系统及其设置方法 30
2.2.1 栅格系统的适用场景 30
2.2.2 栅格系统的设置方法 32
2.3 栅格系统的具体应用 35
2.3.1 分栏的具体应用 35
2.3.2 网格的具体应用 39

第3章 事半功倍：设计师也需要懂文案 41
3.1 标题和广告语的“十要四不要” 42
3.1.1 记住这“十要”，灵感早来到 42
3.1.2 注意这“四不要”，文案更地道 47
3.2 提炼宣传点 49
3.2.1 提炼数字 49
3.2.2 提炼标题 50
3.2.3 提炼卖点 51
3.3 划分文案层级 52
3.4 构建文案框架 54
3.4.1 海报文案框架 54
3.4.2 包装文案框架 55
3.4.3 企业介绍画册文案框架 55
3.4.4 产品 服务画册文案框架 56

第4章 排版有质感的秘诀：合理的文字组合 57
4.1 字距与行距的设置 58
4.1.1 不同间距对版面氛围的影响 58
4.1.2 间距的设置逻辑 59
4.2 段落的设置 61
4.2.1 中文段落的设置方法 61
4.2.2 英文段落的设置方法 63
4.3 栏宽的设置 65
4.3.1 合适的栏宽设置 66
4.3.2 栏间距与段间距的关系 67
4.4 字体及其应用 68
4.4.1 不同字体的风格特征 68
4.4.2 字体的用途 71
4.4.3 字体的应用规范 72
4.5 字重和字号对版面的影响 74
4.5.1 突出和强调 74
4.5.2 表达版面情绪 76
4.6 文案层级的视觉逻辑 77
4.6.1 卡片文案的层级视觉化 77
4.6.2 名片文案的层级视觉化 78
4.6.3 登机牌文案的层级视觉化 80
4.6.4 包装文案的层级视觉化 81
4.7 符号的运用 83
4.8 文字组的排版公式和实例参考 85
第5章 完成合适的配图：图片的使用方法 89
5.1 选择图片 90
5.1.1 注意图片的品质 90
5.1.2 注意后期使用问题 90
5.1.3 注意图片表达的主旨 91
5.2 抠图 92
5.2.1 抠取对象为单个主体的图片 92
5.2.2 抠取对象为场景的图片 93
5.2.3 软件中的抠图操作 93
5.3 聚焦图片重点 94
5.3.1 裁切干扰部分 94
5.3.2 模糊非主体部分 95
5.3.3 直接放大重点部分 96
5.4 改变图片的原本含义 97
5.5 搭配手绘 98
5.5.1 用手绘使画面更有趣 98
5.5.2 用手绘延伸画面的含义 99
5.5.3 将手绘与实物相结合 99
5.6 调出满意的色调 100
5.6.1 使图片融入画面 100
5.6.2 赋予画面风格 100
5.6.3 拯救质量不佳的图片 101
5.6.4 黑白+彩色营造大片质感 102
5.7 做出有趣的剪贴画报 104
5.8 增加文字的摆放空间 106
5.8.1 根据画面风格增补空间 106
5.8.2 调整画面中心位置并叠加色块 106
5.9 处理不同风格色系的多图组合 108
5.9.1 统一的几何排布 108
5.9.2 统一的视觉秩序 109
5.9.3 统一的色调 110
5.10 排列组合多张图片 112
5.10.1 遵循自然规律 112
5.10.2 图片跳跃率 113
5.10.3 厘清内容的层级关系 114
5.11 色块是容易被忽视的重要配角 117
5.11.1 丰富版面，增强版面的构成感 117
5.11.2 聚焦重点，增强层次关系 118
5.11.3 暗示分类 119
5.11.4 以色块作为蒙版嵌入图片 120
5.11.5 色块形状的选择 120

第6章 版面中的线：引导视线 123
6.1 视觉中心与视线切入点 124
6.1.1 视觉中心 124
6.1.2 视线切入点 126
6.2 对角线扫视——古腾堡图表 127
6.3 线的表现形式与画面风格 129
6.3.1 横线型 130
6.3.2 竖线型 132
6.3.3 斜线型 133
6.3.4 多点连线型 134
6.3.5 射线型 135
6.4 有形的“线”与无形的“线” 136
6.4.1 有形的“线” 136
6.4.2 无形的“线” 137

第7章 不妨先背下来：几种常见的版式结构 139
7.1 上下式 140
7.2 左右式 142
7.3 对称式 144
7.4 向前一步走式 146
7.5 端盘子式 148
7.6 包围式 150
7.7 分格漫画式 152

第8章 自己动手，发挥创意：字体设计 155
8.1 路径造字 156
案例：爱宠乐园 156
案例：加油超省钱 158
8.2 矩形造字 160
案例：美格健身 160
8.3 自定义笔画造字 162
案例：逆风梦游 162
案例：多味郎 163
8.4 笔画替换造字 164
案例：荔韬 164
8.5 书法笔画造字 166
案例：利用矢量软件设计书法字体 166
案例：利用手绘板 iPad设计书法字体 167
……