从方法到实践：手把手教你学平面设计

1平面设计理论

●1.1什么是平面设计/002

●1.2传统平面设计知识/004

1.2.1传统符号/005

1.2.2神韵传承/005

1.2.3传统图像/006

1.2.4传统美术色彩/006

●1.3移动互联网方面的平面设计/007

1.3.1合理夸张/008

1.3.2以小见大/008

1.3.3借用比喻/008

●1.4平面设计的六大法则/009

1.4.1直接展示/009

1.4.2突出特征/010

1.4.3对比衬托/010

●1.5平面设计的四大原则/010

1.5.1目的性原则/012

1.5.2内涵性原则/012

1.5.3个性化原则/013

1.5.4艺术性原则/014



2平面设计基础

●2.1构成平面的要素/017

2.1.1布局/017

2.1.2色彩/017

2.1.3文字/018

2.1.4图片/图形/018

●2.2构成平面的点、线、面/019

2.2.1点/020

2.2.2线/021

2.2.3面/022

2.2.4点、线、面的混排/022

●2.3平面设计的视觉流程/023

2.3.1单向视觉流程/023

2.3.2曲线视觉流程/024

2.3.3重心视觉流程/024

2.3.4导向性视觉流程/025

2.3.5反复视觉流程/025

●2.4平面设计中色彩搭配/026



3基础色与平面设计

●3.1红/030

3.1.1认识红色/030

3.1.2应用实例/030

3.1.3喜庆热烈的红色/031

3.1.4女人味十足的玫瑰红色/031

3.1.5常见色分析/032

3.1.6猜你喜欢/032

●3.2橙/033

3.2.1认识橙色/033

3.2.2应用实例/033

3.2.3橙色营造复古气氛/034

3.2.4美味的阳橙色/034

3.2.5常见色分析/035

3.2.6猜你喜欢/035

●3.3黄/036

3.3.1认识黄色/036

3.3.2应用实例/036

3.3.3茉莉黄色与金黄色搭配/037

3.3.4轻快跃动的鲜黄色/037

3.3.5常见色分析/038

3.3.6猜你喜欢/038

●3.4绿/039

3.4.1认识绿色/039

3.4.2应用实例/039

3.4.3令人安心的常春藤绿色/040

3.4.4青春活力苹果绿色/040

3.4.5常见色分析/041

3.4.6猜你喜欢/041

●3.5青/042

3.5.1认识青色/042

3.5.2应用实例/042

3.5.3低沉厚重的深青灰色/043

3.5.4干净清爽的白青色/043

3.5.5常见色分析/044

3.5.6猜你喜欢/044

●3.6蓝/045

3.6.1认识蓝色/045

3.6.2应用实例/045

3.6.3深沉忧郁的蓝色调/046

3.6.4青春活力天蓝色/046

3.6.5常见色分析/047

3.6.6猜你喜欢/047

●3.7紫/048

3.7.1认识紫色/048

3.7.2应用实例/048

3.7.3华丽的紫色调/049

3.7.4神秘梦幻的紫色调/049

3.7.5常见色分析/050

3.7.6猜你喜欢/050

●3.8黑、白、灰/051

3.8.1黑色/051

3.8.2白色/051

3.8.3灰色/052

3.8.4应用实例/053

3.8.5猜你喜欢/053



4平面设计的文字和图形图像

●4.1平面设计中的文字/056

4.1.1文字/057

4.1.2数字/061

●4.2平面设计中的图形和图像/065

4.2.1几何图形/066

4.2.2共生图形/070

4.2.3异影图形/074

4.2.4图像/078



5平面设计的构图方法

●5.1和谐/085

5.1.1手把手教你——和谐构图的设计方法/085

5.1.2和谐构图的设计方案，设计流程/086

5.1.3和谐构图的食品平面设计/087

5.1.4和谐构图的交通工具平面设计/088

5.1.5和谐构图的小妙招——配色和谐/088

5.1.6优秀作品赏析/089

●5.2对称/089

5.2.1手把手教你——对称构图的设计方法/089

5.2.2对称构图的设计方案，设计流程/090

5.2.3对称构图的电影平面设计/091

5.2.4对称构图的标志平面设计/092

5.2.5对称构图的小妙招——图形对称/092

5.2.6优秀作品赏析/093

●5.3对比/093

5.3.1手把手教你——对比构图的设计方法/094

5.3.2对比构图的设计方案，设计流程/094

