用对字体,像图片一样呈现文本
2024-5-7 13:3:55 Author: sspai.com(查看原文) 阅读量:4 收藏

作为 2024 年五一「生产力超频」系列目优惠活动的一部分,本期设置为限时免费,欢迎观看。我们将在 5 月 1 日至 7 日,为热门付费栏目「生产力超频」全系列设置七折优惠;同时,我们将每天从不同教程中选出一篇,设为限时免费。希望这些内容和优惠为你助力,开启一个效率和技能「超频」的五月。进一步了解

今天的限时免费内容来自《科学做好 PPT 的三个步骤》,介绍如何在幻灯片制作中用图像化手法呈现文字,避免枯燥。本栏目是一套从入门到实战的 PPT 制作方法论,侧重于对 PPT 功能和理念的分享,做到「授之以鱼不如授之以渔」。视频配合图文,既直观又深度:通过视频先快速掌握一节内容的全貌,然后配合详细的图文内容,可以反复钻研其中的细节。栏目内包含了 15段视频 直观展示 PPT 制作的方法与操作,总时长超过100分钟。栏目原价 79 元,折后价 55.30 元(节省 23.70 元)。前往购买



你好,上一篇文章中,我们提到了五种图像元素:文字、图片、形状、图标、图表,说明它们在演示场合使用图像元素的重要性,也概述了这些图像元素的使用逻辑。

从本篇开始,我们会依序针对这五种图像元素,作更进一步的解说,以及软件层面的操作示范,让你能真正在 PPT 中正确地使用它们。而首先登场的,还是我们最为熟悉的文字。

照惯例,在展开本章内容之前,我们还是先在此停留 1 分钟,请你从自身经验出发,思考几个问题。

课前思考

  • 你认为平常做工作上的 PPT 时,比较适合用哪一种字体呢?
  • 你能够区分不同主题的 PPT 分别该使用哪种字体吗?
  • 决定好字体之后,你都如何设置文本框的文字样式?

文字的双重性质

作为我们日常最主要的信息载体,文字是个很特别的存在。在之前结构化的阶段,我们就曾提过如何做好文字的排版,让观众能更好地区分信息层级、聚焦重点。在这个使用场景下,文字是用来阅读的,第一要务就是确保阅读时的流畅。因此选用辨识度高的字体,维持简洁的格式,避免过度设计带来的干扰,才能更好地乘载信息。

从软件功能的层面来说,如同之前结构化篇章所提到的,这时的文字,或者说文本框,只需要在排版上注意对齐,并用大小、粗细简单区分信息层级即可,毋须做太多格式上的调整。

然而,进入图像化阶段之后,原先以大段文字来描述的信息,都会被替换更直观的图像元素。原先的文字只会保留标题或关键词,作为画面中的辅助说明。此时,文字作为图像元素的特性就会展现出来,它本身的字体、色彩、样式,都必须符合整个画面的调性,才不会显得格格不入。在这个情况下,我们就得针对文字本身,做更合适的设计才行。

从软件功能的层面来看,图像化阶段的文字,我们需要更精准地选用合适的字体,同时还得更细致地调整文本框的格式参数(颜色或效果等),进而设计出符合主题风格的文字样式。

因此,接下来我们会分别就字体和样式两个层面,来说明如何做好文字的设计。

用对字体的重要性

在说明如何选择字体之前,我们先说说用对字体的重要性。

在各种日常工作的情境,我们会发现多数人对于用对字体这件事,是比较不敏感的。这点从很多职场人士做幻灯片,都只会使用默认的宋体,就能看出些许端倪。甚至还有不少人认为,做 PPT 又不需要太好看的设计,用什么字体都无所谓。但事实上,字体本身不但影响美感与氛围甚至还可能让想表达的涵义截然不同

在《字型散步:日常生活的中文字型学》一书之中,作者就举了个例子:一个祭字。我们可以看到,同样是一个祭字,左边的祭使用了楷体,就传递出公祭这样严肃而悲伤的感觉;而右边的祭使用了勘亭流,就塑造出一种日本祭典的热闹氛围。

此外,在英文字的使用上,也出现过类似换了字体就大大改变涵义的情况。底下这个例子,出自之前网络上的某个迷因。你会发现同样一句 I will always find you 用不同的字体来呈现,居然给人相反的感受。一个是甜蜜的爱情故事,另一个却演成了恐怖片了。

