电子邮件动画站 – GIF 等指南

已发表: 2023-11-07
图片由Giphy提供

你看到上面那个了吗? 这是一个 GIF 动图。

我们确信您知道 GIF 是什么,因为如今 GIF 随处可见。 它们遍布在社交媒体上,包括 Facebook、Twitter 和 Instagram 回复。 您可以互相发短信,而不用打字回复。

GIF 也已迁移到我们的电子邮件收件箱中,尽管企业常常不敢碰它们。 它们存在于电子邮件中的视频和主题行中的表情符号之间——适量即可有效,但太多,就会让观众失去兴趣。

动画电子邮件确实与您可以添加到消息中的任何其他功能一样有细微差别,我们在这里揭示规则。 本文将深入探讨电子邮件动画的好处、如何为电子邮件添加动画,以及最重要的是如何有效地使用它们。

目录

电子邮件动画的好处

电子邮件中的动画是持续提供的 GIF(明白了吗?)。 以下是您的营销活动将如何开始受益的方式。

让您的电子邮件脱颖而出

Litmus 的 2023 年电子邮件设计现状报告发现,只有 58% 的营销人员在电子邮件中使用 GIF 和动画。 至少还有 40% 的人不是这样。

在消息中发送 GIF 是在普通消费者收到的数百封其他商业电子邮件中脱颖而出的必由之路。 动人的动画会吸引他们的注意力,也许会激发他们阅读你的整封电子邮件。

提高您的品牌形象

您所做的每一次沟通都是您品牌的延伸,无论是对社交媒体帖子的回复还是电子邮件。 您的品牌就是您的身份,它越强大越好。 GIF 可以成为您身份的延伸,尤其是定制动画。

例如,您可以创建一系列使用与您的网站相同的艺术风格和配色方案的动画。 在这方面,GIF 是您网站的延伸,创造了观众可以欣赏的有凝聚力的品牌体验。

他们的品牌记忆力会迅速上升,将你公司的名字牢牢印在他们的脑海中。

让您的电子邮件更加个性化

我们过于关注电子邮件的个性化,以至于忘记了一点个性也是一个必要的元素。 没有人愿意阅读一封平淡、无聊、白底黑字的电子邮件,其中唯一打破副本的元素就是几个要点。

HubSpot 指出,视觉营销一直都很有效,这解释了为什么超过 50% 的营销人员在 2021 年开始使用视觉效果。

通过在消息中添加动画,为观众带来感官享受。 发现您的电子邮件读起来令人愉快的客户更有可能继续打开未来的信件

引导人们关注重要的电子邮件元素(如 CTA)

您还可以在电子邮件中使用动画来巧妙地将注意力引向电子邮件的元素。 是的,这里的关键词是巧妙的。 您不需要指向 CTA 按钮的大而闪烁的箭头,因为这太过分了。

相反,您可以使用动画 CTA,当您将鼠标悬停在其上或单击它时,它会摆动、弹跳、起伏或改变颜色。

可以提高点击率

如果您没有获得电子邮件营销活动所需的点击率,请下次尝试动画元素。

NetHunt 2022 年的一份报告称,视频可以将点击率提高 65%。 尽管该统计数据不包含 GIF 的点击率,但它证明了视觉营销的力量。

在电子邮件营销活动中何时何地使用 GIF

电子邮件营销包含多种类型的消息,那么 GIF 适合放在哪里呢? 以下是您的广告系列中非常受欢迎的动画部分。

订阅或购买提醒

在提醒受众重新订阅您的产品或服务时,您可以通过多种方式表达自己的观点。 GIF 可以很好地完成这项工作,并且对于购买提醒也同样有用。

您可以创建产品或服务的动画并将其插入到消息中。 或者,客户考虑购买的定制 GIF 可以让您明白,购买决策需要时间。

伴随着动画的强烈文案,触及客户在销售漏斗中此时的犹豫不决,同时轻轻地推动他们做出选择。 您甚至可以提供折扣来刺激购买。

活动邀请函

您不知道您的普通客户收到了多少邀请。 每年可能有数百个或更少。 假设您面临激烈的竞争,并利用使您脱颖而出的策略,就可以开始进行电子邮件营销。

发送附有 GIF 的活动邀请电子邮件应该可以确保更高的点击率。 点击您电子邮件中的链接的读者应该 RVSP。 即使结果是否定的,您也会对出勤情况有更清晰的了解。

这将帮助您规划您的活动,而当您发送了 200 个邀请并收到 10 个人的回复时,您就无法做到这一点。

服务公告

您的企业是否有服务公告要发布,您希望它产生影响吗? 动画可以在这里提供帮助。

