GIF 动画和电子邮件:黄金组

Showcase, discuss, and inspire with creative America Data Set.
Post Reply
jrineakter
Posts: 860
Joined: Thu Jan 02, 2025 7:05 am

GIF 动画和电子邮件:黄金组

Post by jrineakter »

由于读者没有点击您的网站或博客,您的邮件列表的有效性是否正在稳步下降?然后考虑使用 GIF 动画来使您的下一封邮件更加生动。通过有吸引力的例子,我们将逐步向您展示如何在电子邮件策略中成功地使用 GIF 动画。

GIF动画又回来了,并且已经成为一种成熟的营销工具。结合电子邮件,越来越多的营销人员发现了这一黄金组合,如果使用得当,可以显著改善用户体验、点击率和新闻通讯的转化率。

什么是 GIF?
GIF(图形交换格式)是一种图像格式,由在线服务提供商 Compuserve 的 Steve Wilhite 于 1987 年开发。 GIF 允许早期的 Web 构建者使用经过大量压缩的彩色图像,这样即使通过吱吱作 乌干达 WhatsApp 数据 响的电话调制解调器,这些图像也能够相当快地显示出来。

香蕉

后来出现了 JPEG 和 PNG 等更好的格式,但 GIF 仍然保留了下来,因为它可以用来创建在大多数浏览器和电子邮件程序中播放的动画。

从废话到营销工具
在 90 年代,网站管理员一直使用 GIF 动画。因此许多网站包含大量移动元素。 GIF 的声誉很差,因为它与繁忙且烦人的网站有关。然而近年来,GIF 动画在 Tumblr、9GAG 和 Vine 等网站上强势回归。事实证明,老式的 GIF 动画是一种传达幽默的简单手段。

事实证明,GIF 非常适合更快地吸引客户的注意力并提高转化率。

营销人员也发现了 GIF 动画的威力。事实证明,它们非常适合更快地吸引客户注意力并提高转化率。

难怪您会在新闻通讯中看到越来越多的 GIF 动画。例如,当戴尔推出一款新的笔记本电脑时,它会发送带有动画的新闻通讯。结果是:转化率提高了 109%。

戴尔新闻通讯

电子邮件中 ​​GIF 动画的六个鼓舞人心的示例
通过以下六个实际的例子,我们将向您展示如何在邮件中有针对性地使用 GIF 动画。

1)特别关注产品
服装店 LOFT 通过巧妙的 GIF 动画让一张枯燥的图片变得有趣。令人突然感动、惊喜并引人注目的包装:

动画 gif 阁楼

Netflix 在其新闻通讯中以令人惊讶的方式介绍了《纸牌屋》的新一季:

纸牌屋

2)讲述一个复杂的故事
使用动画而不是文字更容易解释复杂的问题。互联网机构 Bosse Media 通过下面的动画精美地说明了响应式网页设计的运作:

响应式网页设计

3)强调一个元素
几乎每封邮件都包含所谓的“行动号召”。不幸的是,越来越多的消费者对华而不实的按钮视而不见。通过微妙的 GIF 动画,您可以强调行动号召或其他重要元素。 Topshop 的这个动画就是一个很好的例子:

gif 动画 Topshop 销售

4)节省空间
长段文字或一系列图像会让很多人望而却步。因此,用 GIF 动画来总结较长的信息。这样,您将能够更好地吸引邮件的读者并让他们参与到您的故事中。例如,看看Charlotte Tilbury的这个介绍:

夏洛特蒂尔伯里

5)解释一个过程
GIF 动画是解释某个过程的绝佳方式。通过动画,您可以在一秒钟内展示某个动作,而通过文本,则需要几句话才能展示。例如,MailChimp 使用动画来展示其新界面的工作方式:

gif 动画 mailchimp

6)演示产品
有时,最好展示产品的实际运行情况来说明其工作原理。在下面的 GIF 中,您可以清楚地看到 Photojojo 的两个相机配件的工作原理:

佳能

通过 ometria.com和 litmus.com观看 GIF 动画

GIF 动画的禁忌
不要仅仅因为可以使用 GIF 动画就在您的新闻稿中使用。这会造成混淆并分散您对信息的注意力。始终使用 GIF 动画来实现目标,如上述示例所示。

