查看原文
其他

法律人制作大师级 Keynote/PPT 的四个步骤

iDC 麦读 2019-04-27

作者=iCourt Design Center

来源=微信公众号 | iCourt法秀

题图=Vincent van Gogh



法律人 Keynote/PPT 使用场景:

各类会议/年终汇报

面向客户/同行/老板


大师级幻灯片制作四步曲:

字体选择

排版布局

颜色搭配

炫丽动画


 

字体选择


Keynote/PPT 的首要目的是传达信息、辅助演讲。而大部分信息的传达手段都是通过文字加图片的形式。因此,很多律师认为,文字就是传达信息的载体,只要将想表达的信息打在幻灯片上就可以实现了。

 

其实不然,字体的选择对信息传达的影响远比我们想象得大。

 

那么怎么选择合适的字体呢?作为设计师,我们心中好字体的标准是:优美、简洁、清晰、直观。

 

如果你作为幻灯片的新手,想要简单尝试一下优秀字体的视觉体验,那么就尝试一下我们就向大家分享的几款比较好用的字体吧。它们都能较为优雅清晰地传达信息,而且屏幕显示效果较为出色。

 

一、万能的黑体

 

黑体字的特点是现代、时尚、稳重、简约。适用的幻灯片场景比较宽泛,可以说是百搭字体。

 

 

 

目前汉仪旗黑和兰亭黑这两款黑体已经站在了国内屏显字体的顶端。所以在任何时候你选择这两款字体作为幻灯片主字体都是很稳妥的。

 

二、文艺的宋体

 

宋体有着非常久远的使用历史,因为其深厚的文化历史演变进程,它的字体气质更偏历史感,且人文气质浓厚。宋体的关键词是人文、历史、文艺。

  


第一款字体我们说思源宋体, 思源宋体相对来说特征处理更为冷静克制,同时它在印刷与屏显之间找了一个中间值,这使得它的应用场景比较宽泛,是最通俗广泛的应用宋体。

 

第二种宋体我们说方正悠宋,不同于思源宋,悠宋可谓是在屏显处理上下足了功夫,不管是从横竖的粗细对比,或是衬角的简化处理,都十分适合屏幕显示。

 

第三种是我个人很喜欢的小冢宋体,不同于思源和悠宋,他身上有深刻的明朝宋体的影子,却又比明朝体更符合当下的潮流,笔画精致,人文气息十分强烈。

 

除此之外,还有一些好看的中西文字体组合,非常适合做标题,这里推荐给大家。

 

 

排版布局


一、文字排版要形成习惯

 

排版是一个很难被 “看” 到但却可以被切实感受到的元素,我们可以从一些实用的细节入手,在展示我们的文字的时候,注意这些细节。

 

1.正确使用符号

 

许多读者在不知不觉中会用 x 表示乘号,虽然大部分情况下不会影响信息理解,如果你知道这个错误后,严谨的你当然不允许自己那样做。

 

所以,表示乘号的时候,让我们用 × 代替 x 吧

 

 

2.注意中英混排

 

幻灯片上也经常会用到一些中英混合的句子,如果要让人觉得你讲究,重视观者体验,你需要注意一下,中英文之间加不加空隙的问题。


先来看下面这两个句子:

 

 

你能感受到第二行阅读起来更加顺畅,这是为什么呢?从不同语言句子构成角度,看看这张图就明白了。

 

 

因为英文句子构成是按 “词” 为单位来组成,而中文是以 “字” 为单位,所以英文作为一个新的单元插入到中文当中,带上左右空隙会更加符合阅读习惯。

 

所以这不是规范,只是因为中西文习惯差异,我们更建议大家中英文之间加上一个空格,多一些空间上的舒适感。

 

3.视觉优先级

 

我们在使用 Keynote/PPT 演讲的时候,为了强调重要的内容,有时候我们会在页面上反复多次强调同样的内容,因为重要的事情…

  

 

有时候为了达到一次突出的效果我们会…

  

 

