每隔一段时间，我都会看到一封邮件，让我重新思考自己对电子邮件营销的看法。上面的谢尔温·威廉姆斯邮件是我最近遇到的最好的邮件之一。以下是完整的电子邮件：为什么这是一封很棒的电子邮件？这很有趣（我喜欢看不同颜色的房间看起来如何不同）它是不同的（不像我收到的所有其他电子邮件）它讲述了一个故事（Sherwin Williams有很多颜色可以与我想要的相匹配，看起来很棒）是什么驱动的？动画GIF。这是一张90年代的老电影，曾经为geoccities网站上闪烁的火焰和正在建设中的横幅提供动力。但这是不同的，它不是低俗，而是提高了接受者的体验。事情是这样的——它们比你想象的要容易得多。这篇文章有两个目标：给你一个很好的例子，说明动画GIF在电子邮件（尤其是电子商务）中的应用教你怎么做自己的。我给你们看我在不到15分钟内做的两个。电子邮件中动态GIF的返回动画GIF在恼人和低俗之间有很好的界限，但是出于同样的原因，Sherwin Williams的电子邮件很棒，一个使用良好的GIF也会很棒。再举几个例子：这封凯特·斯派德的邮件很好地讲述了一个特定产品的故事，也就是说，它有各种颜色，从明亮到更低调。这个Ralph Lauren的标题在视觉上很吸引人，并没有分散对潜在信息的注意力。上周我有很多人把这封梅西的邮件转发给我。虽然这只是一个静态截图，当他们发送它时，倒计时计时器是完全工作和生活。为了做到这一点，他们使用了一个动态的GIF，这个GIF不断地被一个新的替换掉。为什么（为什么不）使用动画GIF使用动画GIF的优点是更高的开放率和更好的参与度，同时也是讲述某些类型故事的更好方式。例如，下面是一个动画GIF，我们在给用户的电子邮件中使用它来告诉他们如何打开电子邮件流：这种格式可以更好地告诉用户要做什么，并且总体上更好地提供用户体验。同样地，我更希望收到谢尔温威廉姆斯的电子邮件改变墙壁颜色，而不是静态电子邮件。缺点：Outlook 2007、2010和2013不支持GIF动画，收件人只能看到第一张图片，因此，我们建议确保您的第一张图片也能反映故事的一部分。第二个缺点：做得不好（或者太频繁），他们会很烦人。与所有电子邮件一样，动画GIF应该用来改善收件人的体验。如何在15分钟内制作动画GIF我从LIFX的网站上抓取了一系列图片，用了10分钟的时间制作了下面的GIF动画（我最近订购了他们的一个灯泡，非常棒）。有两种方法可以开始：使用一系列3-10张图片使用现有视频无论你走哪条路线，都不应该超过15-30分钟。从图片构建动画GIF如果你想拍照片，第一步是收集一系列3-10张讲述你故事的照片。一些想法：不同的产品在你的网站上具有一致的背景和相似的大小单一产品的不同颜色选项一张图片上的文字略有变化（例如上面的Tiffany示例或本文Netflix电子邮件中的House of Cards）方法如下：收集图像。确保他们互相排队。使用一个免费的在线工具把它们变成一个动态的GIF格式我用过礼物制造者。我. 它似乎是超级简单，免费和有一个简单的方法来改变GIF在图像之间切换的速度或速度的最佳组合从那以后，只需保存您的图像并像您平时一样使用它–它在所有其他方面的行为都将与常规图像一样。从视频构建动画GIF另一种选择是将现有的视频转换成GIF格式。我最喜欢的例子之一是Jamie Beck和Kevin Burg拍摄的用于销售Dogfish Head草莓和蜂蜜口味的季节性啤酒的图像：如果你有一个现有的视频或可以拍摄一个短的，它是难以置信的容易转换成动画GIF。下面是我如何制作上图，展示如何打开电子邮件：创建视频/查找现有视频（我使用Camtasia拍摄了一段5秒的视频，视频中我在屏幕上导航）使用免费的在线工具将其翻译成GIF（大约5分钟，不需要任何技术知识）我用了博客GIF的视频GIF生成器。它是免费的，质量比我试过的其他选项高。我改变了像素和帧速率，但即使使用默认设置，它看起来还是不错的。就像用上面的图片创建动画GIF一样，一旦你创建并保存了它，它的行为就像一个普通的图像文件。开始的想法动画GIF非常适合特殊场合。使用它们的一些想法：欢迎电子邮件特价促销假期或者是任何一个你认为可以很好地讲述的故事。像往常一样，当商店坚持使用电子邮件为顾客提供价值时，他们做得最好。你对动画GIF有什么看法？偶尔都很好？烦人的？ Klaviyo全新视频教程  很棒的A/B流量测试  使用多帐户用户可以更快地在帐户之间移动 .yuzo_相关的图片{宽度：260px！重要的；高度：250px！重要；}.yuzo_相关的帖子。related thumb{行-高度：16px；背景: !重要；颜色：！重要；}.yuzo_相关的帖子atedthumb:悬停{背景：ffffff！重要信息；-webkit变换：背景0.2s线性；-moz变换：背景0.2s线性；-o-变换：背景0.2s线性；变换：背景0.2s线性；；颜色：！重要；}.yuzo_相关的帖子。related thumb a{颜色：#323b43！重要；}.yuzo_相关的帖子。relatedthumb a:悬停{color:}！重要；}.yuzo_相关的帖子atedthumb：悬停{颜色：！重要；}.yuzo_相关的帖子。yuzo_文本{颜色：！重要；}.yuzo_相关的帖子atedthumb：悬停。yuzo逯文本{颜色：！重要；}.yuzo_相关的帖子。relatedthumb{margin:0px 0px 0px 0px；填充：5px 5px 5px；}jQuery（document）.ready（函数（$）{//jQuery（'.yuzo_related_post'）.equalizer（{overflow:'relatedthumb'}）；jQuery（'.yuzo_related_post.yuzo_wrapps'）.equalizer（{columns:'>div}）；})返回博客主页