版式设计与创意

一本书读懂、读通、读透版式设计方方面面。5大行业：海报、杂志、网页、包装、书籍。8种形式：秩序与突变、节奏与韵律、真实与留白等。10种布局：骨骼型、满版型、分割型、中轴型、曲线型等 

本书从版式设计的基础理论知识入手，对版式设计的创意分析、经典编排方式、色彩搭配方案，都
做了有针对性的讲解。本书完全针对初学者，通过学习本书可以快速帮助初学者掌握版式设计的技术和
理论知识，熟悉行业应用，达到快速设计版式的目的。
全书共7章，第1章为基础知识，包括版式设计的概念、原则、构成元素等知识。第2～6章为进
阶知识，包括版式设计的布局、形式法则、图片、文字、色彩。第7章为应用知识，包括海报、杂志、
网页、包装、书籍共5大行业的版式设计经典秘笈。
在本书的帮助下，版式设计创作过程将不再枯燥复杂。本书能够启发初学者的创造性思维，帮助初
学者快速成为优秀的平面设计师、版式设计师，同时能够为喜爱版式设计的朋友揭开版式设计的奥秘。

第 1 章

版式设计必学知识

1.1 什么是版式设计 / 4

1.2 构成版式的点、线、面 / 6

1.3 版式的构成要素 / 8

 

第2章

版式设计的布局

 

 

2.1 骨骼型/ 14

2.2 满版型/ 16

2.3 分割型/ 18

2.4 中轴型/ 20

2.5 曲线型/ 22

2.6 倾斜型/ 24

2.7 对称型/ 26

2.8 重心型/ 28

2.9 三角形/ 30

2.10 自由型/ 32

第3章

版式设计的形式法则

 

 

3.1 秩序与突变/ 36

3.2 节奏与韵律/ 38

3.3 真实与留白/ 40

3.4 变化与统一/ 42

3.5 重复与交错/ 44

3.6 对称与均衡/ 46

3.7 对比与协调/ 48

3.8 比例与适度/ 50

第4章

版式设计的图片

 

 

4.1 版式设计中图片的功能/ 54

4.1.1 视觉效果/ 55

4.1.2 导读效果/ 57

4.2 图片的位置/ 59

4.2.1 角点/ 60

4.2.2 背景/ 62

4.2.3 中心/ 64

4.3 图片的面积/ 66

4.3.1 大图片/ 67

4.3.2 小图片/ 69

4.3.3 等大的图片/ 71

4.4 图片的数量/ 73

4.4.1 数量多/ 73

4.4.2 数量少/ 76

4.5 图片的形状/ 78

4.5.1 常规图形/ 79

4.5.2 自由型/ 81

4.6 图片的设计/ 83

4.6.1 简洁/ 84

4.6.2 夸张/ 86

4.6.3 写实/ 88

第5章

版式设计的文字

 

 

5.1

 

5.1.1

 

5.1.2

 

5.1.3

 

5.1.4

 

5.1.5

 

 

5.2

 

5.2.1

 

5.2.2

 

5.2.3

 

5.2.4

 

5.3

 

5.3.1

 

5.3.2

 

5.4

 

5.4.1

 

5.4.2

 

5.5

 

5.5.1

 

5.5.2

 

5.5.3

 

5.5.4

 

5.5.5

 

5.5.6

 

 

5.5.7

 

5.5.8

 

版式设计中文字的组织原则/ 92

 

主次分明/ 93

传达准确/ 95

简单易读/ 97

风格独特/ 99

文字内容与编排形式相统一/ 101

 

字体的选择/ 103

 

粗与细/ 104

曲与直/ 106

松散与严谨/ 108

简与繁/ 110

 

字号的选择/ 112

 

大字号/ 113

小字号/ 115

 

字距与行距/ 117

 

排列疏松/ 118

排列紧密/ 120

 

文字的编排形式/ 122

 

左右对齐/ 123

左对齐/ 125

右对齐/ 127

居中对齐/ 129

顶对齐/ 131

底对齐/ 133

首字下沉/ 135

文字绕图/ 137

 

第6章

版式设计与色彩印象

 

 

6.1 认识色彩/ 142

6.2 色彩的属性/ 143

6.2.1 色相/ 143

6.2.2 明度/ 143

6.2.3 纯度/ 144

6.3 色彩的分类/ 145

6.4 色彩印象/ 145

6.4.1 轻与重/ 146

6.4.2 冷与暖/ 146

6.4.3 远与近/ 146

6.4.4 色彩的味觉感/ 147

6.4.5 色彩的华贵质朴感/ 147

6.5 主色、辅助色、点缀色的关系/ 148

6.5.1 主色/ 148

6.5.2 辅助色/ 150

6.5.3 点缀色/ 151

6.6 色彩搭配的方法/ 151

