電子郵件動畫站 – GIF 等指南

你看到上面那個了嗎？ 這是一個 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 是最大的動畫查找網絡之一，但您是否知道除了搜尋 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 以影像處理而聞名，但這不僅包括靜態影像。 您也可以使用這款主要軟體來建立 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. 黑色星期五刮刮樂

誰不喜歡省點錢，尤其是在黑色星期五呢？ 透過動畫刮刮選項，讓儲蓄的快感更加強烈。 這個小預覽讓您的觀眾知道如果他們贏得大獎，他們可以節省多少錢。

此次活動的互動性也紅極一時。

2.西瓜雨

如果西瓜下種子雨的形象沒有動畫的話，它會同樣有效嗎？ 來吧，你知道這個問題的答案──斷然不！

零售商 Loft 發送了一封獨立日銷售電子郵件，其中並沒有過多使用紅色、白色和藍色。 事實上，沒有任何愛國色彩的痕跡。

相反，這封電子郵件重點關注夏季的中心水果——西瓜。 向下傾斜的切片會灑下黑色種子，拼寫出「促銷」一詞，將注意力引導至 CTA 按鈕，享受高達 60% 的折扣。

3. 切那個瓜！

好的，這是最後一個以西瓜為主題的範例，但這是另一個有趣的範例。 專門從事卡片業務的 Moo.com 之前曾推出過一些成功的帶有動畫的電子郵件行銷活動，但這一次確實取得了成功（呃，西瓜）。

準備切西瓜的雙手，結合文案和“Hi-Yah！” 按鈕，什麼也不告訴你，但另一邊等待著你的興奮。

4.空白畫布單色系列

為了宣傳其全新 Monochrome 系列中的 Black Canvas 運動鞋系列，經典鞋履品牌 Converse 在電子郵件行銷中巧妙地運用了動畫。 圖像的閃爍旋轉展示了所有鞋子的單色光彩。

製作系列中鞋子的拼貼畫不如這種永無止境的鞋履精品輪播那麼有效。

5. 找到平靜

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 比以往任何時候都更容易、更可行。

只需記住管理您的檔案大小，以便您可以在網路上分享您的新動畫創作！