幻灯片永远是辅助演讲内容的,设计的时候需要结合演讲内容思考希望控制观众看哪里,比如: 

 

 

我们之前通过字体、布局来突出表达的重点,现在我们还可以考虑用位置来控制信息传达的顺序,以至于引导观众的视觉轨迹,达成一个信息传递的视觉链条,这都是为了更好地传达信息所服务的,也同样通用于所有与文字相关的场景。

 

4.等宽字体的特殊应用

 

关于等宽字体我们直接来看一个例子:

 

 

2018 的营业额是 17 年的 6 倍多,但是视觉上却没有差很多,就没有对比的效果了,那再看看下面这个:


  

这张图的效果就十分明显,在需要对比数据的时候,等宽字体可以是用来体现差异的手段。

 

以上的内容不止是用于幻灯片,包括书写文档、即时通讯,只要是跟字相关的场景都可以用到,设计不止是设计师的事情,也欢迎大家能尝试用这些方式思考,全方位地提高自己的信息传达效率。

 

颜色搭配


一套 Keynote/PPT 最基础的要素无非是图与文互相搭配,选择了精细的字体和注意排版中的文字只是强化表达的第一步,幻灯片中图文相结合的模式才是助力我们表达的核心,因此解决了字体,还要考虑用什么样的色彩搭配来做到层次分明、详略有当

 

 

色彩搭配看似很简单,但是想要做好一套让人赏心悦目的配色方案并不容易,所以我们特地为大家准备了能最快实现有效实操的三个要点。

 

一、背景颜色

 

在做 Keynote/PPT 时通常我们会更改背景的颜色以及增加醒目的元素,目的就是让内容的重点更加突出,展现给大家的形式更加直观。

 

在选择背景颜色时,浅色(白色、浅灰色等)或饱和度低(色彩的纯度很低)的背景可以更好的突出演示内容,简单地说,黑白两色是背景的万能色。

 

例如下图,在纯白色的背景下文字的表现和图片的展示都很突出,黑白对比十分强烈,一眼就可以看到页面中表达的重点。

 

相反,明亮(饱和度高)的背景反而不能突出我们要表达的内容,还会分散大家的注意力。

   


明亮的色彩组合十分容易引起观众的注意,大量的鲜艳色彩出现在背景里面,并不是很友好的事情,要合理使用大面积明亮的色彩。

 

一般正式的演讲场合都不太合适用色彩强烈的颜色搭配,偏活泼、有趣的品牌主题则更适用于大胆的色彩搭配。

 

比如 :律师朋友们经常在讲课时分析案件,下面这样的颜色搭配就太过于鲜艳,不利于长时间观看,鲜艳的颜色搭配也会发散人们的注意力

 

 

同样,以黑色或者近似的深色作为背景,大多是与简洁的白色或者灰色搭配使用的。

 

 

有一些产品介绍、发布会等活动会使用背景偏黑色或深色,原因就是深色背景可以突出演讲者,如果是白色或亮色背景,会出现背影或反光,导致观众看不清演讲人,对于律师需要演讲的场合,黑色也是更加稳妥的选择。

 

二、不会出错的配色方案

 

在 Keynote/PPT 的制作中,我们尽量遵循一个原则:单个页面中,颜色不要超过三种。因为颜色用得越多,就越容易让观众或阅读的人注意力分散,影响信息的传达。

 

在做工作汇报或者展示方案时,需要用颜色来突出页面中的重点内容,让同事、客户能一目了然的了解信息传达的重点。

 

为此,我们首先需要确定一个在幻灯片里最主要的颜色,也就是主色,应用在最广泛的元素上。

 

例如:iCourt 的品牌颜色为橙色,在品牌运用过程中,一般重点的内容都会带一些橙色元素。然后,为了突出主次关系,我们再选择一个幻灯片里的辅助色调,作为分布上仅次于主色的颜色。一般应用在文字上,为此我们看一组对比图:

 

  

