关于推介和展示

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">视觉效果和演示风格当然很重要（更多内容见下文！），但它们是为您讲述的故事服务的。你所说的才是最重要的部分。

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">建立观众信任

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">在开始准备演示文稿之前，我会快速了解一下房间里可能有哪些人。建立信任对于让观众以不同的方式思考、行动或感受至关重要，要做到这一点，你必须向观众表明你理解他们。以下是我在准备演示时尝试回答的一些问题：

• 他们关心什么？考虑他们的挑战、需求和目标。

• 他们为什么听你的推销？

• 他们要得到什么？

• 他们如何沟通？我需要融入特定行业的语言吗？

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">构建你的故事

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">我的演讲通常以一个故事为基础，让观众知道我真正理解他们。为此，我会尽我所能地了解房间里可能有哪些人，阐明与他们产生共鸣的问题陈述，并介绍解决方案。为了构建问题陈述，我的设计策略教授建议完成这句话：“对[一项任务]有[感觉]的[利益相关者]需要[采取行动]，但[面临障碍]。”

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">然后，介绍您的解决方案，在解释其工作原理时强调它如何解决问题。将问题描述中的语言循环到本节中，或者回忆早期示例中的人物或事件，会很有帮助。以号召性用语 (CTA) 结束，要求受众以某种方式采取行动：批准您的项目以进行进一步探索、资助您的工作、提供指导，甚至以不同的方式思考。

figma-y6citn" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(5vw, 72px); font-variation-settings: "wght" 750, "wdth" 70; font-feature-settings: "ss01"; line-height: 1.04; letter-spacing: 0.005em; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">交货：你怎么说

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">虽然你的言语使你的视觉效果很重要，但你的语气、举止以及你的自我风格可以将一系列幻灯片转变为令人信服的宣传。

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">提高（和降低）你的声音

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">听完我自己的录音后，我发现我的声音比大多数其他人的声音变化幅度要小，即使我真的很兴奋。面对面时，我会稍微给自己打点精神：我会提前喝咖啡，穿高跟鞋让我站得更高，然后在浴室里晃动我的四肢。在演示过程中，我会用手做手势，让我的脚四处移动，当我需要强调某件事时，我会向前倾。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">人类喜欢反映真实的情感，所以如果观众感受到你的兴奋，他们也更有可能参与其中。当您从观众那里获得基于眼神接触和肢体语言的微妙反馈时，您可以相应地调整您的演示风格。如果房间里的人似乎走神了，这可能是一个改变的暗示：在房间里走动，说话大声一点，或者尝试与观众中的几个人进行眼神交流。

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">调整为虚拟演示模式

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">远程演示可能会令人畏惧。除了潜在的技术困难之外，您可能会发现您平时的语调和手势在虚拟环境中无法很好地翻译。要了解我在说什么，请尝试花五分钟私下大声朗读，并录制您的声音。聆听您的录音，您就会对您演讲时观众听到的内容有所了解。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">无论是网络故障还是参与者的视频和音频被关闭，视频会议都会限制演示者获得观众的即时情感反馈。以下是我适应 Zoom 会议的一些方法：

• 演示时站立（您可以将计算机叠放在一些书上）

• 将您的视频固定到屏幕上，通过观看自己的表演来增强自己

• 在计算机上添加便签，提醒自己微笑并扬起眉毛

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">重复自己

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">当我第一次开始演讲时，我父亲告诉我，每当他在推销过程中有真正想要推销的东西时，他就会重复三遍。为了使事情更有凝聚力和令人难忘，请将口头重复与视觉主题结合起来——对相同的重复图表、重复图像或屏幕上的单词进行小调整。

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">运动着装

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">穿着舒适、灵活的衣服，这样您就可以放心地在里面移动和做手势。穿让你感到自信的衣服。如果您有一套能让您感觉最好并昂首挺胸的首选服装，那就穿上它吧！请务必牢记温度，尤其是在您不熟悉的环境中。

