版式设计与配色方法专业教程

第 1章 点、线、面 009

1.1 用点、线、面构成世界 010

1.1.1 一切从点开始 010

1.1.2 点是一个相对的概念 011

课堂练习：了解画面构成 012

技术专题：将抽象作品转换为具象设计 014

1.2 点的应用 015

1.2.1 点在生活中的应用 015

课堂练习：掌握点构成视觉形象的原理 015

1.2.2 点在排版设计中的应用 016

课堂练习：在排版设计中应用点 018

1.2.3 视线引导与视觉度 020

1.3 线的应用 022

1.3.1 线是运动的点 022

技术专题：“格式塔”原理 023

1.3.2 线是一个相对的概念 023

1.3.3 线在排版设计中的应用 024

课堂练习：用线构成“设计积木”海报 025

课后习题：制作影展海报 026

1.4 面的应用 027

1.4.1 面与体 027

1.4.2 面与体在排版设计中的应用 030

课堂练习：海报中面与体的应用 032

1.5 点线面的组合应用 037

课堂练习：面构成图与线构成图的制作 037

1.6 点线面与视觉心理 039

1.6.1 视错觉枚举 039

1.6.2 视觉心理与设计原理 041

技术专题：形成“对称律”审美的原因 042



第 2章 经营空间：排版技法 045

2.1 单元形的组合 046

2.1.1 单元形与网格 046

2.1.2 单元形的组合形式 047

2.1.3 8种单元形组合形式在排版设计中的应用 049

课堂练习：单元形组合构成的海报 049

课堂练习：群组构成的图形与图案 051

技术专题：图形与图案的平面构成 052

课后习题：图形造型与海报构成 053

2.2 分割与构成 054

2.2.1 分割的作用 054

2.2.2 5种分割方式及其应用 055

技术专题：网格分割的分类 057

2.2.3 设计中的重复 058

2.2.4 设计中的对称 059

课堂练习：对称构成练习 060

2.2.5 设计中的近似 062

课堂练习：近似构成练习 064

2.2.6 设计中的特异 065

2.2.7 设计中的平衡 067

2.2.8 设计中的渐变 073

课堂练习：渐变构成练习 075

2.2.9 设计中的发射 077

课堂练习：制作同心式发射网格 079

技术专题：使用“混合工具”制作发射构成效果 079

2.2.10 设计中的肌理 080

课堂练习：书法文字的肌理效果 082

2.3 三率一界 083

2.3.1 版面率设计 084

2.3.2 图版率设计 085

2.3.3 跳跃率设计 085

2.3.4 视界设计 085

2.4 排版的4个步骤 086

2.4.1 信息分组 086

2.4.2 网格与对齐 089

课堂练习：建立网格系统 090

2.4.3 对比统一、视觉度与细节调整 092

2.5 排版原则及四角布局 093

2.5.1 排版四原则及其背后的设计原理 093

2.5.2 四角布局 096

2.6 排版问题诊断与版面细节 096

2.6.1 画面的“平” 096

2.6.2 画面的“乱” 101

技术专题：串联视觉 105

2.6.3 画面的“散” 106

2.6.4 画面的“花” 110

2.7 排版中的辩证法 117

2.7.1 排版是设计的骨骼 117

2.7.2 设计中的对比与调和 117

2.7.3 遵循网格与打破网格 121

2.7.4 变化的风格流派与不变的美学原理 122



第3章 万物有色：管理色彩 123

3.1 色彩的相关概念 124

3.1.1 色彩感知 124

3.1.2 10个色彩基本概念 125

3.1.3 不同色彩的特点及对应的视觉心理 134

技术专题：色彩属性总结 139

3.1.4 色彩的视错觉 139

3.1.5 针对性色彩感知练习及配色游戏 141

3.1.6 色彩数量的“心理阈值” 142

3.2 色彩三原则之一：色彩平衡原则 143

3.2.1 补色平衡 143

3.2.2 冷暖平衡 143

3.2.3 亮暗平衡（深浅平衡） 144

3.2.4 彩色与消色平衡 145

3.2.5 花色与纯色平衡 145

3.2.6 面积平衡 145

课堂练习：色彩平衡原则的运用 146

3.3 色彩三原则之二：色彩聚焦原则 147

3.3.1 聚焦色与融合色 147

3.3.2 增强聚焦的应用 148

3.3.3 视线引导与两类聚焦 149

3.3.4 主色与主体的关系 150

3.3.5 画面分层与聚焦 151

课堂练习：色彩聚焦原则的运用 151

3.4 色彩三原则之三：色彩同频原则 154

3.4.1 同频管理 154

3.4.2 色相同频管理 156

3.4.3 两类色彩同频管理 157

3.4.4 色彩层次管理 158

课堂练习：色彩同频管理 158

课后习题：制作色彩同频海报 160

课堂练习：用色彩矩阵生成过渡色 160

课堂练习：调节突兀的颜色过渡 162



第4章 随类赋彩：给“设计”以颜色 163

4.1 配色四步骤 164

4.1.1 定色调 164

4.1.2 定色差 167

4.1.3 随类赋彩 171

4.1.4 微调细节 172

4.2 配色方法 175

4.2.1 黄金色彩搭配比例与5色搭配 175

4.2.2 吸色法的应用 177

4.2.3 叠色法的应用 179

4.2.4 色板的自定义 181

4.2.5 多种配色方案的创建与甄选 185

课堂练习：快速设计多种配色 185

4.2.6 配色的注意事项 187

4.3 配色诊断 190

4.3.1 配色“脏” 190

4.3.2 配色“灰” 192

4.3.3 配色“花” 196

技术专题：灰色、暗色和脏色的相对性 198

4.3.4 配色“俗” 199

技术专题：4种配色问题及其解决方法 201

4.4 配色工具组 202

4.4.1 配色“周期表” 202

技术专题：PCCS色彩体系的9个色调总结 204

4.4.2 配色歌 204

4.4.3 在线配色工具 205



第5章 察形观色：排版配色通关 207

5.1 定位与审美基线 208

5.1.1 “好”设计的判断标准 208

5.1.2 平衡两个审美维度 211

5.1.3 定位与风格 212

5.1.4 设计表现力的x、y、z轴向 213

5.1.5 为什么排版与配色难学 213

5.2 形色相彰：实例解析与改稿 215

课堂练习：海报设计解析与改稿 215

技术专题：重构颜色 223

课堂练习：用户界面排版解析与改稿 224

技术专题：用左文右图的方式重构页面 230

课后习题：电商设计排版解析与改稿 231

5.3 气韵生动，回归直觉 233

5.3.1 想象力与设计直觉 233

技术专题：现代设计的起源 233

5.3.2 师法自然，激发艺术通感 235

课堂练习：不同形式，同种频率 236

5.3.3 从照片到设计应用 237

5.3.4 从音乐到设计应用 238

5.3.5 连接左右脑，沟通逻辑与感受 238

5.3.6 师造化，得心源 239