设计积木 版式设计与配色教程

第 1章 设计积木：点、线、面/009

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

1.1.1　设计积木/010

1.1.2　一切从点开始/010

1.1.3　点是一个相对的概念/012

1.1.4　构成练习/014

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

1.2　点的构成原理及其应用/018

1.2.1　生活中点的构成/018

实例：点的构成/019

1.2.2　点在排版设计中的应用/020

实例：在排版设计中运用点/023

1.2.3　视觉度与视线引导/026

1.3　线的构成原理及其应用/029

1.3.1　线是运动的点/029

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

1.3.2　线是一个相对的概念/031

1.3.3　线在排版设计中的应用/031

实例：用线构成“设计积木”海报/034

实例：制作影展海报/037

1.4　面的构成原理及其应用/039

1.4.1　面与体/039

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

实例：海报中面与体的应用/047

1.4.3　点线面的组合运用：用点线面抽象分析图/056

实例：面构成图与线构成图的制作/057

1.5　点线面与视觉心理/060

1.5.1　视错觉枚举/060

1.5.2　视觉心理与设计原理/063

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



第　2章 经营空间：积木排版法/069

2.1　单元形的组合/070

2.1.1　单元形与网格/070

2.1.2　单元形的组合形式/072

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

实例：单元形组合构成的海报/075

实例：群组构成的图形与图案/077

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

实例：图形造型与海报构成/081

2.2　分割与构成/083

2.2.1　分割的作用/083

2.2.2　5种分割方式及其应用/084

技术专题：网格分割的分类/086

2.2.3　设计中的重复/087

2.2.4　设计中的对称/089

实例：对称构成练习/090

2.2.5　设计中的近似/093

实例：近似构成练习/095

2.2.6　设计中的特异/096

2.2.7　设计中的平衡/098

2.2.8　设计中的渐变/108

实例：渐变构成练习/110

2.2.9　设计中的发射/112

实例：制作同心式发射网格/114

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

2.2.10　设计中的肌理/115

实例：书法文字的肌理效果/119

2.3　三率一界/120

2.3.1　版面率设计/120

2.3.2　图版率设计/121

2.3.3　跳跃率设计/122

2.3.4　视界设计/123

2.4　排版的4个步骤/124

2.4.1　信息分组/124

2.4.2　网格与对齐/127

实例：建立网格系统/129

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

2.5　排版原则及四角布局/133

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

2.5.2　四角布局/137

2.6　排版问题诊断与版面细节/138

2.6.1　画面的“平”/138

2.6.2　画面的“乱”/144

技术专题：串联视觉/149

2.6.3　画面的“散”/151

2.6.4　画面的“花”/157

2.7　排版中的辩证法/166

2.7.1　排版是设计的骨骼/166

2.7.2　设计中的对比与调和/166

2.7.3　遵循网格与打破网格/172

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



第3章　万物有色：管理色彩/175

3.1　色彩原理与色彩的相关概念/176

3.1.1　色彩原理与色彩感知/176

技术专题：多种色光重叠混合形成白色/178

3.1.2　10个色彩基本概念/181

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

技术专题：色彩属性总结/197

3.1.4　色彩的视错觉/198

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

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

3.2　色彩三原则之一：色彩平衡原则/203

3.2.1　补色平衡/203

3.2.2　冷暖平衡/204

3.2.3　亮暗平衡（深浅平衡）/205

3.2.4　彩色与消色平衡/205

3.2.5　花色与纯色平衡/206

3.2.6　面积平衡/206

实例：色彩平衡原则的运用/207

3.3　色彩三原则之二：色彩聚焦原则/208

3.3.1　聚焦色与融合色/208

3.3.2　增强聚焦的应用/210

3.3.3　视线引导与两类对焦/211

3.3.4　主色与主体的关系/213

3.3.5　画面分层与聚焦/213

实例：色彩聚焦原则的运用/214

3.4　色彩三原则之三：色彩同频原则/218

3.4.1　同频管理/218

3.4.2　色相同频管理/221

3.4.3　两类色彩同频管理/222

3.4.4　色彩层次管理/223

3.4.5　色彩同频管理工具/224

实例：色彩同频管理/224

实例：制作色彩同频海报/227

实例：用色彩矩阵生成过渡色/229

实例：调节突兀的颜色过渡/232



第4章　随类赋彩：给“积木”以颜色/233

4.1　配色四步骤/234

4.1.1　定色调/234

4.1.2　定色差/238

4.1.3　随类赋彩/242

4.1.4　微调细节/243

4.2　配色方法/246

4.2.1　黄金色彩搭配比例与5色搭配/246

4.2.2　吸色法的应用/249

4.2.3　叠色法的应用/252

4.2.4　色板的自定义/254

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

实例：快速设计多种配色/259

4.2.6　配色的注意事项/262

4.3　配色诊断/265

4.3.1　配色“脏”/265

4.3.2　配色“灰”/268

4.3.3　配色“花”/273

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

4.3.4　配色“俗”/276

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

4.4　配色工具组/281

4.4.1　配色“周期表”/281

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

4.4.2　配色歌/283

4.4.3　在线配色工具/285



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

5.1　定位与审美基线/288

5.1.1　“好”设计的判断标准/288

5.1.2　平衡两个审美维度/291

5.1.3　定位与风格/293

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

5.1.5　为什么排版与配色难学/294

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

实例：海报设计解析与改稿/296

技术专题：重构颜色/307

实例：用户界面排版解析与改稿/307

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

实例：电商设计排版解析与改稿/319

5.3　气韵生动，回归直觉/325

5.3.1　想象力与设计直觉/325

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

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

实例：不同形式，同种频率/328

5.3.3　从照片到设计应用/330

5.3.4　从音乐到设计应用/330

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

5.3.6　师造化，得心源/332

5.4　传移模写，善借于物/334

5.4.1　设计游戏：一起来搭“设计积木”/334

5.4.2　90天习惯养成计划/335

5.4.3　技能节点编辑器/336

5.4.4　协作原则/336