版式设计基础与实战(慕课版)/顾燕

01 版式设计概述

1.1　版式设计的概念 /　2

1.2　版式设计的主要发展阶段 /　3

1.2.1　早期的版式设计 /　4

1.2.2　东方的竖式排版 /　4

1.2.3　西方的横式排版 /　6

1.2.4　现代版式设计与新媒体版式设计 /　7

1.3　版式设计的程序 /　8

1.3.1　定位读者群 /　8

1.3.2　明确信息主体 /　9

1.3.3　制定计划和设计流程 /　10

1.4　综合项目实战——版式设计分析 /　11



02　版式设计的要素 /　12

2.1　版式设计要素的内容 /　14

2.1.1　点的编排 /　14

2.1.2　线的编排 /　16

2.1.3　面的编排 /　17

2.2　项目演练——版式设计要素的转化 /　19

2.3　综合项目实战——版式基本要素转化（个性文字卡片设计） /　21



03　版式的视觉流向与基本版型 /　24

3.1　版式设计中主要的视觉流向 /　26

3.1.1　单向视觉流向 /　26

3.1.2　重心式视觉流向 /　28

3.1.3　反复式视觉流向 /　28

3.1.4　导向式视觉流向 /　29

3.2　版式设计的基本版型 /　30

3.2.1　满版型版式设计 /　30

3.2.2　分割型版式设计 /　30

3.2.3　自由型版式设计 /　31

3.2.4　倾斜版式设计 /　32

3.2.5　三角形版式设计 /　32

3.2.7　曲线型版式设计 /　34

3.3　项目演练——商业广告招贴视觉流向设计 /　35

3.4　综合项目实战——指定信息视觉流向设计 /　42



04　版式设计中文字的处理和表现 /　44

4.1　版式设计中字体的样式和字体的性格 /　46

4.2　版式设计中文字的排列 /　47

4.2.1　左右对齐式 /　47

4.2.2　齐中式 /　47

4.2.3　齐左或齐右式 /　48

4.2.4　倾斜式 /　49

4.3　版式设计中文字的层次性 /　50

4.3.1　文字的磅值设置与层次性 /　50

4.3.2　文字的块面划分与层次性 /　67

4.3.3　文字的色彩处理与层次性 /　71

4.3.4　文字分栏的具体过程解析 /　72

4.4　版式设计中文字的其他处理表现方法 /　74

4.5　项目演练——书籍中文字的排版 /　75

4.6　综合项目实战——文字招贴文字排版设计 /　76



05　版式设计中图片图形的处理和表现 /　80

5.1　对于版式设计中图的一般认识 /　82

5.1.1　图片的选择 /　82

5.1.2　图片的信息层次调整 /　83

5.1.3　常规书籍版式中图片与文字的组合布局形式 /　86

5.1.4　针对图片的其他处理技巧 /　89

5.1.5　图片布局过程分析 /　91

5.2　项目演练——主题网站界面设计 /　93

5.3　综合项目实战——杂志封面和内页的排版 /　95



06　版式设计中色彩的处理和表现 /　98

6.1　色彩概念和基本理论 /　100

6.1.1　色相的使用 /　100

6.1.2　明度和纯度的使用 /　101

6.2　版式色彩设计的方法 /　102

6.2.1　确定主色调 /　102

6.2.2　确定色彩搭配可视度 /　103

6.2.3　色彩比例的分配和色彩在具体要素中的运用 /　103

6.3　项目演练——苹果产品宣传单页的版式设计 /　104

6.4　综合项目实战——单色招贴版式色彩整体调整 /　106



07　版式设计的基本类型 /　108

7.1　网格版式设计 /　110

7.1.1　网格的概念 /　110

7.1.2　网格设计的基本形式 /　111

7.1.3　网格设计的应用步骤 /　113

7.2　自由版式设计 /　121

7.2.1　自由版式设计的概念 /　121

7.2.2　自由版式设计的特点 /　121

7.3　项目演练——“建筑与设计”商业杂志设计 /　125

7.4　项目综合实战——公益体育运动招贴设计 /　127



08　版式细节设计与印刷尺寸 /　130

8.1　版式中的目录设计 /　132

8.2　版式中页眉页脚的设计 /　133

8.3　版式中的索引设计 /　135

8.4　版式中的装订线设计 /　137

8.5　不同类型的版式划分设计 /　139

8.6　版式设计中的尺寸标准 /　143

8.6.1ISO　国际标准 /　144

8.6.2　信封和书籍的开本尺寸 /　146

8.6.3　户外标准尺寸 /　146

8.6.4CD　标准尺寸 /　147

8.6.5　版面设计中其他相关术语 /　147

8.7　综合项目实战——版式设计细节实战 /　148



09　版式设计综合运用 /　152

9.1　商业画册版式设计 /　154

9.1.1　画册设计中视觉元素的特点 /　154

9.1.2　画册版式设计实战 /　155

9.2　文化折页版式设计 /　157

9.2.1　文化折页中视觉要素的表现特点 /　157

9.2.2　文化折页版式设计实战 /　158

9.3　电商页面设计 /　160

9.3.1　电商平台设计要素的基本特点 /　160

9.3.2　电商平台设计需要注意的其他问题 /　165

9.3.3　电商平台版式设计实战 /　165

9.4　文字宣传招贴版式设计 /　167

9.4.1　招贴中的图形排版 /　167

9.4.2　招贴中的文字排版 /　167

9.4.3　招贴中的色彩搭配 /　168

9.4.4　文化招贴版式设计实战 /　168

9.5　企业宣传手册版式设计 /　168

9.5.1　企业宣传手册的整体版式 /　169

9.5.2　企业宣传手册的图形设计 /　169

9.5.3　企业宣传手册的字体设计 /　169

9.5.4　企业宣传手册版式设计实战 /　169