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

第 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
8．6 手写字设计 168
案例：浓香豆浆粉 168

第9章 给关注找个理由：在版面中运用对比 169
9．1 大小对比 170
9．2 特异构成 172
9．3 疏密对比 174
9．4 虚实对比 177
9．5 质感对比 179
9．6 色彩饱和度对比 181
9．7 动静对比 183

第 10章 感觉差点意思：为版面增加设计感 185
10．1 增强空间感的方法 186
10．1．1 投影法 186
10．1．2 透视法 190
10．2 打造层次感的方法 193
10．2．1 叠压法 193
10．2．2 穿插法 197
10．3 制造延伸感的方法：破图而出法 200

第 11章 融会贯通：设计实战环节 203
11．1 海报设计 204
11．1．1 视觉之外：海报设计规范 204
11．1．2 案例解析：银河游戏海报设计 205
11．1．3 举一反三：换个版式 206
11．2 画册设计 209
11．2．1 视觉之外：画册设计规范 209
11．2．2 案例解析：旅人专访画册内页设计 211
11．2．3 举一反三：延续风格 213
11．3 包装设计 216
11．3．1 视觉之外：包装设计规范 216
11．3．2 案例解析：沙棘原浆包装设计 219
11．3．3 举一反三：换一种包装材料或版式结构 223
11．4 Banner设计 225
11．4．1 视觉之外：Banner设计规范 225
11．4．2 案例解析：公益课程宣传Banner设计 226
11．4．3 举一反三：以同系列进行扩展 227
11．5 长图设计 229
11．5．1 视觉之外：长图设计规范 229
11．5．2 案例解析：书店开业活动长图设计 231
11．5．3 举一反三：改变一下风格 233

附录 235
超市的传单真的很丑吗？ 235
“唯视觉论”思考陷阱 235
聚焦策略转化落地环节 236
学设计两年了，还是觉得没什么进步？ 238
设计师的“对数增长曲线技能” 239
设计师的“指数增长曲线技能” 239