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

　　本书是关于设计排版与配色的教程，运用独特的“积木”理念讲解设计原理，提出并解决设计中会遇到的问题，再结合各种类型的实例操作，让读者进一步掌握设计理论与方法。本书内容循序渐进，从基础到进阶，确保读者在学习完本书之后能够制作出好的作品，掌握向更高设计水平发展的基础知识。本书共5章：第1章介绍什么是设计积木，以及如何通过积木学习设计中的点、线、面，为读者建立一个用于设计的观察与分析系统；第2章介绍如何运用积木进行排版，讲述单元形和网格的构成方式，以及分割在构成中的多种作用；第3章介绍如何管理与调整色彩，并对其进行分析与优化；第4章系统地介绍配色的基本原理和方法，并为“积木”添加合适的颜色；第5章介绍好作品中好内核的作用，以及排版与配色的相关知识。本书适合作为艺术设计专业的教材，也适合作为平面设计领域的入门及进阶教程。

　　贺浪，湖南省设计艺术家协会会员，从事电信、电子商务行业设计工作多年，曾服务于中国移动、御泥坊等公司。15年一线设计和教学经验，设计作品曾获红点设计大奖；将项目经验与理论建模结合汇总，出版了多本图书。

第 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