即使上述的例子看起来有些极端,但在日常的情境下,用错字体还是会让文字显得格格不入。比如底下这两张图,用较粗的黑体字,显然更符合图片中拳击手要表达的力量感;但如果是默认的宋体,这种力量感就破坏殆尽了。

从上面的例子,我们知道不同风格的字体能传递不同的场景氛围。事实上,字体设计学也是设计领域的一大学问,让文字除了本身的意涵之外,还可以藉由字体来传递对应的情绪体验。用错字体,除了可能让画面显得不协调以外,甚至可能影响内容信息的传达。因此,我们都必须对字体有一定程度的认识才行。接下来,就一起来看看关于字体的背景知识吧。

字体的背景知识

上面我们提到字体和字型这两个关键词,虽然在大多数情况下,我们常常会混用这两个词汇,但在字体学的领域中,它们代表的涵义是不同的。我们首先来分辨一下,字体、字型和字形这三个词汇之间的差异。

字体(Typeface)

字体是对一种文字样式的描述,关注的点是文字的设计理念。我们可以说它是一种或多种字型组成的集合。比如:微软雅黑、思源黑体、阿里巴巴普惠体等。

字型(Font)

字型指的是一套具体可用的字体档案,我们平常在设计或办公软件看到的是字型,从网络上下载的档案也是字型。相同的字体,根据不同字重、紧缩程度、倾斜度或版本(比如 TrueType 或 OpenType),就会产生不同的字型。例如:同样都是思源黑体的字体,但有思源黑体 Regular 和思源黑体 Bold 等多种不同粗细的字型;同样都是Arial的字体,但有 Arial、Arial Narrow 和 Arial Black 这三种不同紧缩程度的字型;同样都是思源柔黑体,但还根据末端不同的圆滑程度,而有了 GothicL、Gothic 和 GothicX 的区分。

字形(Glyph)

字形指的是单个文字的形体与外观。同一个中文字或英文字母,可能有不同的写法,比如:溫/温、爭/争、户/戶/戸......等不同字形的差异。

再来,我们看看不同字体的分类。依照英文的分类方法,可以先粗分为衬线体和无衬线体两大类别;而在中文的分类里,也有对应的宋体(对应衬线体)和黑体(对应无衬线体)两大类别。

衬线字体(Serif)

那什么是衬线呢?指的是文字在笔画末端的装饰性细节。它可以强调笔画的特征,而如同手写般勾勒的装饰,也有引导读者视线的作用,可以让文字的阅读更加流畅。

顾名思义就是带有衬线的字体,中文字体里的宋体就是衬线字体。除了衬线这样的特征以外,常见的衬线字体大多都是纵线较粗、横线较细,比如我们工作时最常用到的 Times New Roman 或宋体,都有这样的特征。

我们前面提到,衬线字体的衬线可以引导视线提高阅读的流畅度;但由于很多衬线字体都是纵线粗、横线细,这就导致它在远看的时候,辨识度不佳。因此,衬线字体多用于文字较多、可以近看的载体,比如报纸或书籍等印刷品,而不适合用在远看的屏幕上。

无衬线字体(Sans Serif)

相较于带衬线的字体,无衬线字体就完全没有笔画末端的装饰,而且纵线和横线等粗,整体给人比较干净、简洁的感觉。常见的无衬线字体,比如微软默认的Calibri和微软雅黑都是无衬线字体。

与衬线字体相对的是,无衬线字体在设计上不带装饰,比起衬线字体来说少了一点特色,在阅读的流畅度也稍有不如,但由于它的笔画粗细一致,辨识度较佳,而且粗体的无衬线字体又颇具冲击力,因此更适合用在远观的屏幕上。事实上,很多网站的字体或者广告招牌上的大字,都常常使用无衬线字体。

除了以衬线来区分以外,在中文字体中还有书法字体、手写字体、艺术字体等常见的字体风格。其中,书法字体就是传统的楷书、行书、隶书等书法字,常用于带中国元素的设计,或高端大气的场合;手写字体则是直接将人工手写的文字笔迹,转换成一整套的字型,让使用这套字型的内容都有浓厚的手写感;至于艺术字体,就更加多样了,从字体结构到装饰都各有不同,往往特色鲜明,适合用在网页横幅或者海报等平面设计,不适合用于多字的阅读情境。

看完这么多字体风格的介绍,那我们做幻灯片时,又该如何根据主题与设计风格,选择合适的字体/字型呢?我们在前面的结构化阶段提到,当文字内容作为信息载体,需要我们阅读时,辨识度和流畅度是优先考虑的重点,直接使用简洁的黑体或宋体即可。