让我们一起对比这两张图所带来的视觉体验。上图运用浅灰色、浅橙色的混合搭配,这种颜色搭配会让画面看起来主次分明,并且干净简洁。而下图因为颜色非常多样,抓不住页面的重点,所以第一眼会让人觉得眼花缭乱

 

 

颜色之间的差异是实现幻灯片中强调作用最好的方法,运用好差异的核心就在于对辅助色的选择。

 

辅助色最好用的是深灰色、浅灰色或者黑色,切记不要使用其他高饱和度的明亮色,比如黄色、紫色、红色等。

 

一言以蔽之,最好用的配色方案就是黑色、白色或浅灰色搭配,需要科技感可以选择白色和蓝色,颜色是用于对比和强调的“要件”,自然需要有“阶层”划分,保持主色一以贯之,辅助色简单搭配,就可以让你的 Keynote/PPT 更具有阅读性和设计感。

 

三、进阶:善用互补色来出彩

 

上面我们提到过饱和度,饱和度越高颜色越鲜亮,要是过高就会引起不舒适,基于饱和度来配色就是更进阶的内容了,是带给追求极致的你脱颖而出的必胜方案。

 

我们首先要知道,颜色搭配中存在一些互补颜色,比如:绿色红色,黄色紫色,橙色蓝色,这些颜色两两之间的对比相当强烈,容易给人带来过大的视觉冲击,比如鲜艳的红绿搭配在服饰上就属于雷区。

 

但是往往越是对比强烈的颜色之间营造的强调效果就越是明显。因此如果能适当地运用互补色的话,就能给你的 Keynote/PPT 创造出远超他人的设计感和印象力。

 

在雷区的边缘行走,就必须特别慎重考虑色彩彼此之间的比例关系。适当使用互补色配色时,利用相对大面积的一种颜色与另一个面积较小的互补色来达到平衡。如果两种色彩所占的比例相同,那么对比会显得过于强烈。

 

比如说红与绿如果在画面上占有同样面积的时候,就是巨大的雷区。

 


当然,幻灯片配色要遵循内容为主的原则,一切的配色方案都是为了服务页面内容本身的。花哨的配色容易扰乱视觉,混淆主次,在掌握技巧之前最好不要挑战使用刺眼的配色方案,毕竟严谨求实也是我们需要传递给他人的一项信息,为了让配色看起来更舒服,偏淡的配色总归是不会出错的。


酷炫动画


相信很多律师在制作 Keynote/PPT 的时候都注意到了“动画效果”这个选项,动画是整个 Keynote/PPT当中非常重要的一个部分,它不仅可以使我们的页面过渡更加流畅生动有魅力,也可以辅助我们衔接不同页面之间的跳转,尤其是在演讲的场合,动态效果的表现力强,容易给人留下深刻的印象,最重要的是——非常高大上。下面我们以 Keynote 制作为例:

 

Keynote 预置的动态效果非常多,但是很多情况下不妥当的动态效果很容易造成观众对信息表达上的误解,也有很多人过度使用动画效果导致适得其反,对于动画效果做到“合理且克制”是最重要的。

 

值得注意的是,在 Keynote 的动画预置类型中也存在一个“二八原则”,即只要使用 20% 的效果就可以完成 80% 场景的动画展示,其中那 20% 就是“神奇移动”和“四大基本属性”了,只要灵活使用我们就能应对大多数的使用场景,那么什么是“神奇移动”和“四大基本属性”呢?

 

所谓“神奇移动”效果一般是两个页面之间进行跳转时候的一种过渡方式,它会把两个页面当中相近的图层通过一定的规则变化完成从第一张到第二张的过渡,PPT 里则需要选择特定的效果来实现。简单的说就是过场动画

 

“神奇移动”效果的实现方式非常简单:

 

1.首先做好移动前的整个页面元素的初始样式

 

2.其次复制一份当前页面并把页面元素调整为发生变化后的最终样式

 

3.最后只需要给第一个页面添加一个“神奇移动”的效果

 

 

