课堂 | 版式设计原理（三）

第二章 关于文字要素（上）

01 文字的性格

面向女性的流行杂志，哪种设计更合适？

a

b

思考提示：与内容相匹配的文字是哪一种？

继续下滑以查看答案

答案：a

GOOD：标题文字采用笔画较细的字体，表现出纤细高档感，与和女性相关的文字内容相匹配。小标题与大标题字体相同，字号缩小，体现出统一性。

NG：标题文字采用行书字体，与西洋风格的文字内容不相符。另外，小标题字体也过于强调个性，整体缺乏统一性。正文文字字体的笔画比较粗，造成字距与行距都比较狭窄，产生压迫感，形成一种强力宣传的效果。

设计要点

1、兼顾“可视性”和“可读性”，选择与内容相匹配的文字。标题字体往往有决定第一印象的作用，因此应当选择与整体设计希望表现的风格相一致的字体。

2、表现男性阳刚、强劲的风格时，应选择粗线条的直线形字体；表现女性温柔、细腻的风格时，则应选择纤细、曲线形的字体。同样的字体，字号的不同也会带来不同的效果。

3、在选择正文文字的字体，应充分兼顾“可视性”和“可读性”。文字量较大时，如果选择一般的哥特体，黑色部分面积较大，会造成可读性下降，影响阅读效果。

4、明朝体与哥特体相比，线条较细，看起来会比较舒服。因此，正文文字比较多时，往往优先采用明朝体或者笔画线条比较细的哥特体。

02 文字的对照

有视觉冲击力的企业宣传杂志，哪种设计更合适？

a

b

思考提示：文字对比效果更明显的是哪一种？

继续下滑以查看答案

答案：a

GOOD:商品商标采用了形状大小不同的两种字体，明确突显了所要强调的内容。标题文字同时使用了不同字号的明朝体和哥特体，对比效果明显。

NG:全部采用明朝体和衬线体，虽然保证了版面字体的统一效果，但是却显得过于单调。标题虽然采用两种字体，但字体形状差别不明显，缺乏对比效果。

设计要点

1、 有效地对比文字元素，强调重点。突出对比两种字体，可以使每种字体的特征更明显。要想使标题文字表现出视觉冲击效果，商标设计是行之有效的方法之一。区别所使用的两种字体的形状大小，可以强调对比效。

2、 一般来讲，日文字体往往搭配采用哥特体和明朝体，英文字体往往搭配采用楷体和衬线体。而且，如果改变文字的字号、宽幅也可以形成对比效果。

3、 阅读时视线移动本身可以产生节奏感，应努力表现出方便读者阅读商标、标题的节奏惑（在这种情况下，需要突出强调文字的字号和宽幅，因此在平衡这两种要素时需要特别注意）。在同一字体的文字中，调整文字的宽幅和字号，也便于确保版面的统一效果。

03 文字的跳跃率和对比

演奏会的海报，哪种设计更合适？

a

b

思考提示：眼睛最先看到的是哪一部分？

继续下滑以查看答案

答案：b

GOOD：最想传达表现的信息文字字号大，其他的信息文字字号小，重点突出，层次分明。把握好文字段落之间的空白间隔，可以使版面传达的信息更加清晰明确。

NG：同样大小的要素大量出现，难以突显所要强调的重点。一味地堆砌文字造成空白空间过小，形成冗长、繁琐的印象。

设计要点

1、 突显重点，便于传递信息。可能有人会这么想：所有信息都是重要的，应该通过有限的版面刊载出尽可能多的信息。但是，如果将诸多信息全部插入版面，结果只会造成重点不突出，使读者不知所云。

2、 本例中将“Evening Concert”作为海报的主题，进行了标题最大化处理，抓住了读者的眼球。读者的视线自然而然地随被引导到副标题“第25届音乐晚会”上，传递信息清晰明了。清楚有序地排列出日期、地点等重要信息，这样的设计重点突出，文字段落之间的空白布局合理，各种元素排列井然有序。

3、 版面所要强调的信息能够清晰准确地被读者掌握，这一点是非常重要的。

04 标题与正文的关系

生活类型的杂志，哪种更便于阅读？

a

b

思考提示：请注意观察字体和留白部分。

继续下滑以查看答案

答案：a

GOOD:标题和正文之间的留白恰到好处，清楚地区分了传达不同信息的文字内容。正文与标题在字体、字形、字号方面都有所区别，清晰明了。另外，视线跳跃频率也很合适。