当然,这完全取决于您的消息的性质。 如果您要宣布新产品或服务或当前产品/服务名册的扩展,则可以使用 GIF。

然而,您最好不要使用动画元素来发布更严肃的公告

折扣电子邮件

折扣电子邮件应该已经具有很高的打开率,但如果您想将成功的机会增加一倍甚至三倍,请在邮件中附加一两个动画。

GIF 可以进一步激发兴奋感,确保即使是那些持观望态度的客户也准备好掏出信用卡。

促销电子邮件

同样,电子邮件动画也适合用于促销信息。

您正在利用这段时间自吹自擂,因此使您的电子邮件具有视觉吸引力将确保您的受众能够阅读整个内容并点击必要的链接。

时事通讯

您还应该考虑将 GIF 插入您的电子邮件营销通讯中。

这些每月或每季度的消息应该具有较高的点击率,您可以通过添加动画和视频等独特元素来进一步提高点击率。

另请阅读:10 个有效的电子邮件营销策略示例

如何为您的电子邮件营销活动创建 GIF

您已准备好开始制作 GIF。 让我们开始吧!

以下是创建动画的步骤。

在 Giphy 中制作 GIF

来自 Giphy 的动画示例
图片由 Giphy 提供

Giphy 是最大的动画查找网络之一,但您是否知道除了搜索 GIF 之外,您还可以做更多的事情? 您还可以为电子邮件营销活动创建动画。

就是这样。

步骤1

只需使用 Giphy GIF Maker,这是一个用于从静态照片或视频制作动画的工具。 选择第一个选项 GIF,然后上传文件。 接受的文件格式为 WebM、MOV、MP4、GIF、PNG 和 JPG。

您的视频必须少于 15 秒且小于 100 兆字节。

第2步

接下来,添加一些个性化设置。 选择贴纸以浏览 Giphy 贴纸库。 您可以在自制 GIF 上贴上任意数量的贴纸,并在其循环时对其进行装饰。

步骤3

现在,是时候添加字幕了!

字幕描述了 GIF 并使其更易于共享,因为人们会用它来描述特定的情绪或情况。

在 Giphy GIF Maker 中,选择“字幕编辑器”来添加字幕。 您可以更改文本并移动它。 如果您改变主意,也可以删除标题。

步骤4

Giphy 允许您使用自定义、横向、纵向和原始等模式裁剪 GIF。 除了您选择的“自定义”之外,每种尺寸都有特定的尺寸。 如果不需要,您不必裁剪 GIF。

步骤5

如果您喜欢有趣的新 GIF,请选择“继续上传”选项。 Giphy 会要求您添加源 URL 和标签。 您还可以设置隐私设置,在私人和公共 GIF 之间进行选择。

步骤6

单击“创建 GIF”按钮,Giphy 将生成您的 GIF,您可以保存和传播它。

从视频制作 GIF

您拍摄的视频是否可以成为您下一封电子邮件设计的完美 GIF?

iPhone 具有简单的视频转 GIF 功能,可根据您选择的视频片段自动为您制作 GIF。 如果您有 Android 设备,请转至图库,然后转至视频文件夹。 选择您想要 GIF 化的视频,然后选择“播放视频”。

选择 GIF 选项可从视频剪辑中制作动画。 Android 允许您设置 GIF 速度和长度,这很方便。

在 Adob​​e Photoshop 中制作 GIF

Adobe Photoshop 动画流程
图片由Adob​​e Creative Cloud提供

Adobe Photoshop 以图像处理而闻名,但这不仅仅包括静态图像。 您还可以使用这款主要软件来构建 GIF。 也就是说,这并不容易,所以只有当您对 Photoshop 了如指掌时才选择此方法。

步骤1

编译将构成您的 GIF 的照片。 将它们整理在一个文件夹中,让您的生活更轻松。

第2步

打开 Photoshop,选择“文件”,然后选择“脚本”,然后将文件加载到堆栈中。 选择您的新文件夹。 Photoshop 将为文件夹中的每个图像创建图层。

步骤3

接下来,选择“窗口”,然后选择“动画”或“时间轴”。 这将打开靠近 Photoshop 底部的“时间轴”或“动画”面板。

步骤4

选择“创建帧动画”,然后选择“从时间轴中的图层制作帧”。

步骤5

切换“选择所有帧”选项以使帧播放得更快或更慢。 接下来,转到面板中的“重复”菜单,选择“永远”。

步骤6

按“时间轴”面板上的“播放”查看 GIF,然后选择“文件”、“导出”并在您满意时保存为 Web(旧版)。

在手机上制作 GIF

