完整的電子郵件設計清單，從設計到交付

從設計到發送，讓我們通過這個 8 步核對清單探索創建原創、可訪問和響應式電子郵件的最佳實踐。

消息的設計是收件人的品牌名片。 它會影響所有郵件指標。

事實上，設計意味著電子郵件營銷的性能。 如果您想在收件箱中脫穎而出並鼓勵打開、點擊和轉換，那麼能夠理清複雜的電子郵件設計領域（包括字體、圖像、GIF 和號召性用語）的能力至關重要。

我們已經確定了關鍵的最佳實踐和常見的電子郵件設計陷阱，並將它們濃縮到這個迷你指南中。 我們旨在引導您完成從設計到交付的每一步流程。

1. 結構

消息的結構是基於精確順序對其元素的排列。 通過選擇要使用的關鍵元素（文本、圖像、CTA 按鈕等）來定義結構，並在模板中以有組織的方式排列它們。

️最佳實踐

插入每個元素時遵循分層順序

️不要被這個絆倒

避免無序和過於復雜的結構

2.顏色

僅此元素就可能是我們對特定產品的 90% 第一印象的基礎（來源：Helpscout）。

顏色突出顯示電子郵件中消息的關鍵元素，並將用戶的注意力引導到要採取的操作上。 定義一個簡單且符合邏輯的色調調色板，並將每種顏色與特定用途相關聯。

️最佳實踐

顏色的平衡使用會引起對特定信息元素的注意，因此將調色板限制為兩種或三種色調。

️不要被這個絆倒

盡量不要將不同的功能與相同的顏色相關聯（例如，按鈕與純文本）。

3. 圖像和 GIF

與純文本消息相比，包含圖像的電子郵件具有更高的打開率和響應能力，後者通常會讓人感到冷漠和缺乏人情味。 此外，使用 GIF 可以將點擊次數增加多達 42% （來源：MarketingSherpa）。

️最佳實踐

將圖像的最大權重保持在50 KB左右，GIF的最大權重保持在100 KB 左右，以避免加載時間過長而阻礙用戶採取行動。 此外，過多的電子郵件權重會損害消息的可傳遞性。

發揮您的創造力並嘗試使用最原始的 GIF！

️不要被這個絆倒

跳過帶有替代文字的圖像和 GIF。 這將是結果：

了解管理映像中的其他致命錯誤（以及如何修復它們）。

4. 號召性用語

號召性用語是明確邀請採取行動並完成轉換。 這就是為什麼關注 CTA 按鈕的每個細節（例如復制和定位）並保持 A/B 測試以了解哪種類型的文本、形狀和顏色最有效的原因很重要。

了解A/B 測試的工作原理！

️最佳實踐

確保 CTA 按鈕是防彈的，這意味著它是用 HTML 編寫的，可以在任何收件箱中正確顯示。

️不要被這個絆倒

請記住包含 CTA 按鈕。 否則，用戶將不知道是否以及在何處單擊。

5.頁腳

頁腳是用於存放與認可度、可靠性和聲譽相關的信息的空間。 所以不要忽視這個元素。 否則，您可能會損害公司與收件人之間的忠誠關係。

️最佳實踐

在頁腳中輸入所有與信任相關的信息：社交媒體按鈕、權限提醒、取消訂閱鏈接、版權詳細信息、聯繫信息和隱私政策。

完整頁腳的剖析

️不要被這個絆倒

請記住，輸入沒有層次結構、沒有有序結構或數量過多的信息會妨礙頁腳的透明度和清晰度目的。

6. 響應能力

針對移動設備優化的電子郵件可確保更高的可訪問性和更高的點擊率。 在選擇廣告系列模板時，響應式設計是確保高水平內容可用性以及更好的文本和 CTA 可讀性的最佳解決方案。

️最佳實踐

將最重要的消息元素（即文本和 CTA）插入頁面，而不是圖像中。 這樣，他們可以調整大小並重新調整到移動設備。 此外，請檢查桌面和移動客戶端上的消息呈現。

利用 MailUp消息預覽功能。 使用 BEE 拖放和移動響應編輯器創建您的電子郵件，然後輕鬆快速地模擬您的設計在市場上大多數移動客戶端上的外觀。

️不要被這個絆倒

排除特殊或專有字體。 這些可能會在某些電子郵件客戶端上造成顯示問題。 此外，避免使用太小的字體，即標題小於 22 像素，文本小於 16 像素。

7.鏈接和UTM

鏈接橋接電子郵件和用戶可以完成操作的登錄頁面。 因此，檢查它們是否正確和可靠是關鍵。 通過 UTM （Urchin 跟踪模塊）跟踪其有效性。

️最佳實踐

驗證插入的每個鏈接是否可達且正確。 檢查是否有任何黑名單。 對於有效的流量來源跟踪，您應該至少在 UTM 代碼字符串中插入以下三個參數：來源、媒介和活動。

只需單擊幾下，您就可以在發送之前檢查插入的鏈接的正確性和可靠性。 只需進入 MailUp Message 摘要頁面並使用Check-up message 功能即可。 請參閱 MailUp 手冊以了解更多信息！

️不要被這個絆倒

在 UTM 參數中使用空格並且在填寫字段時不具體會使流量的來源不清楚。 這將危及參數的有用性。

8. 主題和前置標題

嚴格來說，雖然它不屬於電子郵件設計，但主題是用戶看到的消息的第一個元素。 它決定了 35% 的情況下的開放。

主題的補充元素是 preheader，又名摘要。 填寫此額外空間以傳達額外信息並鼓勵用戶打開是一種很好的做法。

️最佳實踐

在填寫主題時要清晰具體，預測信息的關鍵概念。 通過使用動態字段和表情符號來提高此元素的有效性。

️不要被這個絆倒

過分強調電子郵件的便利性和優勢，並使用誇張的熱情語氣可能會給主題一個垃圾郵件貼面，阻止打開。

總之

如果您的電子郵件經常被忽視並且難以在收件箱中脫穎而出，那麼本指南適合您！ 遵循所有提示和最佳實踐，不要忘記進行持續測試以了解什麼對您的收件人有效。