为什么讲故事
就像我之前提到的，讲故事很适合谈论我们的价值观，因为它为我们所做的事情提供了背景。这是一种不同的呈现信息的方式，其目的不是快速消耗信息，也不是为了吸引注意力而优化的信息。它不仅关注信息，还考虑了阅读经验。
我们首先选择多样性是因为该主题触及我们的核心价值观之一。当Marieke在2019年初担任Yoast首席执行官时，我们的高层管理人员中没有那么多女性。因此，玛丽凯（Marieke）启动了一个项目，目的是在Yoast培训和增强妇女的能力，使其愿意担任这些职务。
在此过程中，她还创建了关于多样性和女性主义的演讲，可以在公司以外的其他地方（例如WordCamps）进行演讲，以激发其他人采取行动。然后，将演示文稿转换为数字故事对于我们来说是有意义的，因为它可以吸引更多的受众。这将成为人们可以自己学习更多知识的更永久的场所。
讲述数字故事的过程
概念
一旦第一个故事讲述项目的想法诞生，Marieke就根据她的演示文稿编写了草稿，我们的设计团队开始工作。
设计团队已经在我们所有产品中设计了大量页面，这些页面遵循样式指南（或者至少应该这样做！）。但是，我们无法实现只用工具包中已有元素可视化呈现此故事的方式。它要求采用大胆，有趣的设计来引导读者体验这种体验。
这种体验的中心部分必须是我们的插图。我们的插图画家最近一直在Adobe After Effects中尝试动画，并且我们认为，如果我们可以在数字故事中使用这些动画，那将是很棒的。
基于文本草稿，他们开始进行素描和情节提要。他们希望每个部分都具有自己的角色，而我们的视觉风格已经尝试包含所有内容，以便与该主题很好地匹配。
动画
除此之外，这次他们还希望添加微妙的动画。但是在网络上拥有高质量和快速性能的动画有时仍然是一个挑战。我们当然考虑了GIF和具有自动播放功能的MP4，但事实证明，在AirBnB的JavaScript库Lottie.js的帮助下，您也可以对SVG图像进行动画处理。
为此，请在After Effects中创建基于矢量的动画，然后将其导出为JSON。如果您也想尝试一下，可以阅读如何从After Effects中创建和导出兼容Lottie的动画，和/或了解有关如何在WordPress块编辑器中实现由Lottie驱动的SVG动画的更多信息。