但现在我们已经到了图像化阶段,那么根据主题和设计风格,使用气质相符的字体,就比较重要了。一般来说,常见的中文字体可以区分出这几种:

  • 商务、科技类主题:适合使用黑体字,相对来说比较稳重、简洁,比如:微软雅黑、思源黑体、阿里巴巴普惠体等。
  • 文艺、文化类主题:适合使用宋体字或书法字,较能体现文化气息以及中国风元素,比如:思源宋体、造字工坊尚雅、方正清刻本悦宋等。
  • 可爱、活泼类主题:适合使用粗的圆体字,以及部份手写字、艺术字,能营造出有趣、富有活力的风格,比如:小赖字体、仓耳小丸子、猫啃网糖圆体等。
  • 女性、时尚类主题:适合使用纤细的黑体或圆体,以及部份较狭长的字体,能营造出一种优雅的氛围,比如:优设好身体、思源柔黑体、字体传奇南安体等。

以上只是对日常较容易用到的,做点简单粗略的分类。如果想让你的字体运用更加适切,还是得多看、多观察一些设计作品,培养自身的审美意识才行。

那么,上述的字体该去哪找呢?这边也推荐两个字体资源网站,收集了很多免费可商用的中文字体,方便大家下载使用。

此外,如果你遇到的情况是,看到好看的字体,想要使用却不知道字体名称,可以先拍照或截图,然后将图片上传到求字体网,就能帮你找到相应的字体名称啰!

文字设计的技巧

经过上面的介绍,我们对于图像化阶段该如何选择合适的字体,已经有基本的认识。事实上,在大多数情况下,只要用对字体,就已经能做好文字的图像化。不过,如果你想增强幻灯片的设计感,或者本身的风格就特别鲜明,那就需要考虑如何设计相应的文字样式了。

选中想添加文字样式的文本框,右键打开设置形状格式─文本选项就能在此修改文本填充和轮廓;再点文字效果又能看到诸如阴影、映像、发光、柔化边缘和三维等效果,每一种效果都有更细致的参数可调整。

这么多的文字效果,我们该如何使用,才能做好 PPT 中的文字设计呢?我们都知道, PPT 做得丑一直都是职场人的一大问题。而之所以会有这样的问题,一方面是 PPT 本身默认的效果就不好看,再加上 PPT 菜鸟随意叠加套用,就更显得不堪入目了。所以,我们使用文字效果时的基本原则,就是两个基本的原则是不使用默认参数和不随意叠加效果

不使用默认参数

先来看看文字效果使用默认参数的例子。以常见的渐变和阴影为例,使用默认参数的文字是这样的:

除了默认的颜色不好看以外,效果本身也有些生硬。以文字渐变来说,我们只需要保留两个渐变光圈,并根据主题色来作调整,而不是用默认的颜色,两个渐变光圈的颜色,差异不要太大,才不会让渐变显得生硬。而在渐变方向上,也可以修改成比较符合视线移动的角度,同时根据实际的效果,微调两个渐变光圈的位置。

在阴影效果的部份,我们可以观察到,目前的阴影效果,颜色是比较明显的黑色,且边界比起自然的阴影,少了一点模糊的感觉。这些反映到参数的设置上,就是透明度和模糊这两个参数的问题。想要让效果更加自然,我们就得调整这些参数。

我们先沿用上面渐变案例中的蓝色,作为文字的填充颜色,并且将原先阴影的颜色,也改为同样的蓝色,看起来会比较协调。接着,为了避免阴影过重,我们可以拉高透明度的参数至 80%;而模糊参数也可以直接拉高到 10 磅,让阴影有更朦胧的弥散感。最后,再根据实际情况,微调一下距离即可。

现在来看,是不是在效果参数上,有经过合理调整的文字样式,看起来就舒服多了呢?

不随意叠加效果

第二个需要注意的是,不要随意叠加效果,比如同时对文本框添加了渐变、阴影之后,还加上发光效果,这样的文字就显得太过杂乱了。

反过来说,如果只使用单一效果,但对效果的参数做合适的调整,即使 PPT 也能做出不错的设计。比如下面这张图,就只调整了渐变参数,却能做出类似于层次叠放的感觉。

作法上也不难,我们先将每个字拆开成独立的文本框,然后让它们稍微重叠。