figma-y6citn" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(5vw, 72px); font-variation-settings: "wght" 750, "wdth" 70; font-feature-settings: "ss01"; line-height: 1.04; letter-spacing: 0.005em; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">视觉效果：如何展示

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">虽然一副牌本身可能很漂亮，但它的作用是强化你大声说的话。幻灯片应该阐明你的论点，增加意义，并将观众的注意力集中在支持你演讲的证据或例子上。我在 Figma 中构建我的套牌，只需点击几下，我就可以在幻灯片中操纵和复制设计元素。组件、设置颜色和设置样式是高效幻灯片设计的好工具，尤其是当我与其他人一起工作时。

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">幻灯片简单

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">有一个称为视觉经济的设计原则，基本上意味着有用的简单性，消除一切分散注意力的基本部分。在过去的几年里，这对我来说一直是最有用的指导原则之一。您的视觉效果不需要非常艺术或复杂。下面是我在最近一次关于写作的演示中使用的幻灯片：

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">由于我在演讲中需要讲很多内容，因此我希望随附的视觉效果简单且相关。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">虽然简单通常更好，但这并不总是意味着更少的幻灯片。我喜欢整理包含两个以上独立数据或信息的幻灯片，即使这意味着幻灯片数量加倍；我最近做了一个 6 分钟的演示，有 54 张幻灯片。以下是我发誓遵循的一些通用幻灯片制作规则：

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">如果您要呈现多条相关信息，请横向对齐它们，而不是像要点一样堆叠它们：

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">使用单字或无字幻灯片的 TED 演讲方法也是一种流行的技巧，尤其是当你试图阐明要点时：

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">对齐和间距

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">仔细注意对齐和间距可以使您的观众更轻松地查看和理解您的幻灯片。如果您选择在每张幻灯片上都有重复的元素（页码、字幕等），请确保它们在幻灯片之间、像素之间处于相同的位置。除了分散观众的注意力之外，即使是看起来有点不合适的间距也会让演示文稿感觉不那么精美。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">下面是在幻灯片中设置一致的边距和间距的示例。我最喜欢的强制边距的方法是创建一个带有内置矩形剪贴蒙版的幻灯片模板来自动裁剪边距：

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">版式

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">出色的排版使出色的演示文稿与优秀的演示文稿脱颖而出！以下是基础知识：

• 独特的字体可以给您的演示文稿带来很多特色，但可读性是您的首要任务（在您对排版做出任何最终决定之前，请参阅下一节有关可访问性的内容）。

• 即使您没有任何字体，对免费网络字体进行几个小时的研究也可以帮助您的排版从通用变为精美。一个古老的设计技巧是混合两种字体；Typewolf非常适合帮助您找到完美的配对。

• 对于更深入的研究：有免费的在线字体课程和一些不错的媒体出版物，涵盖了迷人的字体世界。

• 如果您正在寻找一款出色的免费无衬线字体，请查看Rasmus Andersson的Inter（之前的 Figmate）。Inter 是一种漂亮的字体，已经通过 OpenType 内置到 Figma 和 Google Docs 中。

• 说到 OpenType，Figma 的常驻排版爱好者 Marcin Wichary为 OpenType 写了一首颂歌

  figma.net.cn/core/extend/ueditor/themes/default/images/img-cracked.png" srcset="https://cdn.sanity.io/images/599r6htc/localized/61e10904ee2ac8ebbd93fb3d1518613f02f1641b-2120x1000.png?q=75&fit=crop&crop=focalpoint&auto=format&dpr=0.5 1060w,https://cdn.sanity.io/images/599r6htc/localized/61e10904ee2ac8ebbd93fb3d1518613f02f1641b-2120x1000.png?q=75&fit=crop&crop=focalpoint&auto=format&dpr=0.75 1590w,https://cdn.sanity.io/images/599r6htc/localized/61e10904ee2ac8ebbd93fb3d1518613f02f1641b-2120x1000.png?q=75&fit=crop&crop=focalpoint&auto=format 2120w,https://cdn.sanity.io/images/599r6htc/localized/61e10904ee2ac8ebbd93fb3d1518613f02f1641b-2120x1000.png?q=75&fit=crop&crop=focalpoint&auto=format&dpr=1.5 3180w,https://cdn.sanity.io/images/599r6htc/localized/61e10904ee2ac8ebbd93fb3d1518613f02f1641b-2120x1000.png?q=75&fit=crop&crop=focalpoint&auto=format&dpr=2 4240w" loading="lazy" alt="" style="box-sizing: inherit; border-style: none; cursor: var(--cursorPointer); display: block; object-fit: cover; aspect-ratio: 21 / 9; width: 298px;" data-catch-result="fail"/>

  figma-19jvqfh" style="box-sizing: inherit; cursor: var(--cursorPointer); margin: 12px 0px 4px; font-size: 16px; font-variation-settings: "wght" 600, "wdth" 98; line-height: 1.7; letter-spacing: 0px;">

  ——这是一个潜水的好地方。

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">无障碍

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">可访问性是关键，并且有许多关于演示文稿设计中可访问性的指南（例如本指南）。以下是一些可帮助您入门的其他指南：

