版式设计配色从入门到精通

第1章 色彩达人必学知识 ｜1

1.1 认识色彩 ｜2

1.2 色彩能够做什么 ｜2

1.2.1 识别判断 ｜2

1.2.2 衬托对比 ｜3

1.2.3 渲染气氛 ｜3

1.2.4 修饰装扮 ｜4

1.3 色彩的三大属性 ｜4

1.3.1 色相 ｜4

1.3.2 明度 ｜5

1.3.3 纯度 ｜6

1.4 色彩的心理感受 ｜7

1.4.1 色彩是有重量的 ｜8

1.4.2 色彩的冷暖 ｜8

1.4.3 前进色和后退色 ｜8

1.5 颜色搭配的基本原则 ｜9

1.6 主色、辅助色、点缀色的关系 ｜11

1.6.1 主色 ｜12

1.6.2 辅助色 ｜12

1.6.3 点缀色 ｜12

1.7 色彩的对比 ｜13

1.7.1 明度对比 ｜14

1.7.2 纯度对比 ｜14

1.7.3 色相对比 ｜15

1.7.4 面积对比 ｜17

1.7.5 冷暖对比 ｜18

第2章 版式设计基础知识 ｜19

2.1 构成版式的要素 ｜20

2.1.1 布局 ｜21

2.1.2 色彩 ｜21

2.1.3 文字 ｜21

2.1.4 图片/图形 ｜22

2.2 构成版式的点、线、面 ｜23

2.2.1 点 ｜24

2.2.2 线 ｜25

2.2.3 面 ｜26

2.2.4 点线面的混排 ｜26

2.3 版式的视觉流程 ｜27

2.3.1 单向视觉流程 ｜28

2.3.2 曲线视觉流程 ｜28

2.3.3 重心视觉流程 ｜29

2.3.4 导向性视觉流程 ｜30

2.3.5 反复视觉流程 ｜30

2.4 版式设计的基本程序 ｜31

第3章 了解基础色 ｜35

3.1 红 ｜37

3.2 橙 ｜38

3.3 黄 ｜39

3.4 绿 ｜40

3.5 青 ｜41

3.6 蓝 ｜42

3.7 紫 ｜43

3.8 黑、白、灰 ｜44

3.9基础色的使用原则 ｜45

第4章 版式设计的布局与色彩 ｜47

4.1 骨骼型和满版型 ｜48

4.1.1 骨骼型——竖向通栏 ｜49

4.1.2 骨骼型——双栏、三栏、四栏 ｜49

4.1.3 动手练习——将文字进行分栏 ｜50

4.1.4 设计师谈——利用曲线为画面增加活力 ｜50

4.1.5 配色实战——中明度色彩基调配色方案 ｜50

4.1.6 常见色彩搭配 ｜51

4.1.7 猜你喜欢 ｜51

4.1.8 满版型——饱满 ｜52

4.1.9 满版型——突出 ｜52

4.1.10 满版型——丰富 ｜53

4.1.11 满版型——灵活 ｜53

4.1.12 动手练习——增加画面颜色的纯度为画面增加活力 ｜54

4.1.13 设计师谈——使用隔离色使画面颜色层次分明 ｜54

4.1.14 配色实战——为插画添加同类色的背景颜色 ｜54

4.1.15 常见色彩搭配 ｜55

4.1.16 猜你喜欢 ｜55

4.2 分割型和中轴型 ｜56

4.2.1 分割型——自由分割 ｜57

4.2.2 分割型——等形分割 ｜57

4.2.3 分割型——规整分割 ｜58

4.2.4 分割型——黄金分割 ｜58

4.2.5 动手练习——调整图像位置增加画面节奏感 ｜59

4.2.6 设计师谈——利用重复性增加视觉印象 ｜59

4.2.7 配色实战——中明度色彩基调配色方案 ｜59

4.2.8 常见色彩搭配 ｜60

4.2.9 猜你喜欢 ｜60

4.2.10 中轴型——纵向 ｜61

4.2.11 中轴型——横向 ｜61

4.2.12 动手练习——将画面中元素旋转活跃画面气氛 ｜62

4.2.13 设计师谈——利用颜色纯度推移为画面增加空间感 ｜62

4.2.14 配色实战——文字类型海报配色方案 ｜62

4.2.15 常见色彩搭配 ｜63

4.2.16 猜你喜欢 ｜63

4.3 曲线型和倾斜型 ｜64