5.3.3对比构图的电影平面设计/096

5.3.4对比构图的食品平面设计/096

5.3.5对比构图的小妙招——不同形状，不同大小/097

5.3.6优秀作品赏析/097

●5.4平衡/098

5.4.1手把手教你——平衡构图的设计方法/098

5.4.2平衡构图的设计方案，设计流程/099

5.4.3平衡构图的服装平面设计/100

5.4.4平衡构图的节日平面设计/101

5.4.5平衡构图的小妙招——面积和颜色的巧妙运用/101

5.4.6优秀作品赏析/102

●5.5重心/102

5.5.1手把手教你——重心构图的设计方法/102

5.5.2重心构图的设计方案，设计流程/103

5.5.3重心构图的食品平面设计/105

5.5.4重心构图的电影平面设计/105

5.5.5重心构图的小妙招——突出中心，利用对比/106

5.5.6优秀作品赏析/106

●5.6比例/106

5.6.1手把手教你——比例构图的设计方法/107

5.6.2比例构图的设计方案，设计流程/108

5.6.3比例构图的时尚类平面设计/109

5.6.4比例构图的食品平面设计/109

5.6.5比例构图的小妙招——整体和谐/110

5.6.6优秀作品赏析/110

●5.7节奏/110

5.7.1手把手教你——节奏构图的设计方法/111

5.7.2节奏构图的设计方案，设计流程/112

5.7.3节奏构图的音乐平面设计/113

5.7.4节奏构图的节日平面设计/113

5.7.5节奏构图的小妙招——重复与连续/114

5.7.6优秀作品赏析/114

●5.8韵律/115

5.8.1手把手教你——韵律构图的设计方法/115

5.8.2韵律构图的设计方案，设计流程/116

5.8.3韵律构图的音乐平面设计/117

5.8.4韵律构图的电影平面设计/117

5.8.5韵律构图的小妙招——巧用圆形/118

5.8.6优秀作品赏析/118



6平面设计的行业分类与色彩的关系

●6.1食品类/120

6.1.1手把手教你——食品类平面设计的方法/121

6.1.2食品类平面设计的方案，设计流程/122

6.1.3食品类平面设计/123

6.1.4食品类平面设计的小妙招——使用暖色与自然色构成画面/124

6.1.5优秀作品赏析/124

●6.2服饰类/124

6.2.1手把手教你——服饰类平面设计的方法/125

6.2.2服装类平面设计的方案，设计流程/126

6.2.3服装类平面设计/127

6.2.4服装类平面设计的小妙招——巧妙使用纯色背景/128

6.2.5优秀作品赏析/128

●6.3汽车类/129

6.3.1手把手教你——汽车类平面设计的方法/129

6.3.2汽车类平面设计的方案，设计流程/130

6.3.3汽车类平面设计/131

6.3.4汽车类平面设计的小妙招——巧妙使用背景/132

6.3.5优秀作品赏析/132

●6.4科技类/133

6.4.1手把手教你——科技类平面设计的方法/133

6.4.2科技类平面设计的方案，设计流程/134

6.4.3科技类平面设计/135

6.4.4科技类平面设计的小妙招——巧用蓝色/136

6.4.5优秀作品赏析/136

●6.5化妆品类/137

6.5.1手把手教你——化妆品类平面设计的方法/137

6.5.2化妆品类平面设计的方案，设计流程/138

6.5.3化妆品类平面设计/139

6.5.4化妆品类平面设计的小妙招——用人物展现产品/140

6.5.5优秀作品赏析/140

●6.6文娱类/140

6.6.1手把手教你——文娱类平面设计的方法/141

6.6.2文娱类平面设计的方案，设计流程/142

6.6.3文娱类平面设计/143

6.6.4文娱类平面设计的小妙招——暗色系背景的巧妙运用/144

6.6.5优秀作品赏析/144

●6.7教育类/144

6.7.1手把手教你——教育类平面设计的方法/145

6.7.2教育类平面设计的方案，设计流程/146

6.7.3教育类平面设计/147

6.7.4教育类平面设计的小妙招——文字的使用/148

6.7.5优秀作品赏析/148

●6.8家居类/149

6.8.1手把手教你——家居类平面设计的方法/149

6.8.2家居类平面设计的方案，设计流程/150

6.8.3家居类平面设计/151

6.8.4家居类平面设计的小妙招——使用照片作为背景/152

6.8.5优秀作品赏析/152

●6.9建筑类/152