• 如果您在教室中演示，请提高幻灯片上的文本对比度并使图像曝光不足。

• 阳光充足的房间会使投影褪色，并增加 LED 显示屏的眩光，因此黑色会显得灰色，白色不会明亮，深色会显得淡，而明亮的颜色会看起来像粉彩。

• 如果您在演讲厅或长形会议室等大房间中进行演示，可能很难正确看到屏幕，您可以在开始之前分享一个查看演示文稿的链接，以便人们可以跟进他们自己的设备。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">如果您进行虚拟演示，您就有更多的余地，因为人们可以定制他们的观看体验并近距离阅读。只需确保在演示开始时签到，以确保每个人都能听到您的声音并看到您的屏幕。

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">图像

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">照片、插图、图标和视频都可以帮助您讲述一个引人入胜的故事，但弄清楚从哪里开始可能会让人不知所措。以下是一些注意事项：

• 每幅图像要么有助于或分散你的主要故事，所以请确保你的图像增加了意义，而不是装饰。装饰图像的一个常见例子是图像学。虽然人们很容易被图标所吸引，因为它们在日常用户界面中随处可见，但请记住，没有人会点击宣传材料中的任何内容。

• 利用免费的设计资源和免费使用的摄影。Figma 甚至有一个插件！只要确保给予认可，可以通过添加标题、链接到幻灯片上某处的资源，或者在幻灯片末尾专门放置一张幻灯片来引用。

• 根据您的受众，他们可能会对更前卫的图像做出更好的反应。想想：迷因、流行文化参考和新闻文章的屏幕截图都可以。只要确保你的参考资料是相关的，当有疑问时，请谨慎行事——为了一个表情包而疏远或冒犯观众中的任何人是不值得的。

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">颜色

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">在大多数情况下，少量使用强调色可以为幻灯片增添光彩。您可以使用颜色来突出显示特定的单词或数据点，或者帮助以更微妙的方式讲述您的故事：在一次演示中，我逐渐更改了背景颜色以平行于不断发展的概念。我还使用强调色和背景色来区分不同的主题。在某些情况下，甲板上的颜色数量惊人，看起来会更好。要有创意并享受色彩的乐趣，但要确保它不会影响可读性。

figma-81kuz0" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-family: hex-franklin-variable; font-size: min(3.8889vw, 56px); font-variation-settings: "wght" 750, "wdth" 74; font-feature-settings: "ss01"; letter-spacing: 0.01em; line-height: 1.12; color: rgb(19, 19, 19); text-wrap: wrap; background-color: rgb(255, 255, 255);">可视化数据

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: rgb(19, 19, 19); margin-block: 24px; font-family: hex-franklin-variable; font-size: 18px; text-wrap: wrap; background-color: rgb(255, 255, 255);">事实和数据可以提供强有力的支持。请记住将它们放在更广泛的故事背景中呈现。当您考虑要包含哪些数据时，请优先考虑可以直观表示的数据，例如随时间的增长。为了获得灵感，我喜欢参考《布丁》、《我们的数据世界》中以数据为中心的新闻报道，以及《纽约时报》中的视觉故事和图形。图形团队，定期发布清晰的、以数据为导向的故事。