一些实用技巧:

确保您的 GIF 动画在新闻稿顶部可见并立即吸引注意力。
不要在每份新闻稿中都使用 GIF 动画,否则将会失去令人惊讶的效果。
确保您的 GIF 动画与新闻稿中的其他重要元素成比例,以便它们也足够突出。
保持简单和简短。复杂的图像和长动画通常有几 MB 的大小,这会导致较长的加载时间并使读者感到烦躁。
GIF 与视频
自从 HTML5 出现以来,您还可以在时事通讯中放置视频。视频是讲述详细故事或展示公司氛围的绝佳方式。但与视频相比,GIF 动画有两个主要优势。

1. 文件大小
GIF 与视频相比,最大的优势是文件大小,通常保持在 100 千字节以下。这可以确保您的动画快速加载,并且读者可以立即在新闻通讯中看到它,即使他们使用移动互联网。一封包含几秒钟视频内容的电子邮件很快就会增长到几兆字节的大小,导致读者不满意,他们不得不等待很长时间并丢失大部分数据包。

还可以轻松减小 GIF 的文件大小,例如,通过减小图像尺寸、删除一些帧或使用更少的颜色。你无法通过视频快速完成这一操作。

2. 与电子邮件程序的兼容性
许多电子邮件程序可以播放 HTML5 视频,但 Gmail、Outlook 和原生 Android 应用等流行程序则无法播放。让如此庞大的群体对无法播放的视频感到失望,实在太可惜了。使用 GIF 动画就不会出现这个问题,因为除了 Outlook 和旧版本的 Windows Phone 之外,几乎每个程序都支持这种格式。这不是什么大问题,因为 Windows Phone 的市场份额很小,而且 Outlook 主要用于商业。幸运的是,后一种程序有一个解决方案。

商业通讯解决方案
如果有很多使用 Outlook 的商业读者,请确保他们也能清楚地了解 GIF 动画所传达的信息。由于这些读者只会看到您的 GIF 动画的第一张图片,因此您的信息应该在该图片中清晰地表达出来。因此,请始终将最重要的文本放在开头。

通过三个步骤将 GIF 动画添加到您的新闻稿中
是时候将理论付诸实践了。我们将通过三个步骤向您展示如何创建 GIF 动画并将其用于您的时事通讯中。为此,我们使用 Paint.NET、Ezgif 和 MailChimp 工具。

步骤 1:制作框架
GIF 动画由几个所谓的“帧”组成。当这些图像一个接一个地显示时,就会产生运动的感觉。您可以在自己喜欢的照片编辑器中创建动画帧,也可以免费下载Paint.NET。为了简单起见,我们用三种颜色创建了三张简单的图像。

销售松散帧 gif 动画

第 2 步:将帧合并为 GIF 动画
使用在线工具Ezgif, 您可以将三个单独的图像合并为动画。在他们的‘GIF 制作器’中选择图像。在下一个屏幕中,选择更改帧之间应经过的时间间隔,并决定图像是否应相互淡入。此后,按“制作动画!”您的 GIF 动画已准备好。在最终结果下方,您可以选择多种选项来优化并使其更加美观。

动画销售按钮

步骤 3:在 MailChimp 中添加动画
现在是时候将您的动画放入新闻稿中了。我们将在MailChimp中演示此步骤。如果您尚未使用此工具但感到好奇,请阅读初学者指南 。

登录后,转到“模板”选项卡并创建一个新模板。由于 GIF 也是一种图像,因此您可以通过将其拖到图像窗口中轻松添加动画。该动画现已添加到新闻通讯中。根据您的喜好更改 MailChimp 提供的默认示例文本。

为了确保 GIF 动画有效,最好在发送新闻稿之前对其进行测试。您可以通过选择右上角的“发送测试电子邮件”来执行此操作。现在向自己发送一封电子邮件并在您的电子邮件程序中查看它。一旦您满意,请将模板保存在 MailChimp 中,以便您稍后将其发送给您的新闻通讯订阅者。收件箱中的最终结果将如下所示:。
Post Reply