您可以使用手机执行特殊任务,例如创建 GIF。 以下是 Android 用户应遵循的步骤。

步骤1

打开图库应用程序。 长按可让您同时选择多张照片。

第2步

查看屏幕的右下角。 您应该看到三个点。 点击它们,然后选择“创建”。 这将生成一个动画。

步骤3

检查您的图库应用程序以查看您的 GIF。

如果您是数百万 Apple 用户之一,以下是如何使用 iPhone 创建 GIF 的方法。

选项1

使用 iPhone 上的快捷方式应用程序将视频或图像制作为 GIF。 首先,打开快捷菜单,然后选择图库。 您应该会看到几个与 GIF 相关的选项,包括连拍到 GIF、视频到 GIF、将照片转换为 GIF 或制作 GIF。

选择“制作 GIF”选项可从视频和实况照片创建 GIF。 然后,选择“添加快捷方式”以访问“快捷方式”选项卡中的 GIF。

允许快捷方式访问您的照片库,选择一个视频,然后使用滑块对其进行裁剪。 然后选择保存。

在“快捷方式”应用程序中选择“完成”。

选项2

拍摄实时照片。 这将持续动画。 使用实时照片模式时,您只能录制 1.5 秒,因此请仔细选择拍摄对象,降低灯光和角度,然后按下按钮。

要循环播放实时照片,请打开照片,按实时照片按钮,然后从下拉列表中选择循环。

但是,您无法将 Live Photo 循环发送到非 Apple 设备并使其正常播放。 真糟糕!

另请阅读:掌握电子邮件营销活动的所有关键类型

顶级品牌电子邮件动画的优秀示例

在您的电子邮件营销中添加动画 GIF 可以为其带来如此有趣的效果。 这里有五个令人眼花缭乱的例子,向您展示动画电子邮件最好的一面。

1. 黑色星期五刮刮乐

电子邮件动画示例
图片由 Stripo 提供

谁不喜欢省点钱,尤其是在黑色星期五呢? 通过动画刮刮选项,让储蓄的快感更加强烈。 这个小预览让您的观众知道如果他们赢得大奖,他们可以节省多少钱。

此次活动的互动性也红极一时。

2.西瓜雨

来自 Loft 的电子邮件动画示例
图片由Mail Bakery提供

如果西瓜下种子雨的形象没有动画的话,它会同样有效吗? 来吧,你知道这个问题的答案——断然不!

零售商 Loft 发送了一封独立日销售电子邮件,其中并没有过多使用红色、白色和蓝色。 事实上,没有任何爱国色彩的痕迹。

相反,这封电子邮件重点关注夏季的中心水果——西瓜。 向下倾斜的切片会洒下黑色种子,拼写出“促销”一词,将注意力引导至 CTA 按钮,享受高达 60% 的折扣。

3. 切那个瓜!

Moo 的电子邮件动画示例
图片由 HTML 电子邮件提供

好的,这是最后一个以西瓜为主题的示例,但这是另一个有趣的示例。 专门从事卡片业务的 Moo.com 之前曾推出过一些成功的带有动画的电子邮件营销活动,但这一次确实取得了成功(呃,西瓜)。

准备切西瓜的双手,结合文案和“Hi-Yah!” 按钮,什么也不告诉你,但另一边等待着你的兴奋。

4.空白画布单色系列

Converse Blank Canvas 的电子邮件动画示例
图片由Campaign Monitor提供

为了宣传其全新 Monochrome 系列中的 Black Canvas 运动鞋系列,经典鞋履品牌 Converse 在电子邮件营销中巧妙地运用了动画。 图像的闪烁旋转展示了所有鞋子的单色光彩。

制作该系列中鞋子的拼贴画远不如这种永无休止的鞋履精品轮播那么有效。

5. 找到平静

来自 Headspace 的电子邮件动画示例
图片由 Crafted 提供

Headspace 是一项冥想服务,其天才的动画电子邮件示例体现了其服务的价值。 文案上写着“寻找你的平静”,旁边有一个人物在繁忙的航班上闭着眼睛,戴着耳塞和口罩。

在他前面是一个尖叫、跳跃的孩子,在他后面是一个大声唱歌的人,在智能手机上播放着音乐,但我们的英雄却泰然自若。

该 GIF 很简单,但比静态图像更能展示 Headspace 服务的价值。

另请阅读:18 个趋势电子邮件营销活动创意 [+ 模板]

电子邮件动画的最佳实践和技巧

在电子邮件营销中使用动画可以起到一定的作用,但与任何电子邮件工具一样,您必须小心、考虑周全并认真考虑如何将 GIF 融入到您的消息中。 这些技巧将帮助您立即掌握动画。