4.3.1 曲线型——分割型曲线 ｜65

4.3.2 曲线型——装饰型曲线 ｜65

4.3.3 曲线型——引导型曲线 ｜66

4.3.4 曲线型——构成型曲线 ｜66

4.3.5 动手练习——为画面添加曲线元素 ｜67

4.3.6 设计师谈——巧用视觉重心 ｜67

4.3.7 配色实战——低明度的色彩搭配 ｜67

4.3.8 常见色彩搭配 ｜68

4.3.9 猜你喜欢 ｜68

4.3.10 倾斜型——整体倾斜 ｜69

4.3.11 倾斜型——部分倾斜 ｜69

4.3.12 倾斜型——左高右低倾斜 ｜70

4.3.13 倾斜型——左低右高倾斜 ｜70

4.3.14 动手练习——利用互补色配色原理使封面更加具有吸引力 ｜71

4.3.15 设计师谈——巧用视觉流程 ｜71

4.3.16 配色实战——音乐海报配色方案 ｜71

4.3.17 常见色彩搭配 ｜72

4.3.18 猜你喜欢 ｜72

4.4 对称型和重心型 ｜73

4.4.1 对称型——完全对称 ｜74

4.4.2 对称型——类似对称 ｜74

4.4.3 动手练习——利用破版增加版面设计感 ｜75

4.4.4 设计师谈——作品中点、线、面的结合 ｜75

4.4.5 配色实战——装饰元素与主体物的配色方案 ｜75

4.4.6 常见色彩搭配 ｜76

4.4.7 猜你喜欢 ｜76

4.4.8 重心型——居中型重心 ｜77

4.4.9 重心型——向上型重心 ｜77

4.4.10 重心型——离心型重心 ｜78

4.4.11 重心型——向心型重心 ｜78

4.4.12 动手练习——修改图片尺寸 ｜79

4.4.13 设计师谈——统一图片间隔的距离 ｜79

4.4.14 配色实战——中纯度的色彩搭配 ｜79

4.4.15 常见色彩搭配 ｜80

4.4.16 猜你喜欢 ｜80

4.5 三角型和自由型 ｜81

4.5.1 三角型——正三角形 ｜82

4.5.2 三角型——倒三角形 ｜82

4.5.3 动手练习——利用分割线将版面自由分割 ｜83

4.5.4 设计师谈——利用元素衔接版面 ｜83

4.5.5 配色实战——插画的配色方案 ｜83

4.5.6 常见色彩搭配 ｜84

4.5.7 猜你喜欢 ｜84

4.5.8 自由型——并置自由型 ｜85

4.5.9 自由型——拼贴自由型 ｜85

4.5.10 动手练习——利用自由型的构图方式增加画面动感 ｜86

4.5.11 设计师谈——考虑人的视线方向 ｜86

4.5.12 配色实战——海报配色方案 ｜86

4.5.13 常见色彩搭配 ｜87

4.5.14 猜你喜欢 ｜87

第5章 版式设计的图片与色彩 ｜89

5.1 满版图片 ｜90

5.1.1 对称 ｜91

5.1.2 互动 ｜91

5.1.3 组合 ｜92

5.1.4 留白 ｜92

5.1.5 动手练习——利用满版图打造舒展的视觉效果 ｜93

5.1.6 设计师谈——色彩的重复 ｜93

5.1.7 配色实战——儿童书籍封面配色 ｜93

5.1.8 常见色彩搭配 ｜94

5.1.9 猜你喜欢 ｜94

5.2 方型与自由型 ｜95

5.2.1 方型——稳定 ｜96

5.2.2 方型——变换 ｜96

5.2.3 自由型——灵活 ｜97

5.2.4 自由型——创意 ｜97

5.2.5 动手练习——增加色度使画面更突出 ｜98

5.2.6 设计师谈——利用类似色的配色原理达到视觉上的平衡感 ｜98

5.2.7 配色实战——名片的配色 ｜98

5.2.8 常见色彩搭配 ｜99

5.2.9 猜你喜欢 ｜99

5.3 图片边框 ｜100

5.3.1 加粗式 ｜101

5.3.2 描边式 ｜101

5.3.3 形状式 ｜102

5.3.4 框中框式 ｜102

5.3.5 动手练习——为图片加边框 ｜103

5.3.6 设计师谈——灰色调的应用 ｜103

5.3.7 配色实战——中明度色彩搭配 ｜103

