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

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

08 文字的高雅效果

日式糕点店的宣传单，哪种设计更合适？

a

b

思考提示：哪种体现了优雅的氛围？

继续下滑以查看答案

答案：b

GOOD：通过曲线优美的明朝体，演绎优雅的氛围。小字选择纤细的哥特体，看起来整洁流畅。

NG：过于波普艺术风格的字体给读者一种商品廉价、不够高档的感觉。线条过粗的明朝体显得不够文雅。

设计要点

1、 展现高雅纤细感时，字体首选曲线优美的明朝体。明朝体的特点在于，由细线（横线）和粗线（竖线）构成的字体笔画抑扬有序，能够很好地展现高雅的效果。

2、 楷书体（练字时的书法字体，讲求每一笔画认真到位）传达传统印象，行书体（简化楷书体的点和线）更加强调优美曲线，演绎出高档、雅致的氛围。另外，选择线条较为纤细的哥特体也可以。

3、 线条较粗的哥特体表现出力量感，因此不适合演绎高档雅致的印象。同时，具有波普风格的艺术字，虽然可以在读者第一眼看去时有强烈的视觉冲击，但也会形成商品价格低廉、品质一般的印象。

09 文字的可爱效果

卡通主题商店的海报，哪种设计更加合适？

a

b

思考提示：哪种看起来更可爱？

继续下滑以查看答案

答案：b

GOOD：马克笔书写的手写风格字体，与卡通人物商标风格一致。边角和笔画端是圆形的字体，体现了波普艺术风格，形成视觉冲击效果，提升了整体版面的可爱度。

NG：与卡通人物商标风格不一致的手写体，与所要表现的明朗、可爱的风格不一致。用传统的衬线字体书写日期时间，营造沉稳冷静的氛围。

设计要点

1、 表现可爱效果应选择圆形字体。一般而言，文字本身的形状、边角和笔画端是圆形的字体能够表现出可爱效果。没有了尖锐的边角，便给人一种亲切可爱的印象。

2、 日文字体中带有“丸”字的，以及英语字体中带有“Rounded”字样的都属于这一类字体。带有柔软线条的手写字体可以表现可爱效果，朴素的氛围和质感也可以增加可爱效果。网上有很多手写风格、表现可爱效果的个性化艺术字，大家可以参考。

10 充满朝气的文字

摩托车赛车运动的杂志，哪种设计更合适？

a

b

思考提示：注意文字的编排布局。

继续下滑以查看答案

答案：a

GOOD：通过文字的纵向和侧向编排，表现活跃灵动的效果。图片被包围在文字中间，最大限度地压缩留白，增强版面的跃动感。

NG：文字集中出现在页面的最下端，便于阅读，但会给人一种过于稳重的印象。文字全部由单色构成，版面缺乏张弛感。

设计要点

1、 适当破坏平衡感是文字编排布局的要点，在表现跃动感时，字体形状和文字的编排布局是很重要的。字体一般可以选择略有厚重感的粗体。但为避免全部使用粗体字而造成的可视性下降，应注意把握版面整体的平衡效果。

2、 在文字的编排布局方面，改变文字的组合方向和倾斜方向是常见且有效的方法之一。也可以通过改变文字的大小，或者故意裁减掉一部分文字，来表现压迫感。但不管采用何种方法，都应时刻注意保持版面整体的平衡效果。

3、 以上案例中，将横排和竖排文字分别置于页面左右两端，保持平衡效果。侧倾的标题文字采用白色，一定程度上缓和了版面的压迫感。

11 与传单相匹配的文字

美容院的宣传单，哪种设计更有视觉冲击力，更便于阅读？

a

b

思考提示：哪种设计中的文字显得更有力？

继续下滑以查看答案

答案：a

GOOD：便于阅读的字体使读者可以轻松读取关键信息。对于美容院来说，联系方式是重要的信息，此案例中突显了联系电话。