而“四大基本属性”就是位置、大小、透明度、旋转了,只要灵活使用它们就可以做出很多很优秀的效果。

 


那么回归到具体操作如何一步到位,做到转身即用呢?基于“神奇移动”这个效果,我们为大家提供了这几种方案:


一、视觉差异化


一般情况下,我们观察图形的习惯是“会动的”比“高亮的”更容易关注到,而“高亮的”比起“常规的”更突出。所以,当我们为了让观众的注意力集中到某一个地方的时候,最好的处理方法是让这个地方动起来或者给个显眼的颜色。

 


上图案例当中我们通过对图形做差异化的同时再给一个动画过渡可以使观众注意力的转移有一个从左到右的过程。也使得前后内容之间的衔接更流畅、叙事内容更有前后节奏。


二、动态展示可视化图表


除了形状上的过渡效果,Keynote/PPT 内置的图表系统也有过渡特效,只要在不同数据量的数据图之间添加一个“神奇移动”就能通过动画的形式去观察数据内容的前后变化。

 

 

比如上图,只需要上下两张幻灯片都是同一样式的图表,在它们中间加上一个“神奇移动”图表就会随着数据波动也动起来。

 

三、局部与整体的切换


局部与整体的切换是一个可以巧妙配合内容需要而选择的小技巧,比如说在科技领域各种产品的发布会上我们会看到这样的动画效果,用以展开产品的细节部分:

 

  

相反如果是在表现律所发展的历程、规模或者是由小见大的内容时,我们常会见到这样的效果:


 

局部和整体之间的切换对于连贯叙事内容、通过视觉冲力给观众留下更深的印象是非常实用的技巧,同样在制作上只需要完成前后定格时的两张图片,配上“神奇移动”的效果就能实现。

 

四、通过元素入场顺序引导视线


我们直接看一个例子:

 

 

像图中这样通过时间差来引导视线的效果其实在很多律师的 Keynote/PPT 中都有过亲身实践,只不过没有像这样整体连贯地动起来,如果换成图表的话,也是一样的:

 

 

结语


看完了上面的流程是不是觉得自己就差两张做好的幻灯片给自己加个特效就好了呢,不要着急,当你熟练掌握了“神奇移动”这个特效之后你还可以达到这样的效果:

 

 

只是将“视觉差异”+“整体到局部”的方式组合完成到一起,就能使得我们整个案例讲解更加连贯有趣也高大上起来。当然,达成这一步也需要一定的练习,只要掌握了我们分享的方法,相信你也能摸索出更多有创意的动画效果。

 

最后,我们也为大家准备了一份礼物,帮助大家用最简单的操作实现出彩的设计效果,节省大量的时间,这就是我们的 Keynote/PPT 素材库了。(由于微信平台链接限制,大家可自行搜索网站)

 

图标类: iconfont

 

国内设计师都在使用的图形类素材下载网站,内容种类非常丰富。可以应对多种不同的场景需求。

 


图片素材类: Pixabay


提供大量的透明背景图片素材,高清且免费下载。还有部分高清视频插画等都可以免费下载商用。

 

 

视频素材类: Videvo

 

提供大量免费的视频素材,相比 Pixabay 内容量更大质量更高。

 

 

音频素材类: Freepd


一个汇集了互联网海量免版税的公共领域音乐资源网站,提供了许多不同类型的音乐资源,也可以升级 Pro 下载所有完整资源。

 


Keynote/PPT 模板类:PPTMIND

 

 

PPTMIND 是一个分享高质量模版的网站,这里的模版质量都较高,并且提供 Keynote 和 PPT 两个版本的下载。




延伸阅读

律师 Word 排版常见问题及解决方法

法律写作的二十个细节

法学论文格式常见问题及解决方法

查理·芒格:如何从律师成功转型投资

颜值与实力齐飞的 PPT 制作指南 




回复以下关键词看看:投稿 转载 微课 公共课

精要目录 集成目录

回复 实务书单 给你 30 份法律书单

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存