赋予复杂内容以简洁的形式。
减少无谓的繁杂装饰,增加内容相关的精雕细琢。
不刻意炫技,但技术悄然渗透到每个方面。
外表干净整洁,细嚼有滋有味。
这是我心目中好的演示文稿的标准。
本期,老黑就来介绍一下目前为止我见过最棒的演示文稿。
2019年GOOGLE I/O大会。
谷歌2019年开发者大会5月7日在加州举行,随后我从网络上下载了视频,反复观看了很多遍。
对其中的每个细节进行了GIF截图,在过程中我自己学习到了很多有趣有用的设计。
分享给大家~
01
变化画布大小
在讲解发展历程的时候,谷歌采用的平面设计非常简单。
一条直线代表时间轴,事件直接放在圆角矩形里。
当小球沿着时间轴运动,圆角矩形逐个出现的时候,效果非常棒。
用PPT,我们容易做出类似的平面设计。
还能够让小球动起来,事件框随之出现。
但如果要让小球运动的同时,页面的大小发生变化,就比较困难了。
这正是PPT动画设计的一个缺点:无法修改观察视角,我们永远看到的都是整个页面。
如果要实现类似效果,可以借助PR等剪辑软件,将PPT导出的视频进行处理,然后再插回PPT中。
对于剪辑软件而言,修改观察视角是最基本的功能了,只需要首尾各设一个关键帧,拖动一下视频大小就行了。
做PPT而不局限于PPT,借助其它软件,能够让演示变得更加多样化。
例如用修图软件处理图片,用PS合成图片,用AI过渡矢量素材,用AE做动态背景,用C4D制作3D模型等,都是可以探究的方向。
从另一个角度思考,运动是相对的。
坐在静止的火车上,看到旁边的火车开始移动,常常无法辨别是自己的火车开动了还是旁边轨道的火车开动了。
从相对运动的角度出发,我们只在PPT中,也可以做出画布变化的效果。
让背景图片的大小发生变化,这个技巧在营造氛围的时候非常有用。
似乎是摄像机拉远/拉近了,其实只是背景图片变小/变大了。
诀窍就在于插入一张图片,然后给它添加强调动画中的【放大/缩小】动画。
02
交互效果
谷歌开发者大会的演示文稿中,大量仿制了人机交互效果。
这种效果的设计原理很简单,整个页面其实是一张图片,图片有一个窗口。
露出下面的界面以及它的动态效果。
制作这样一个带窗口的图片,使用图片与形状的布尔运算或者幻灯片背景填充都能实现,感兴趣的朋友可以翻看我之前的相关文章。
在PPT中还原交互设计的动效,细节很重要。
举个栗子,一个小小的单击动画,如果只是生硬地变色,感觉就像卡住了。
按钮点击的一瞬间,放大一些,看起来就会更自然。
还原UI界面和动效,都是为了让人能够更直观地理解内容,但也带来一个问题,就是按钮太小了。
谷歌采取了如此策略。
从界面中截取重点并放大,简单有效。
类似的效果,我们可以应用平滑切换或者平滑过渡在PPT中制作出来。
03
跨页的元素衔接
PPT中的多页,往往是相互割裂的。
如果能用简单的动效,将多页连在一起,既对逻辑有帮助,又能让演示更有趣。
例如,将图片归置,延伸场景。
或者讲解功能。
当了解了这样的表达方式,再配合上PPT的平滑切换,可以还原类似动效。
04
更多灵感
文章写太长了没人看,他们都说3点结束最好。
那我就写4点吧,剩下有很多截图就没有详细归类了,供参考欣赏。
3D效果:
缩小定位效果:
视频的应用:
图表动画:
移动效果:
PPT能够实现其中的许多设计,也有不少我仍在探索可行性和操作步骤,希望以后能够再分享。
相比各大厂千篇一律发布会而言,我觉得谷歌开发者大会的这个演示文稿更有意思。
你觉得呢?
黑白间设计
致力于在美与实用间寻找平衡
让设计变得简单
∨
今天,我们想通过带你完成从头到尾设计演示文稿的实际过程,来掌握创建更好、更专业的演示文稿通用的规则和想法。
我们将分解设计过程的每一步,从选择色彩和图片到正确使用版式。读完本文后,你应该已经准备好设计自己漂亮的演示幻灯片,让你的同事感到震惊。
对于许多人来说,使用预构建的 PowerPoint 模板可能是一个很好的起点(iSlide为你提供了一些精美的PowerPoint 模板/资源素材!)。
iSlide 是一款基于 PPT 的插件工具,包含 52 个设计辅助功能,9 大在线资源库,超 50 万专业 PPT 模板/素材 支持 macOS 和 Windows 系统(兼容 Office 和 WPS)
我通常在设计之前就先考虑内容,演示也不例外。理想情况下,你在考虑设计之前就已经概述了主题和大部分或全部内容。这将以各种方式塑造你的设计外观,这就是为什么使用预构建模板并不总是最好的做法。
我提出这个问题的原因是我并没有真正考虑到这个项目的实际演示。我将运行一个基本主题,但文本信息将完全是占位符副本。你的图片、字体、色彩和布局选择不一定与我的匹配,而是反映你正在处理的主题和内容。
在我打开PowerPoint 之前,我想找到一个配色方案作为我整个设计的基础。当我需要快速找到几种搭配的颜色时,我通常从 iSlide 开始。它不仅是构建你自己的配色方案的好方法,而且还是查找其他人构建的配色方案的绝佳来源,你可以将其用于你的PPT项目。
iSlide 色彩库是一组组搭配好的PPT“主题颜色”,你可以选择适合的主题颜色应用到当前PPT文档,从而在色彩搭配上保持和谐且一致。
现在,如果你想让一切都完全正确,你可以列出 RGB 或十六进制值,但我更喜欢更快捷、更直接的路线。
现在我们有了配色方案,设计工作就会简单得多。设计师在演示中经常使用的一个技巧是尽可能多地利用配色方案。如果你是设计新手,你可能会认为这太简单、太简单,甚至认为它在某种程度上作弊,但相信我,它会比你喜欢的微软标准色更具吸引力和专业性很多。
首先,只需从你打开的iSlide色彩库方案中获取一种颜色,然后用它填充幻灯片的背景,然后现在让我们添加一些排版。
对于非设计师来说,字体选择是一个主要问题。人们倾向于认为大多数字体都很“无聊”,并四处寻找令人兴奋和有趣的东西。这不可避免地导致使用 Comic Sans 或其他一些同样丑的字体。
除非你是一名小学老师,否则你的演示文稿绝对不应该是这样的。相反,你为什么不尝试其它字体,看看是否能想出你喜欢的东西。
组合字体可能是一项棘手的任务,需要训练有素的眼神才能完成。
例如,我为封面幻灯片选择了 Helvetica Bold Condensed 和 Helvetica Light。请注意字体在粗细方面有何不同。选择相对接近的两种样式会导致视觉混乱,一般经验法则应该避免。相反,你想要的是对比度,而且是足够的。
请注意我设置这张幻灯片的方式的一些事项。首先,我对文本使用了强左对齐,中心对齐应该是最后的手段,而不是第一个手段。它往往是你可以选择的最弱的文本对齐方式,具有硬边可显着提高可读性。
另外,请注意我使用的大量留白。请记住,不要占用每一寸空间。给你的文本呼吸空间对你的布局有很大帮助,并使设计看起来干净。
此时,你可能想知道为什么要浪费时间阅读,以便我可以给你如此简单的建议。事实是,大多数创建演示文稿的人都可以通过遵循上述建议将其提高 100%。然而,我意识到极简主义对于某些人来说可能过于极端,所以让我们添加一张图像以使其看起来不错。
因为我们的文字在左边,所以我想在右边找一些有点重的东西。我的总体主题是“城市照片”,假设我要提供某种建筑或以城市为中心的演示。同样,你必须选择与你自己的主题相关的图片。
现在,如果我们只是将此图片作为背景,则文本将变得难以阅读,并且我们将放弃我们的配色方案。我们要做的是将其设置在彩色幻灯片的顶部,并将混合模式设置为“叠加”。然后将不透明度调至 45% 左右。
正如你所看到的,这有助于幻灯片看起来更有趣,但保持文本和颜色相当完整。这是一个简单的解决方案,为原本简单的设计增添了很多乐趣。
封面可能看起来只是设计的一小部分,但实际上你已经为整个演示定下了基调。你已经准备好主题、配色方案和字体。现在你只需为你的内容设置一些不同的布局即可。
让一切都非常简单:这包括你所包含的内容的级别。除了设计之外,这些都是你将在每门公开演讲课程中学到的良好演讲策略。把你要说的一切都填满你的幻灯片会让你变得没有必要。你可以把幻灯片通过电子邮件发送给每个人。
相反,这些幻灯片只是为了提供视觉帮助。展示一张包含总体主题或要点的幻灯片,然后说出其余内容,无需阅读。没有什么比看着一个人逐字逐句地读他的记事本三十分钟更糟糕的了,除了看着一个人背对着观众,这样他就可以一直大声地向你朗读他的幻灯片!你可能会笑,但我亲眼目睹过这种事发生。
对于我们的第一张内容幻灯片,我们将抓取另一张照片并将其以全屏设置到幻灯片的底部。然后,我们将顶部设置为方案中的另一种颜色,并使用与封面上使用的完全相同的格式添加一些文本。
看看这与我们已经建立的主题非常相似,但看起来仍然有很大不同?这是良好的演示设计的关键:有凝聚力,没有冗余。
现在,对于第三张幻灯片,我们可以简单地使用新颜色和新图片来执行第二张幻灯片的反转。
如果所呈现的每张幻灯片都能以全图片显示,那就太好了,但事实是这根本不切实际。通常情况下,你会呈现图形信息或其他不一定是照片的项目。
我的建议是尽量贴近你的主题。对于下面的幻灯片,我用原始方案中的纯色填充了整个背景,并用白色柱子制作了一个快速 3D 图形。
正如你所看到的,这张幻灯片非常注重信息,但它并没有牺牲我们已经建立的美观性和简单性。
从这里开始,您可能会想出一两个以上的替代幻灯片设计,然后在演讲期间在它们之间轮流使用。其结果是一份精美、可读性强且高度专业的演示文稿。好处是,简单直接的设计可能会比充满剪贴画的恐怖节目减少工作量。
大多数时候,出色的设计并不意味着特别具有艺术性或知道如何创建令人惊叹的复杂布局。相反,它是以一种有吸引力且用户友好的方式呈现信息。记住这个目标,你就会意识到,如果你的最终结果很丑陋,你可能就太过努力了。尝试剪掉一张幻灯片上一半或更多的元素,并为剩下的内容提供强烈的左对齐或右对齐以及大量的空白。
我希望这篇文章能够说服您一劳永逸地放弃那个剪贴画面。演示文稿中干净、简约设计的好处是显而易见的:与你通常在演示幻灯片中看到的混乱信息相比,信息更容易理解,最终结果也更专业。
当然,如果您希望快速入门,请使用【iSlide AI 】PPT助手工具!
相较于传统手工设计 PPT,iSlide AI新功能将提供更多的便利和选择,让 PPT 制作事半功倍。
1. AI 设计工具的智能生成 PPT 只需输入相关的主题和内容,iSlide AI 就会自动生成一个结构化的大纲,自动添加标题、副标题和页码等元素,帮助你快速、高效地完成 PPT 制作,使整个大纲更加清晰和易于阅读。
2. 上传专属主题模板,AI 一键换肤 通过上传已有的主题模板,iSlide AI 能快速匹配整个界面的颜色、字体、布局等元素,拓展最佳的图示设计,只需点一下按钮,就能够一键换肤,简化了操作流程。
3. PPT 主题定制设计 通过定制主题模板的色彩、字体、图形等元素,充分展示品牌个性,使演示内容与品牌高度一致。
iSlide AI 生成 PPT 功能的全面升级,将为您的 PPT 制作带来全新的体验和效率。
设计师团队拥有丰富的经验,将充分理解您的业务需求,为您打造出既吸引人又实用的 PPT 主题,预设的版式、内容结构、主题颜色等使演示更符合规范,帮助您在各种场合中更好地传达信息。
来源:cnBeta.COM
今天微软宣布了一项新的 Word 功能,允许用户将 Word 文档转换为 PowerPoint 演示文稿。这项功能已经面向网页端的 First Release 用户开放,能够根据文档的摘要部分内容自动化创建演示文稿,而且通过人工智能添加图像、图标、视频、主题和字体等等。
使用该转换功能步骤如下:
1. 打开任意你希望转换为演示文稿的 Word 文档 2. 点击 "文件">"转换">"转换为 PowerPoint 演示文稿" 3. 根据提示,为你的温室文稿选择一个设计主题 4. 点击“打开演示文稿”在网页端 PowerPoint 中进行查看 5. 使用该选项的用户会在 OneDrive 根目录下创建该演示文稿该功能目前仅适用于英文 Word 文档。
发表评论