NG：纤细的字体难以辨识，没有视觉冲击力。联系信息的字体太小，不便于读者记录联系方式。

设计要点

1、 在宣传单设计中，展现视觉冲击力、可视性、亲切感是关键。为了保证店铺商品宣传单能够吸引住读者的注意力并引导其展开阅读，第一印象是非常关键的。除了亮丽的写真裁剪，精彩的文字处理也是体现视觉冲击效果的要点。

2、 广告语、关键信息等可以选用粗字体，表现出不亚于写真的强劲有力的效果。同时，应尽量避免一味标新立异而选择使人辨认不清的字体，毕竟确保读者在第一时间准确把握信息才是第一要务，应时刻站在读者的角度考虑设计的细节。

3、 以上GOOD案例中，注意强调了联系方式。美容院往往是需要事先预约的，因此突出放大了联系方式。而NG案例中，一时间难以找到联系电话。

12 便于阅读的行距

公司简介宣传册的首页，哪种设计更合适？

a

b

思考提示：哪种更便于阅读，为什么？

继续下滑以查看答案

答案：b

GOOD：正文以及下方专栏文字的行距设置十分得当。根据专栏的篇幅相应的调整行距。

NG：行距按照默认值设定，未经精心调整。小标题和正文文字的字体、字号接近，差别不明显。

设计要点

1、留出适当的行间距，方便读者阅读在出现大量文字的版式设计中，行距和字号、字距同样重要。

2、GOOD案例中，行距设置合理，便于读者顺畅流利地展开每一行文字的阅读。相反，NG案例中，读者在换行阅读时可能会出现不知道该读哪一行文字的迷茫，这是行距过小造成的。为避免这种错误，应注意行距的设置。

3、同时，如果行距过小，还会造成版面的整体文字密度大，难以阅读。此时，可以适当缩小字号，使行距稍大。

4、适当的空隙可以形成完全不同的阅读感受。通常，在设置行距时要考虑文字的字体、内容以及专栏篇幅等。在GOOD案例中，专栏篇幅大，行距也足够大，如果专栏篇幅小，行距也应相应减小。

13 图注与图片的适配性

狗粮广告宣传单，哪种设计更合适？

a

b

思考提示：针对写真，哪种文字设置的更合理？

继续下滑以查看答案

答案：a

GOOD：广告语沿着宠物狗狗的肚子排列文字，加深、强化了文字和写真的关联性。文字大小不一，在表现滑稽风格的同时，强调突出了个别文字信息。

NG：布局设计与写真关联性不强，留白空间没有平衡感。虽然文字较大，便于阅读，但综合考虑到写真的内容和商品的性质，这种设计所形成的效果还是过于呆板、严肃。

设计要点

1、保持视觉效果与广告语的一体性，增强影响力。选择与写真的构图和图形形状相匹配的文字设置方式，便于形成文字和写真的一体效果，彼此之间相互强化。

2、将广告语、标题等精炼的文字和图片结合，可以大大提升视觉吸引力，这种方法被广泛应用于广告、海报、杂志扉页的设计中。同时，写真、图片等视觉元素占据了大部分版面空间，留白空间有限的情况下，也适合采用这种技巧。

3、在不干扰主体视觉元素的前提下，配置大量的文字，最大限度地彰显写真的视觉冲击力和吸引力。

给初学者的提示：

容易犯的文字设计布局错误

很多整体完成度很高的设计，却在文字设计布局上存在缺点。标题等关键部分的文字没有经过认真处理，致使整体版面缺乏统一协调的效果。可以通过调整字间距和字号大小、控制行距等方法改变文字的阅读舒适度。

选择字体固然十分重要，之后的必要处理也是不可少的。在免费宣传海报的设计中，决定作品专业与否主要体现在文字处理上。文字过多，行距不当，断行不整齐，这些问题是很常见的。文字竖排时，应认真检查上下段落是否对齐。