版式攻略：版式设计原理与案例应用解析

01 基础篇
1-版式设计的概念 002
1.1 版面空间 002
1.2视觉规律 002
1.3设计原则 002
2-版式设计的构成 003
2.1  点构成 003
2.1.1  点作为背景元素 003
2.1.2  点作为点缀元素 003
2.2  线构成 004
2.2.1  线的连接作用 004
2.2.2  线的分割作用 004
2.2.3  线的强调作用 004
2.2.4  线的装饰作用 004
2.3  面构成 005
2.2.1  面的主体作用 005
2.2.2  面的承载元素作用 005
2.2.3  面的分割空间作用 005
3-版式的设计流程 006
3.1  前期准备 006
3.2  整理信息 006
3.3  选择字体 007
3.4  使用图形 008
3.5  确定构图形式 008
3.6  调整配色 008
3.7  优化与调整细节 008
4-常用的纸张尺寸 010
4.1  全张纸 010
4.2  纸张开本 010
02 文字篇
Chapter 01
字体基础
1-字体基础 016
1.1 字族 016
1.1.1 字重 016
1.1.2 字宽 017
1.1.3 样式 017
1.2 字体度量 017
2-中文字体 018
2.1 设计基础 018
2.1.1 汉字的基本笔画 018
2.1.2 汉字的基本结构 019
2.2 书法体篇 020
2.2.1 认识书法体 020
2.2.2 书法体的使用场景 022
2.2.3 书法体的使用技巧 024
2.3 宋体篇 026
2.3.1 认识宋体 026
2.3.2 宋体字笔画造型 027
2.3.3 宋体的使用场景 030
2.4 黑体篇 032
2.4.1 认识黑体 032
2.4.2 黑体字笔画造型 033
2.4.3 黑体的使用场景 036
2.5 圆体篇 038
2.5.1 认识圆体 038
2.5.2 圆体字笔画造型 039
2.5.3 圆体、卡通体使用场景 041
3-西文字体 042
3.1 拉丁字母的构造及各部位名称 043
3.2 衬线体 044
3.2.1 衬线体基本结构特征 044
3.2.2 古罗马体 046
3.2.3 旧风格体 046
3.2.4 过渡体 047
3.2.5 现代体 047
3.3 无衬线体 048
3.3.1 无衬线体基本结构特点 048
3.3.2 复古无衬线体 050
3.3.3 现代无衬线体 050
3.3.4 人文无衬线体 051
3.3.5 几何无衬线体 051
3.4 粗衬线体 052
3.5 哥特黑体 053
3.6 手写体 053
3.7 中文字体知识点总结 054
3.8 西文字体知识点总结 055
Chapter 02
字体选择
1-影响字体选择的因素 058
1.1 项目调性 058
1.2 行业属性 059
1.3 目标受众 060
1.4 参考优秀作品 060
2-设计案例示范 062
2.1 设计案例示范一稿 062
2.2 设计案例示范二稿 064
2.3 设计案例示范三稿 066
Chapter 03
字体搭配
1-字体搭配原则 070
1.1 限制字体数量 070
1.2 建立视觉层次 071
1.3 统一风格气质 072
1.4 中英文搭配原则 073
2-字体混合搭配 075
2.1 宋体 黑体 075
2.2 书法体 宋体 076
2.3 书法体 黑体 076
2.4 卡通体 圆体 077
2.5 创意体 黑体 077
Chapter 04
编排原则
1-亲密性原则 080
1.1 什么是亲密性原则 080
1.2 亲密性原则的运用 081
1.2.1 字间距设置 081
1.2.2 行间距设置 082
1.2.3 段间距设置 082
1.2.4 组间距设置 083
1.3 常用的空间分割形式 084
2-对齐原则 086
2.1 什么是对齐原则 086
2.2 文字编排的对齐方式 086
2.3 设计案例实操与解析 089
2.4 网格系统 092
3-重复原则 094
3.1 什么是重复原则 094
3.2 使用重复原则 094
3.3 重复原则的作用 097
4-对比原则 098
4.1 什么是对比原则 098
4.2 文字编排对比的形式 098
4.3 对比原则的作用 101
Chapter 05
正文编排设计
1-选择合适的字体和字号 104
1.1 字体 104
1.2 字号 105
2-文本的间距 106
2.1 字间距 106
2.2 行距 107
2.3 段间距 108
3-文字的编排方式 109
3.1 单行字数 109
3.2 孤字不成行 109
3.3 对齐方式 110
3.4 标点设置 110
3.4.1 标点避头尾 110
3.4.2 版面不整齐 111
3.5 设置文字与背景颜色 112
Chapter 06
标题编排设计
1-标题编排设计 114
1.1 字间距 114
1.2 行距 115
1.3 文字大小 116
1.4 断行节奏 116
2-标题编排形式 117
2.1 添加装饰 117
2.2 嵌入图形 117
2.3 文字叠加 118
2.4 错位排版 118
2.5 切割裁剪 118
2.6 轮廓描边 119
2.7 笔画删减 119
2.8 笔画拉伸 119
2.9 叠加材质 120
2.10 局部填充 120
2.11 重复构成 120
2.12 笔画拆分 121
2.13 扭曲变形 121
2.14 倾斜旋转 121
2.15 渐变叠加 122
2.16 加入外框背景 122
2.17 增加质感 122
Chapter 07
数字编排设计
1-数字字体推荐 124
2-时间编排设计 125
2.1 对比 125
2.2 简化 125
2.3 替代 126
2.4 添加 126
2.5 分行 127
2.6 对齐方式 127
2.7 纵向编排 127
2.8 时间编排案例参考 128
3-价格编排设计 130
03 图形篇
Chapter 01
图形的类型
与使用原则
1-图形的类型 136
1.1 直观传递信息的具象图形 136
1.2 形式简洁、内涵深刻的抽象图形 136
1.3 视觉优美、风格独特的绘画图形 137
1.4 创意十足、超现实的数字图形 137
1.5 形意共生的文字图形 137
2-图形的使用原则 138
2.1 清晰度 138
2.2 美观度 138
2.3 契合度 139
3-图像分辨率设置 140
3.1 图像分辨率 140
3.2 图像分辨率的常见问题 141
Chapter 02
图形裁切与
图文互动编排
1-图形裁切 146
1.1 矩形裁切 146
1.1.1 简化（裁剪多余内容） 146
1.1.2 放大（突出主体） 147
1.1.3 特写（特殊视觉体验） 148
1.2 异形裁切 149
1.2.1 几何形状 149
1.2.2 不规则形状 150
1.2.3 特定形状 151
1.3 轮廓裁切 152
2-图文互动编排 153
2.1 图文叠压 153
2.2 图文穿插 154
2.3 图文绕排 155
3-版面率与跳跃率 156
3.1 版面率 156
3.2 留白 156
3.3 版面率和留白对版面气质的影响 157
3.4 跳跃率 158
3.4.1 大小对比形成跳跃感 158
3.4.2 位置对比形成跳跃感 158
3.4.3 颜色对比形成跳跃感 158
3.5  设计案例示范 159
04 配色篇
Chapter 01
认识色彩
1-色彩三属性 164
1.1 色相 164
1.2 明度 164
1.3 饱和度（纯度） 165
1.4 无彩色和有彩色 165
2-色相环     166
3-色彩对比 166
3.1 色相对比 166
3.2 明度对比 167
3.3 饱和度（纯度）对比 167
3.4 冷暖对比 167
3.5 面积对比 167
Chapter 02
配色规划与方法
1-配色原则 170
2-配色步骤与方法 171
3-主色的选择 172
3.1 依据企业形象用色 172
3.2 根据主体色用色 173
3.3 依据行业属性用色 174
3.4 依据色彩情感用色 175
4-色彩情感与联想 176
4.1 红色 176
4.2 黄色 177
4.3 橙色 178
4.5 绿色 180
4.6 紫色 181
5-副色与点缀色的搭配方法 182
5.1 运用色相环 182
5.1.1 对比柔和的配色——同类色配色 183
5.1.2 对比柔和的配色——类似色、邻近色配色 184
5.1.3 对比柔和的配色特点与使用技巧 185
5.1.4 对比强烈的配色——对比色配色 186
5.1.5 对比强烈的配色——互补色配色 187
5.1.6 对比强烈的配色特点与使用技巧 188
5.1.7 中等对比的配色——中差色配色 189
5.2 使用配色网站Adobe Color 190
5.2.1 从“色轮”创建颜色 190
5.2.2 从图片创建颜色 191
5.2.3 从“探索”创建颜色 191
5.2.4 从“趋势”创建颜色 192
5.3 借鉴优秀作品 193
6-色彩色调 196
6.1 纯色调 194
6.2 明色调 195
6.3 浊色调 196
6.4 暗色调 197
6.5 实操案例解析 198
7-为什么会有“色差” 199
7.1 RGB模式 199
7.2 CMYK模式 199
7.3 印刷色的骨架——黑版 200
7.4 色域 201
7.5 如何减少色差 202
7.5.1 校准显示器 202
7.5.2 使用印刷色谱 203
7.5.3 打样 203
7.5.4 印刷校色 203
05 构图篇
Chapter 01
平衡稳定的构图
1-上下构图、左右构图 208
1.1 构图比例 210
1.1.1 黄金分割比例（1:1.618） 210
1.1.2 2:1和3:1比例 211
1.2 灵活运用 212
1.2.1 空间调整 212
1.2.2 曲线、斜线分割 213
1.2.3 串联空间 214
1.2.4 空间留白 216
1.2.5 满版图片 218
1.2.6 图片裁切 220
2-对称构图 221
2.1 上下对称、左右对称 221
2.2 中心对称 222
2.3 对角对称 223
Chapter 02
灵动活泼的构图
1-倾斜构图 226
1.1 倾斜构图的优点 226
1.2 构图形式与案例分析 226
1.2.1 主体倾斜 227
1.2.2 文字倾斜 230
1.2.3 元素倾斜 230
2-中心构图 232
2.1 中心构图的优点 232
2.2 构图形式与案例分析 233
2.2.1 放大主体 233
2.2.2 颜色对比 234
2.2.3 明暗对比 234
2.2.4 中心发散 235
2.2.5 借助画框 236
Chapter 03
理性严谨的构图
3-满版构图 237
3.1 满版构图的优点 237
3.2 构图形式与案例分析 238
3.2.1 文字满版 238
3.2.2 图片满版 240
3.2.3 图文混排 242
1-三角形构图 246
2-圆形构图 248
3-四边形构图 250
3.1 压四角 250
3.2 框架型 251