6.6.1 明度对比配色法/ 152

6.6.2 色相对比配色法/ 154

6.6.3 纯度对比配色法/ 156

6.6.4 面积对比配色法/ 158

6.6.5 冷暖对比配色法/ 158

6.7 十种常用颜色/ 159

6.7.1 红/ 161

6.7.2 橙/ 163

6.7.3 黄/ 165

6.7.4 绿/ 167

6.7.5 青/ 169

6.7.6 蓝/ 171

6.7.7 紫/ 173

6.7.8 黑、白、灰/ 175

第7章

版式设计的应用领域

 

 

7.1 海报版式设计/ 180

7.1.1 电影海报/ 181

7.1.2 文化海报/ 183

7.1.3 商业海报/ 185

7.1.4 公益海报/ 187

7.2 杂志版式设计/ 189

7.2.1 杂志版式的特点/ 190

7.2.2 杂志的封面设计/ 191

7.2.3 杂志的内页设计/ 194

7.3 网页版式设计/ 198

7.3.1 网页版式设计的三大原则/ 199

7.3.2 网页的主要元素/ 200

7.4 包装版式设计/ 205

7.4.1 包装的功能/ 206

7.4.2 包装的文字/ 207

7.5 书籍版式设计/ 210

7.5.1 书籍的封面设计/ 210

7.5.2 书籍的内页设计/ 216

本书由王斐编著，参加编写的还包括：孙丽娜、肖建军、郭超、杜炎睿、赵鹏程、纪林杰、宋美丽、郭娅、徐锡花、李路、孙雅娜、王铁成、杨力、杨宗香、崔英迪、丁仁雯、董辅川、高歌、韩雷、李进、马啸、马扬、孙丹、孙芳、王萍、杨建超、于燕香、张建霞、张玉华等。
感谢长期以来一直关心、帮助和支持我的朋友们，感谢清华大学出版社的栾大成编辑以及参与本书出版过程的工作人员，您们的热心帮助，使得这本书从写作到出版一气呵成。
后，感谢我的父亲，您的坚毅与宽广融化冰雪，让我的人生幸福如春，您淳朴而如山的爱是我前行的不懈动力，父爱无限，亲情无边，衷心的祝愿天下所有的父母幸福、安康。
在编写本书的过程中，我们以科学、严谨的态度，力求精益求精，但错误和疏漏之处在所难免，敬请广大读者批评指正。
有任何意见或者建议，请联系陈老师[email protected]。
作者2017 年5 月

评论

版式设计必学知识在这个杂志版面中，为了让信息有条理地传递，将文字非常细化地进行分栏。在这个版面中，采用小段文字的编排方式，这样的设计能够让读者在毫不费力的情况下阅读数量较多的文字。3. 适时地突出重要文字在版式设计中有一项非常重要的技巧，那就是“对比”，通过对比能够控制信息传递的先后顺序。适时地突出重要文字，能够让重要的信息在时间传递出去，而且能够让版面更加具有吸引力，使画面显得更加生动。这是一个网页广告，画面中主要突出“3 天”这个主题。数字“3”被艺术化地突出，这样能够充分地突出主题，带动消费者的情绪。同样作为网页广告，加粗、加深的标题文字非常醒目，这种设计方式常用在版式设计作品中。4. 统一的对齐方式版式设计中忌讳杂乱无章，这样会给阅读造成负担。统一的对齐方式能够让版面看上去更加整洁、利落。版式设计与创意　二校　正文1.indd 9 2017-5-26 10:25:33 10 版式设计与创意该书的目录采用垂直居中对齐的方式，再搭配以图案，使整个版面简洁、生动。在这个版面中有着大量的文字，所以进行了分栏，每栏文字都采用居左对齐的方式，整体效果统一、和谐。 色彩 色彩是视觉语言，人们接触一个事物，对其的反应就是色彩。优秀的配色方案关乎一个版面的成败，成功的配色方案则会唤起人们的共鸣，提升阅读兴趣。色彩在版式设计中有以下几点作用。（1）表达感情。例如红色代表热情，粉色代表浪漫，这都是以色彩代表感情。（2）起到识别作用。一些企业以某种色彩作为标准色，当人们看到这种色彩后就会想到这家企业，这就是色彩的识别作用。（3）烘托、渲染气氛，增加美感。通过色彩对版面的烘托和渲染，让版面更加具有吸引力。而且优秀的配色还能够为版面增加艺术魅力。在这个海报中，摩登时尚的美女、色彩繁杂的光效、搭配青紫色调的颜色，整体给人一种光怪陆离、神秘梦幻的感觉。该海报以明黄色为主色调，给人一种温暖、活泼的印象。作品中使用绿色、粉色和青色作为搭配，整体给人一种时尚、充满朝气、富于个性的感觉。