6.9.1手把手教你——建筑类平面设计的方法/153

6.9.2建筑类平面设计的方案，设计流程/154

6.9.3建筑类平面设计/155

6.9.4建筑类平面设计的小妙招——以建筑为主体/156

6.9.5优秀作品赏析/156

●6.10出版类/156

6.10.1手把手教你——出版类平面设计的方法/157

6.10.2出版类平面设计的方案，设计流程/158

6.10.3出版类平面设计/159

6.10.4出版类平面设计的小妙招——使用照片作为背景/160

6.10.5优秀作品赏析/160



7平面色彩的视觉印象

●7.1饱满/163

7.1.1手把手教你——饱满视觉印象的设计方法/163

7.1.2饱满视觉印象的设计方案，设计流程/164

7.1.3饱满视觉印象的平面设计/165

7.1.4饱满视觉印象平面设计的小妙招——巧用橙色/166

7.1.5优秀作品赏析/166

●7.2甜美/166

7.2.1手把手教你——甜美视觉印象平面设计的方法/167

7.2.2甜美视觉印象平面设计的方案，设计流程/168

7.2.3甜美视觉印象的平面设计/169

7.2.4甜美视觉印象平面设计的小妙招——粉色系的搭配/170

7.2.5优秀作品赏析/170

●7.3温暖/170

7.3.1手把手教你——温暖视觉印象平面设计的方法/171

7.3.2温暖视觉印象平面设计的方案，设计流程/172

7.3.3温暖视觉印象的平面设计/173

7.3.4温暖视觉印象平面设计的小妙招——黄色的魅力/174

7.3.5优秀作品赏析/174

●7.4凉爽/174

7.4.1手把手教你——凉爽视觉印象平面设计的方法/175

7.4.2凉爽视觉印象平面设计的方案，设计流程/176

7.4.3凉爽视觉印象的平面设计/177

7.4.4凉爽视觉印象平面设计的小妙招——运用清凉的蓝色/178

7.4.5优秀作品赏析/178

●7.5炫酷/178

7.5.1手把手教你——炫酷视觉印象平面设计的方法/179

7.5.2炫酷视觉印象平面设计的方案，设计流程/180

7.5.3炫酷视觉印象的平面设计/181

7.5.4炫酷视觉印象平面设计的小妙招——色彩的明暗搭配/182

7.5.5优秀作品赏析/182

●7.6喧闹/182

7.6.1手把手教你——喧闹视觉印象平面设计的方法/183

7.6.2喧闹视觉印象平面设计的方案，设计流程/184

7.6.3喧闹视觉印象的平面设计/185

7.6.4喧闹视觉印象平面设计的小妙招——多色色彩的搭配使用/186

7.6.5优秀作品赏析/186

●7.7生机/186

7.7.1手把手教你——生机视觉印象平面设计的方法/187

7.7.2生机视觉印象平面设计的方案，设计流程/188

7.7.3生机视觉印象的平面设计/189

7.7.4生机视觉印象平面设计的小妙招——运用植物构成画面/190

7.7.5优秀作品赏析/190

●7.8神秘/190

7.8.1手把手教你——家居类平面设计的方法/191

7.8.2神秘视觉印象平面设计的方案，设计流程/192

7.8.3神秘视觉印象的平面设计/193

7.8.4神秘视觉印象平面设计的小妙招——部分遮盖与拼凑/194

7.8.5优秀作品赏析/194

●7.9可爱/194

7.9.1手把手教你——可爱视觉印象平面设计的方法/195

7.9.2可爱视觉印象平面设计的方案，设计流程/196

7.9.3可爱视觉印象的平面设计/197

7.9.4可爱视觉印象平面设计的小妙招——卡通人物的运用/198

7.9.5优秀作品赏析/198

●7.10庄重/198

7.10.1手把手教你——庄重视觉印象平面设计的方法/199

7.10.2庄重视觉印象平面设计的方案，设计流程/200

7.10.3庄重视觉印象的平面设计/201

7.10.4庄重视觉印象平面设计的小妙招——黑白灰的运用/202

7.10.5优秀作品赏析/202



8平面设计训练营

●8.1简约风格标志设计/204

8.1.1项目分析/204

8.1.2案例分析/204

8.1.3版式分析/204

8.1.4配色方案/205

●8.2矢量风格动物插画/207

8.2.1项目分析/207

8.2.2案例分析/208

8.2.3配色方案/209

8.2.4优秀配色方案/211