5.3.8 常见色彩搭配 ｜104

5.3.9 猜你喜欢 ｜104

5.4 图片数量 ｜105

5.4.1 图片数量多——生动 ｜106

5.4.2 图片数量多——饱满 ｜106

5.4.3 图片数量少——直观 ｜107

5.4.4 图片数量少——大方 ｜107

5.4.5 动手练习——适当留白为画面营造空间感 ｜108

5.4.6 设计师谈——巧用视觉的节奏 ｜108

5.4.7 配色实战——网页广告配色方案 ｜108

5.4.8 常见色彩搭配 ｜109

5.4.9 猜你喜欢 ｜109

5.5 说明图片 ｜110

5.5.1 美观 ｜111

5.5.2 新奇 ｜111

5.5.3 时尚 ｜112

5.5.4 简洁 ｜112

5.5.5 动手练习——为包装上的字体换个颜色 ｜113

5.5.6 设计师谈——白色的巧妙运用 ｜113

5.5.7 配色实战——暖色调的配色方案 ｜113

5.5.8 常见色彩搭配 ｜114

5.5.9 猜你喜欢 ｜114

5.6 插画运用 ｜115

5.6.1 新锐风格 ｜116

5.6.2 矢量风格 ｜116

5.6.3 线描风格 ｜117

5.6.4 涂鸦风格 ｜117

5.6.5 动漫风格 ｜118

5.6.6 混搭风格 ｜118

5.6.7 动手练习——为版面中的文字换一个合适的颜色 ｜119

5.6.8 设计师谈——将商品拟人化增加画面亲和力 ｜119

5.6.9 配色实战——插画场景色彩搭配 ｜119

5.6.10 常见色彩搭配 ｜120

5.6.11 猜你喜欢 ｜120

第6章 版式设计的文字与色彩 ｜121

6.1 文字的组合 ｜122

6.1.1 左右对齐——稳定 ｜123

6.1.2 齐中对齐——对称 ｜123

6.1.3 齐左对齐——常规 ｜124

6.1.4 齐右对齐——创新 ｜124

6.1.5 绕图排列——曲线 ｜125

6.1.6 绕图排列——硬朗 ｜125

6.1.7 动手练习——修改画面文字对齐方式 ｜126

6.1.8 设计师谈——文字不是越多越好 ｜126

6.1.9 配色实战——企业宣传手册内页配色方案 ｜126

6.1.10 常见色彩搭配 ｜127

6.1.11 猜你喜欢 ｜127

6.2 标题文字 ｜128

6.2.1 粗体文字——增加吸引力 ｜129

6.2.2 粗体文字——增强信息性 ｜129

6.2.3 斜体文字——活泼 ｜130

6.2.4 斜体文字——趣味性 ｜130

6.2.5 艺术字——强化主题 ｜131

6.2.6 艺术字——增加美感 ｜131

6.2.7 大文字——抢眼 ｜132

6.2.8 大文字——个性 ｜132

6.2.9 小文字——别致 ｜133

6.2.10 小文字——精巧 ｜133

6.2.11 动手练习——使标题文字更加突出 ｜134

6.2.12 设计师谈——统一文字颜色与画面颜色 ｜134

6.2.13 配色实战——柔和色调的配色方案 ｜134

6.2.14 常见色彩搭配 ｜135

6.2.15 猜你喜欢 ｜135

6.3 目录 ｜136

6.3.1 目录——平衡 ｜137

6.3.2 目录——创新 ｜137

6.3.3 目录——紧凑 ｜138

6.3.4 目录——简洁 ｜138

6.3.5 目录——规整 ｜139

6.3.6 目录——分割 ｜139

6.3.7 动手练习——为目录换一个灵活的版面 ｜140

6.3.8 设计师谈——无彩色搭配、单色搭配、两色搭配、三色搭配 ｜140

6.3.9 配色实战——三折页宣传单的配色方案 ｜141

6.3.10 常见色彩搭配 ｜141

6.3.11 猜你喜欢 ｜141

6.4 首字强调 ｜142

6.4.1 首字强调——常规 ｜143

6.4.2 首字强调——和谐 ｜143

6.4.3 首字强调——夸张 ｜144

6.4.4 首字强调——时尚 ｜144

6.4.5 动手练习——利用首字强调增加文字吸引力 ｜145

6.4.6 设计师谈——首字下沉 ｜145

6.4.7 配色实战——名片的配色 ｜145