接着,选中这四个文本框,点鼠标右键打开设置形状格式─文本选项─文本填充和轮廓─渐变填充,保留两个渐变光圈,并且都设为白色,其中一端的透明度,直接拉到 100%,最后将渐变光圈的位置,稍微往中间挪一点,就完成这样的效果了。

从以上的解说,你会发现想要熟练使用 PPT 的文字效果,来做出优秀的设计,一方面需要对功能参数有一定程度的了解,另一方面也得在日常培养审美的意识,才能做好文字效果和整体设计风格的搭配。

接下来,我们再以两个完整的文字设计的页面为例,来看看如何用 PPT 做出高质量的设计。

科技主题的幻灯片

第一个案例,我们来看科技主题的页面,初始内容如下:

首先,我们得先选择适合科技主题的字体。从前面字体的介绍,我们知道科技场景通常会用到的字体是黑体。因此,我们先为这几个标题大字选一种黑体,比如我这边先改成阿里巴巴普惠体 Black(英文小字选用的是字体圈欣意冠黑体)。

接着,我们来调整一下,文本框中的文字样式,比如前面我们提过的渐变色的文字,这边就可以把白字改成白蓝渐变,让文字看起来更有质感。

这个白蓝渐变的文字,是比较容易上手的文字样式。除此之外,你也可以运用渐变填充,来模拟金属感,比如当我们将渐变色的参数,改为一深一浅的分段形式,就能做出类似金属高光的效果。再从三维格式这边加一点顶部棱台和底部棱台,就能够做出类似钢铁材质般的金属字效果了。

调整完字体样式之后,选择一张深色的、科技主题图片作为背景,就顺利完成这张科技感氛围的标题页啦。(更多背景图设计的技巧,我们会在下个单元图片篇再详细说明)

文艺主题的幻灯片

第二个案例,我们来看另一种类型──文艺主题的页面,文字内容如下:

首先,还是先选择适合文艺主题的字体。从前面字体的介绍,我们知道文艺氛围通常是用宋体或书法字。因此,我们先为这几个标题大字选一种书法字体,比如我这边先改成演示秋鸿楷。

接着,我们来调整一下,文本框中的文字样式。这边我们就不用渐变色来填充文字了,而是改用文本填充中的图片或纹理填充。这个功能可以直接将背景图或材质纹理的图片(比如画面中的这张金箔素材),填入文字当中,能快速做出特定的文字效果,相当实用。使用方式也很简单,先将这张金箔素材,Ctrl + C 复制到剪贴板,然后从图片或材质填满这边,点一下剪贴板就可以了。

用图片或纹理填充这个功能,我们想做金属感的文字,就不用像上面一样慢慢调整渐变参数了,只要直接下载金属质感的图片,比如我这边直接用金箔素材,直接填入文字,就能快速做出像这样的金属字效果。

另外,以书法字的排版来说,用不同大小的文字来穿插,效果上会更好一些。所以我们可以把这个文本框,再拆分成一个字一个文本框,做文字的穿插排列。

同样地,调整完字体样式之后,最后我们再找一张水墨背景来搭配,就顺利完成这张文艺感氛围的标题页啦。

从上面这个案例,我们可以稍稍归纳出,想做好页面中文字设计的套路,都是绕着内容主题来做设计的:

  • 选择符合主题的文字字体
  • 设计符合主题的文字样式
  • 搭配符合主题的图片背景

只要简单的三个步骤,你就能快速完成一张有设计感的封面幻灯片了。

至此,我们大致讲完了,如何运用 PPT 中文字效果的功能,来做好看的文字设计。让我们在后续介绍其他图像元素的设计时,能更好地搭配,做出符合整体风格且兼具质感的幻灯片作品。

结语

在本篇文章中,我们讲完了第一个图像元素文字,提到了文字作为信息和图像的两面性,也介绍了字体相关的背景知识、选用字体的基本套路,最后也简单说明 PPT 中文本框的各种文字效果的功能,该如何使用和搭配,才能做出合适的设计。

下一篇我们会接着讲解第二个图像元素,也是大家最常用到的图片。让你不只是将图片摆到幻灯片中,也还能经由各种 PPT 的图片设计功能,做出简洁清晰的图文排版,甚至还能做到电影级的图片展示。

© 本文著作权归作者所有,并授权少数派独家使用,未经少数派许可,不得转载使用。


文章来源: https://sspai.com/post/76990
如有侵权请联系:admin#unsafe.sh