使用少量闪烁动画

闪烁的动画对眼睛造成伤害,分散注意力,并且可能引发某些人的癫痫发作。 如果必须使用闪烁的 GIF,请不要选择过饱和的颜色,并限制闪烁的元素。

您可以通过其他方式表达观点并吸引注意力,而不是让观众蒙蔽双眼。

忠于您的品牌

只要有可能,请选择您公司制作的 GIF。 他们不需要把你的名字写满全身,但应该使用你的品牌固有的图像、风格和颜色。 您可以在动画上添加徽标以表示所有权。

选择 GIF 主题时请考虑您的品牌基调。 例如,一个更轻松的品牌可以不使用有趣的 GIF,但如果你的语气更直接和严肃,则要谨慎使用它们。

跳过跳跃恐惧

您可以使用动画来唤起许多情绪,但恐惧不一定是其中之一。 不要加入任何令人毛骨悚然的图像,从突然的跳跃恐慌到令人毛骨悚然。 让您的 GIF 适合家庭观看。

使用简单、可共享的 GIF

动画越简单越好。 关注人们会发现更适用于日常生活的一般感受、情绪和情况。 这将鼓励更多人分享您的 GIF,传播您的名字和品牌。

让您的 GIF 和 CTA 互补

在电子邮件中添加动画不仅仅是为了获得设计加分。 它们具有一定的功能,例如将视觉流量引导至 CTA 按钮。

您可以将 CTA 放置在 GIF 下方(如我们在示例部分中所示),或者将 CTA 设置为动画。 只需轻轻地进行动作即可。 摆动或弹跳的按钮没问题,但抖动、闪烁的按钮则不然。

保持文件大小较小

没有人愿意等待 GIF 加载好几年。 如果它没有立即强调你的观点,那么当它最终出现在页面上时,它就会失去效力。

4:3 GIF 的标准尺寸为 480p 分辨率下的高度为 480 像素,宽度为 640 像素。 您可以设置更大,例如 1200 像素 x 900 像素,但 500 像素的宽度限制将确保您的 GIF 不会臃肿。 它还将显示在更多设备上。

检查您的电子邮件客户端是否支持 GIF

说到 GIF 的显示方式,情况各不相同。 许多电子邮件客户端已经跟上时代的步伐,在移动设备、网络邮件和桌面上显示相同的动画,但并非全部。

Microsoft Outlook 2007-2019 不支持 GIF,但这些桌面客户端支持:

  • 微软Office365
  • Windows 10 邮件
  • 苹果邮件
  • Mac 版 Outlook
  • 2000-2003年展望

这些移动电子邮件客户端支持动画:

  • 美国在线
  • 雅虎邮箱
  • 微软Outlook
  • 三星邮件
  • 邮箱 IMAP
  • 邮箱
  • iOS 邮件

以下网络邮件客户端还提供 GIF 支持:

  • T-Online.de
  • FR
  • 康卡斯特
  • 微软Office365
  • com
  • 美国在线
  • 雅虎邮箱
  • G套房
  • 邮箱

为您的电子邮件营销活动优化 GIF

将动画插入到电子邮件营销活动中是目标,但如果不进行优化,您的电子邮件可能会失败。 以下是一些让您的电子邮件动画做好准备的提示。

  • 较短的动画是最好的:在使用 GIF 进行电子邮件营销时,减少 GIF 的帧数。 GIF 旨在通过电子邮件吸引注意力并吸引用户,为此您不需要太多框架。
  • 限制渐变:平面颜色最适合渐变的电子邮件 GIF。 无论如何,动画不支持全彩色,只能显示 256 种颜色,因此制作吸引人的彩色动画是一种浪费。 质量也可能看起来很差,从而降低了 GIF 的有效性。
  • 压缩动画:如果您的 GIF 制作器具有压缩功能,请使用它! 您的文件应小于 1 MB,以便快速加载。

在您的电子邮件上线之前对其进行测试

最后但并非最不重要的一点是,我们无法充分强调在电子邮件中进行 A/B 测试动画的重要性,就像对副本、CTA 按钮和其他元素进行测试一样。

除了测试最佳定位之外,您还必须确保您的 GIF 以您想要的速度加载、大小合适并显示在您选择的电子邮件客户端上。

另请阅读:电子邮件营销与营销自动化:营销人员指南

底线

动画电子邮件表达并扩展您的品牌,引入引人注目的元素,并将注意力引向电子邮件的各个方面,例如 CTA 按钮。 从头开始创建 GIF 比以往任何时候都更容易、更可行。

请记住管理您的文件大小,以便您可以在网络上分享您的新动画作品!