6.4.8 常见色彩搭配 ｜146

6.4.9 猜你喜欢 ｜146

第7章 版式配色的应用 ｜147

7.1 书籍版式设计 ｜148

7.1.1 文学类——封面 ｜149

7.1.2 文学类——内页 ｜149

7.1.3 艺术类——封面 ｜150

7.1.4 艺术类——内页 ｜150

7.1.5 儿童类——封面 ｜151

7.1.6 儿童类——内页 ｜151

7.1.7 社科类——封面 ｜152

7.1.8 社科类——内页 ｜152

7.1.9 动手练习——更换为突出主体的背景 ｜153

7.1.10 设计师谈——调整色彩领地 ｜153

7.1.11 配色实战——请柬封面的常见色彩搭配 ｜153

7.1.12 常见色彩搭配 ｜154

7.1.13 猜你喜欢 ｜154

7.2 报纸版式设计 ｜155

7.2.1 创意 ｜156

7.2.2 多彩 ｜156

7.2.3 规整 ｜157

7.2.4 连贯 ｜157

7.2.5 动手练习——增加画面明度使画面视觉冲击力更加强烈 ｜158

7.2.6 设计师谈——互补色在平面设计中的应用 ｜158

7.2.7 配色实战——低纯度配色方案 ｜158

7.2.8 常见色彩搭配 ｜159

7.2.9 猜你喜欢 ｜159

7.3 杂志版式设计 ｜160

7.3.1 时尚类——封面 ｜161

7.3.2 时尚类——内页 ｜161

7.3.3 人文科学——封面 ｜162

7.3.4 人文科学——内页 ｜162

7.3.5 技术类——封面 ｜163

7.3.6 技术类——内页 ｜163

7.3.7 艺术类——封面 ｜164

7.3.8 艺术类——内页 ｜164

7.3.9 动手练习——增加画面颜色纯度 ｜165

7.3.10 设计师谈——小清新色调的应用 ｜165

7.3.11 配色实战——可爱风格色彩搭配 ｜165

7.3.12 常见色彩搭配 ｜166

7.3.13 猜你喜欢 ｜166

7.4 招贴海报版式设计 ｜167

7.4.1 电影海报 ｜168

7.4.2 文化海报 ｜168

7.4.3 商业海报 ｜169

7.4.4 公益海报 ｜169

7.4.5 动手练习——为矿泉水海报更换一个背景 ｜170

7.4.6 设计师谈——巧妙利用调和色 ｜170

7.4.7 配色实战——卡片色彩搭配 ｜170

7.4.8 常见色彩搭配 ｜171

7.4.9 猜你喜欢 ｜171

7.5 广告与宣传册 ｜172

7.5.1 广告单页 ｜173

7.5.2 广告折页 ｜173

7.5.3 DM杂志 ｜174

7.5.4 企业宣传册 ｜174

7.5.5 动手练习——为插图打造单色的复古色调 ｜175

7.5.6 设计师谈——大胆运用黑色 ｜175

7.5.7 配色实战——企业VI设计色彩搭配 ｜175

7.5.8 常见色彩搭配 ｜176

7.5.9 猜你喜欢 ｜176

第8章 综合版式配色 ｜177

8.1 活力旅游网站 ｜178

8.1.1 项目分析 ｜178

8.1.2 案例分析 ｜178

8.1.3 版式分析 ｜179

8.1.4 配色方案 ｜180

8.2 创意电影海报 ｜182

8.2.1 项目分析 ｜182

8.2.2 案例分析 ｜182

8.2.3 版式分析 ｜183

8.2.4 配色方案 ｜184

8.3 家具网站促销广告 ｜186

8.3.1 项目分析 ｜186

8.3.2 案例分析 ｜186

8.3.3 版式分析 ｜187

8.3.4 配色方案 ｜188

8.4 品牌服装宣传广告 ｜190

8.4.1 项目分析 ｜190

8.4.2 案例分析 ｜190

8.4.3 版式分析 ｜191

8.4.4 配色方案 ｜192

8.5 商场宣传招贴 ｜194

8.5.1 项目分析 ｜194

8.5.2 案例分析 ｜194

8.5.3 版式分析 ｜195

8.5.4 配色方案 ｜196

8.6 数码时尚杂志内页 ｜198

8.6.1 项目分析 ｜198

8.6.2 案例分析 ｜198

8.6.3 版式分析 ｜198

8.6.4 配色方案 ｜199