NG:留白处理不得当，标题、导语、正文挤在一起，降低了文字的可视性。正文与标题字体过于相似，而且二者在字号和行距上也没有体现出区别。

设计要点

1、 标题和正文不要过于相似、拥挤。标题是整个版面的重点元素。读者的阅读顺序是按照标题、导语、正文依次进行的。只有将标题和正文严格区分开，才能引导读者在读完标题后，舒一口气，自然地进入随后而来的正文阅读。

2、 区别标题和正文最常见的方法就是在二者中设置留白。NG例子中标题和正文之间没有适当的留白，读者无法在阅读标题和正文之间稍作休息，给人一种文字铺天盖地而来的感觉。另外，字号、行距、字体的选择也十分重要。

3、 简而言之，应通过这些要素实现对比的效果。但是，经常会有希望标题和正文文字同时使用哥特体的情况发生，此时则应通过改变文字的宽幅、大小来实现标题与正文的区别。

05 文字的易读性

电影海报，哪种设计更合适？

a

b

思考提示：哪张海报的标题更清晰可见？

继续下滑以查看答案

答案：a

GOOD：文字部分专门分区，标题自然醒目。从远处可以一眼识别清晰醒目的印刷体标题。

NG：构图缺乏张弛效果，整体印象不集中、散乱。无法通过字体确定是标题还是广告语。

设计要点

1、 在标题周围留有留白空间，通过字体表现存在感。突显标题、商品名称、小标题等文字信息时，可以在文字周围设置适当的留白，同时采用单一色的背景也可以提高可视性。

2、 在GOOD的案例中，首先女人的脸成为焦点，读完纵向的广告语之后，读者的视线自然过渡到版面下端白色的空间。相对的，在NG的案例中，虽然女人的脸成为焦点，但重叠配置的标题文字就难以突出重点了。应当注意不同元素搭配时的协调性与层次感。

3、 印刷体和线条粗实的商标图案都可以体现存在感，从而吸引读者的注意力。在瘦长的印刷体之间留有一定间距，或者将字体加黑、添加轮廓线，都可以表现一定的空间感（图1）。相反，在强调文字部分时，应保持适当的字距，选择可视性较高的明朝体以方便阅读（图2）。

06 字体的统一

西饼屋开业的促销海报，哪种设计更合适？

a

b

思考提示：哪一种体现出了整齐统一的效果？

继续下滑以查看答案

答案：b

GOOD：风格体系一致的艺术字体形成统一的整体效果，给人一种安全感。海报中运用富有个性的艺术字体更加美观。

NG：用艺术字体的风格体系过于庞杂。整体缺乏统一效果，给人一种杂乱无章的印象，所传的信息重点不够突出。

设计要点

1、 选择风格体系一致的艺术字体，体现统一的整体效果。在表现热情喧闹氛围的设计中，可以通过不同类型的艺术字体营造富有多样性的效果。但是，如果不注意整体效果的话，很容易给人凌乱的印象。

2、 字体可以分为很多类型，如明朝体、哥特体、手写体、黑体等，它们分别表现华丽、严肃、亲切等不同的效果。因此，使用风格迥异的艺术字体，容易淹没重点，反之才能形成整齐统一的效果。

在以上案例中，标题和正文部分使用哥特字体，各店铺商标等重点部位使用个性化的字体，以示区别。标题和正文文字明确整齐，同时又有所区别，重点突出。

07 文字的视觉冲击力

面向男性的杂志，哪种设计更合适？

a

b

思考提示：哪一种更具视觉冲击力？

继续下滑以查看答案

答案：a

GOOD：选择加粗的哥特体，传递强劲有力的印象。压缩字距，文字拥挤在版面中央，体现迫近、压倒性的视觉效果。

NG：字体过于纤细，与版面中强劲有力的照片印象不统一。字距过大，形成空空荡荡的效果。

设计要点

1、 传递强劲有力、富有质感的信息的标题文字适宜使用加粗的哥特体。字体大致可以分为“明朝体”和“哥特体”两大类。一般而言，明朝体体现温柔纤细的女性感觉，哥特体体现强劲有力的男性感觉。

2、 标题文字传递强劲、质感风格的感觉时，适宜使用加粗的哥特体以及装饰性艺术字体（一般也称为POP体)。字体之外的设计要点在于调整文字与文字之间的距离，改变字距可以给版面效果带来很大的改变。在以上成功的案例中，通过缩小字距增加整体的密度，表现一个整体性的、强劲有力的效果。

3、 文字被挤压并超出版面边缘，这种技巧可以使读者感受到动感和冲击力。当然，也要注意不能影响文字的可视性。