22個真實世界的例子來激發你的電子郵件設計

電子郵件營銷是建立和留住忠實品牌追隨者的最有效方法之一。

從本質上講，電子郵件通信是基於權限的。 當他們註冊到您的列表時，訂閱者不僅表示他們對您的品牌感興趣，而且他們希望收到您的來信。 這種態度使電子郵件營銷比其他營銷渠道更有可能轉化銷售——平均而言，每花費 1 美元，您最多可賺取 47 美元。

回報不止於此。 定期參與有助於建立忠實的客戶追隨者：

• 平均花費比新客戶多 31%
• 推薦的人比一次性購買者多 50%
• 更有可能嘗試您銷售的不同產品，從而維持業務增長

最好的電子郵件設計也會梳理出新的潛在客戶。 在本指南中，您將找到 22 個真實的電子郵件設計示例來實現這一點以及更多。

無論您是鏈接到產品、博客文章還是任何其他內容，每次點擊營銷電子郵件中的鏈接都會推動流量，從而改善您網站的搜索引擎優化 (SEO)。 隨著時間的推移，此活動還會提高您網站的可發現性——讓您能夠從搜索引擎中獲取新的客戶興趣。

如何讓您的電子郵件設計脫穎而出

普通人每天收到超過 96 封電子郵件。 您的電子郵件的第一印像很重要——研究表明，您只有幾秒鐘的時間來製作一個好的電子郵件。

您通過電子郵件交流的內容很重要，但您說話的方式也很重要。 有效的電子郵件設計可幫助受眾可視化您的信息。 您的佈局組織可以在人們失去興趣並點擊離開之前吸引他們的注意力。

通過利用以下設計提示幫助您的讀者理解他們所看到的：

• 引起注意並顯示信息內容的焦點
• 組織想法的圖案和形狀
• 突出重點的配色方案
• 建立品牌知名度的一致元素

您的營銷電子郵件需要從混亂中脫穎而出。 使用以下電子郵件設計來提高消息量：

• 優化圖像以優先考慮速度
• 旨在在任何設備上看起來都很棒
• 使您的信息個性化
• 保持簡單
• 啟動強以防止限制性掃描
• 將讀者的視線引導至頁面下方
• 用視覺說話
• 使用內容塊導航
• 鼓勵行動
• 用顏色直接關注
• 嘗試視覺效果
• 逗趣
• 完成強

下面，讓我們看看為什麼這些設計元素會起作用，以及如何使用它們來創建更好的電子郵件。 您將擁有這些有效的電子郵件設計元素中的大多數的醒目示例，以激發您的下一個活動。

優化圖像以優先考慮速度

2000 年，微軟的一項研究發現“消費者的平均注意力持續時間為 12 秒。 大約 15 年後，它下降到 8 秒”——最近的研究表明，我們的集體注意力範圍繼續縮小。

如果您的電子郵件加載時間超過兩秒鐘，那麼您將失去時間來抓住和延長這個短暫的注意力範圍。 優化您的內容以確保快速交付。

首先了解電子郵件服務器最廣泛支持的文件類型，包括：

• JPEG 用於照片
• 用於線條圖的 PNG 和 GIF
• 用於圖像動畫的 GIF

要為快速加載準備圖像，您應該：

• 使用至少 600–650 像素寬的圖像，這樣視覺效果可以快速加載但不會失真
• 以每英寸 72 像素的分辨率保存原始文件，以便在將原始文件上傳到廣告系列庫時最大限度地減少壓縮
• 將文件大小減少到 5 MB 以下

Constant Contact 的圖像庫和託管等工具可以為您簡化此過程，並幫助確保您的消息不會與時間賽跑。

旨在在任何設備上看起來都很棒

大多數人在智能手機上查看電子郵件。 通過設計在智能設備上看起來與在計算機屏幕上一樣好的消息，確保您的電子郵件與這種客戶行為兼容。

創建移動響應式設計

如果沒有移動響應能力，您的電子郵件可能會變得難以交互、失真或被切斷。 無論他們如何查看您的電子郵件，都可以通過以下方式吸引您的受眾：

• 以簡潔的主題行開頭，不會在電子郵件預覽中被截斷
• 避免在較小的屏幕上難以閱讀的小文本
• 使用網絡安全字體，確保您的設計在任何設備上看起來都正確
• 將替代文本添加到您的視覺效果中，以吸引偏好設置為限制自動圖像下載的人
• 確保您的佈局將調整以適應任何尺寸的屏幕

敦促移動用戶與您互動

移動響應電子郵件可以提高打開率。 最好的移動電子郵件設計也讓用戶更容易互動。

大約 80% 的智能手機用戶通過他們的設備進行購買。 您可以通過提供放置良好的優惠券代碼或客戶可以直接從他們的手機兌換的折扣來使這樣做更加方便。

使您的信息個性化

最有效的電子郵件營銷活動並非一刀切。 據 Aberdeen Group 稱，個性化電子郵件將客戶轉化率提高了 20%。

人們在任何一天都會收到大量的信息。 他們更容易接受與他們的偏好和購買模式相關且定制的個人電子郵件。

細分您的受眾

個性化您的客戶電子郵件從戰略聯繫人列表細分開始。 它可以幫助您的電子郵件營銷活動根據共同特徵（例如他們購買的商品或他們在您的銷售渠道中的位置）將您的聯繫人分成較小的組。

分段可確保您發送的每封電子郵件都更直接。 借助與不同客戶群體相關的特定內容，您的信息將變得更具吸引力和吸引力。

您可以使用 Constant Contact 提供的細分工具自動執行此過程，讓您：

• 創建多個列表並在這些列表中進一步細分，最多可包含 500 個唯一標籤
• 根據客戶行為、列表成員資格、電子商務活動或您分配的自定義字段等指標過濾聯繫人
• 在客戶訂閱時設置自動觸發器，以便在他們非常積極地參與時發起聯繫
• 啟動一系列定時電子郵件，以根據聯繫人的活動跟進聯繫人
• 製作多個版本的電子郵件以與不同的受眾分享

直接與個別客戶交談

Salesforce 發現，幾乎“59% 的客戶表示，基於過去互動的定制參與對於贏得業務非常重要” ——他們參與您發送的定制內容的可能性是其兩倍多。

添加客戶期望的這種額外的個人風格：

• 減少您的電子郵件被標記為垃圾郵件的機會的個人問候
• 一致性，因此客戶希望定期收到您的內容
• 您的發件人領域的品牌認知度，鼓勵信譽和信任
• 一個醒目的主題行，吸引註意力並總結讀者可以期待的內容

保持簡單

最好的電子郵件設計優先考慮讀者如何體驗信息。 為您的讀者創造積極的體驗意味著直截了當，沒有額外的大驚小怪和分心。

這種少即是多的概念與希克定律有關，希克定律是一個鼓勵呈現簡單的設計支柱。 您在信息及其設計中包含的內容越多，人們做出決定的時間就越長。 信息過載不適合客戶的短暫注意力。

要將設計集中在簡單性上，您需要：

• 具體並限制您在每封電子郵件中發送的信息量
• 通過將內容分解為可操作的小步驟來引導讀者
• 避免在一個設計中競爭過多的內容讓客戶不知所措
• 通過您的設計直接關注

您無需成為熟練的平面設計師即可將希克定律應用於您的電子郵件活動。 使用當今多功能的電子郵件營銷工具，您可以輕鬆地創建基於簡單設計的令人驚嘆且引人注目的消息，就像 Casper 在下面的假日消息中所做的那樣。

啟動強以防止限制性掃描

Nielsen Norman Group 的研究發現，普通人在查看數字內容時遵循 F 形掃描模式——這可能會限制你的信息的傳播量。

但尼爾森指出，好的設計可以防止像這樣的限制性掃描。 “分層蛋糕”設計通過以下方式幫助人們了解全局：

• 以驚人的領先優勢吸引註意力
• 使用顏色和圖案等元素在整個電子郵件正文中鏈接相似的想法
• 用空白分隔信息，就像蛋糕層之間的糖霜一樣

將讀者的視線引導至頁面下方

“Above the fold”是從媒體世界借來的設計理念。 因為報紙在進入報攤之前是對折的，所以它們需要首先展示最重要的標題、故事和圖像。

您的電子郵件的“折疊”是您的讀者需要滾動以查看其餘信息的位置。 一個強有力的開始會吸引讀者的注意力，並讓他們閱讀電子郵件的其餘部分。

為了確保他們繼續閱讀，您還必須引導他們通過文本了解您希望他們做什麼。 通過以下方式將他們的注意力集中在整個電子郵件中：

• 戰略性地利用空間，因為複制密集的電子郵件具有更大的利潤空間
• 文本、想法和圖像塊周圍的空白區域以創建視覺方向
• 對比度和適當的文本大小，以便您的內容可讀
• 鼓勵關注頁面並平衡設計的圖像
• 標準字體和網絡安全字體，因為裝飾字體可能難以掃描，並且可能無法在所有設備上正確加載

在上面的示例中，Harry's 一開始就明確了電子郵件的意圖——然後使用這些設計技巧讓人們繼續滾動。

您的電子郵件的預標題也可以支持首屏突出。 此文本顯示在收件箱中主題行之後。 如果留空，則預標題會自動顯示電子郵件正文中的第一句話。 但是您可以對其進行自定義，以向讀者展示對電子郵件的期望。 這可以提高電子郵件的打開率，並使讀者能夠掃描整個郵件。

用視覺說話

你如何在屏幕上組織你的內容不僅應該引起讀者的興趣，而且應該超越你吸引人的標題。 最成功的電子郵件設計在視覺上做到了這一點。 電子郵件的最終外觀將取決於您品牌的語氣和氛圍。 蘋果以其大膽使用空白而聞名，但這種更微妙的方法並不適合所有人。

通過間距集中註意力

不要偏離您品牌的聲音。 但是，您應該從 Apple 的極簡主義方法中得到的一點是，空曠的空間如何集中註意力。

玩轉色彩、文案和圖像——但遵循 Apple 的設計理念：

• 整齊地劃分為有組織的部分
• 具有信息層次結構，使其易於掃描
• 用圖形、標題、線條和形狀分解想法
• 盡可能展示而不是講述

這是關於你呈現的內容的平衡。 佈局中的所有內容都應服務於電子郵件的整體意圖，並使讀者更容易理解該意圖是什麼。

水平拆分副本

有時你有更多話要說——無論是博客文章的更新、產品系列還是其他新聞。 水平分割複製密集信息，就像下面示例中的 Todoist 所做的那樣。 這會將讀者從一個可掃描的片段向下引導到下一個。

使用內容塊導航

內容塊有助於組成周到的導航，並更容易將讀者的注意力吸引到內容蛋糕的各個層次。

使用 Constant Contact 的電子郵件營銷平台等工具，您可以使用以下塊選項構建客戶地圖：

• 您可以使用自定義字體、顏色、大小等來設計文本內容塊
• 您可以使用過濾器、框架和疊加層優化圖像塊
• 創建您想要的外觀的水平和垂直分隔線
• 空間塊來緩衝信息並給眼睛一個休息的地方

您也可以使用內容塊將讀者引導至頁外鏈接。 通過這樣做，您可以防止將過多信息塞進一條消息中的趨勢。 試用：

• 定制的、可點擊的按鈕，鼓勵用戶採取行動
• 社交塊可提高您在社交網絡上的關注度
• 具有可點擊縮略圖的視頻塊，以顯示在其他地方上傳的完整視頻
• 閱讀更多塊，使您能夠展示較長形式內容的預覽，並邀請讀者繼續點擊以完成閱讀全文

只是不要過火。 確保您在電子郵件中使用的內容塊類型與郵件的主要號召性用語 (CTA) 相關。 太多的變化會讓你的設計看起來很混亂——並淹沒你想說的話。

使用視覺元素組織內容

優化您的內容塊的外觀，以便它們可以輕鬆引導您的受眾。

人眼傾向於將外觀相似的元素視為完整故事的一部分，即使這些信息在視覺上是分開的。 相似的顏色、形狀和圖案為內容塊中的信息提供了邏輯流程。

如果重點分散在佈局中，視覺一致性可以將它們聯繫在一起。 這是為了讓讀者盡可能簡單地從一個想法跳到另一個想法，而不會混淆他們。

使用顏色突出關鍵點

顏色還有助於突出特定信息——無論您是想突出促銷、CTA 還是新產品。

通過以下方式製作重要內容：

• 在不改變模板主題的情況下更改塊的背景顏色
• 在圖像或文本塊周圍創建邊框或填充
• 使用柔和的配色方案以更明亮的色調集中註意力

鼓勵行動

一個有效的 CTA 應該能激發你的讀者朝著特定的結果前進。 您應該與您發送的電子郵件背後的意圖相匹配——例如購買產品或閱讀您的博客。

在您的佈局中包含多個 CTA 可以提高轉化率，但有一個問題。 希克定律在這裡適用。 提供太多選項會混淆電子郵件的意圖，使讀者失去興趣。

使用 CTA 強調您的信息

一個簡單的電子郵件設計將有利於您的 CTA 的成功。 如果有太多令人分心的視覺元素，那麼您就是在與自己競爭以吸引客戶的注意力。

讓您的 CTA 脫穎而出

考慮您希望訂閱者採取的主要行動，並將其作為您的 CTA 轉化目標。 這種直接的方法有助於使每條消息保持簡單和直接。

可轉換的 CTA：

• 可見並在其他元素中脫穎而出
• 與電子郵件調色板的其餘部分形成對比色
• 使用清晰、直接的語言，使點擊的結果顯而易見
• 營造緊迫感
• 說明迫使讀者點擊的好處

添加上下文以迫使讀者點擊

CTA 還可以解決您的受眾的保留意見或對錯過的恐懼。 通過 CTA 添加額外的動力：

• 通過促銷提供鼓勵
• 使用稀缺性激勵措施——比如包括可用產品或門票的數量
• 解釋折扣時間表以營造緊迫感
• 提供社會證明，例如最近的評論或已售出的產品數量
• 做出保證，例如無需信用卡即可開始免費試用

使用 CTA 內容塊

有效的 CTA 可以讓您的讀者參與進來。 動作塊通過使 CTA 具有交互性並幫助它們在視覺上脫穎而出，進一步支持了這一目標。 像這樣的 CTA 可以引導讀者的注意力和活動，減少漫無目的的搜索或點擊。

與 Constant Contact 的動作塊更好地互動：

• 展示您 Shopify 商店中的商品
• 從 Eventbrite 列表中提取詳細信息到您的電子郵件中
• 創建一個 RSVP 請求，用戶可以將其轉發給不在您的聯繫人列表中的朋友
• 通過民意調查產生參與度
• 收集捐款
• 獎勵客戶優惠券 - 具有靈活的選項，例如最低購買要求、到期日期或您想要應用的其他限制

將每封電子郵件限制為一個或兩個反映主要信息的不同操作塊。 包含太多會使讀者感到困惑並使您試圖提出的觀點複雜化。

用顏色直接關注

即使是結構良好的電子郵件，如果不注意其配色方案，也會顯得雜亂無章或雜亂無章。 電子郵件活動通常使用與其所代表的品牌相關的標誌性顏色來建立一致的語氣和聲音。

但是你如何使用顏色應該表達你的電子郵件的意圖。 我們的大腦天生就會觸發基於不同顏色的反應。 使用這些心理暗示可以支持您的信息。

選擇適合您品牌的配色方案

您使用的配色方案可用於設置電子郵件的基調。 因為人們的眼睛會被視覺上最突出的東西所吸引，所以您可以使用特定的色調使重要信息跳出頁面。

使用簡單的調色板獲得戰略性，例如：

• 使用黑色、白色和灰色搭配另一種顏色來集中註意力的消色差配色方案
• 基於一種主要顏色以及該主要色調的變化的單色配色方案
• 一種類似的配色方案，使用色輪上彼此相鄰的色調，例如藍色背景上的綠色 CTA
• 互補色和三色配色方案，可使用色輪兩側的兩種或三種顏色產生高度對比的效果

用顏色勾住讀者的情緒

上面的配色方案為根據您要傳達的感覺使用色調提供了很大的靈活性。 您還可以使用它們來裝飾您的電子郵件，以傳達季節性和假日心情。

用以下效果來表達讀者的情緒：

• 紅色充滿活力、快速引起注意的影響
• 橙子的溫暖和動力
• 黃色的快樂和靈感
• 綠色的成長、自然和健康信號
• 藍色平靜的信任和可靠性
• Purple 的想像力、陰謀和奢華
• 粉紅的浪漫和培養的敏感性
• 布萊克的成熟和獨立

嘗試視覺效果

圖像不僅限於照片。 圖案、圖標、信息圖表和排版設計提供了廣泛的視覺效果——有助於組織、簡化和闡明您的信息。

您也可以將其與動畫圖像混合使用。 雖然在電子郵件中使用 GIF 不一定會改善用戶體驗，但它確實會吸引註意力並為您的信息增添一些樂趣。

逗趣

視覺效果有助於組織電子郵件設計中的元素並吸引註意力。 有了一點創意，圖像和動畫也可以作為 CTA 增強功能。

通過挑逗讀者興趣的設計元素與讀者互動。 其中一些功能確實需要了解 HTML 等自定義編碼語言，但它們的“哇”效果可以為您帶來更多轉化。

使用倒數計時器製造緊迫感

在 Casper 的這個例子中，倒數計時器是一個比任何標準的“立即購買”按鈕更強大的 CTA，為客戶創造了一種更高的緊迫感。

添加交互式 CTA

Bose 採用經典的刮刮優惠券並將其數字化，達到視覺吸引力的一兩次打擊和高度激勵的 CTA。

其他交互功能本身並不是 CTA，而是用於擴大興趣並提高點擊吸引力。

請注意：

• 可以應用於任何電子郵件元素的翻轉效果，例如當用戶將鼠標懸停在圖像上時顯示更多信息的產品照片
• 滾動效果，讓客戶看到您展示的產品的更多細節和角度

這些俏皮的設計元素很容易讓人忘乎所以。 確保您的 CTA 與上面的 Bose 一樣突出——通過使用具有大量空白、充足邊距和可掃描組織的簡單佈局。

吸引讀者的好奇心

靜態圖像對於建立陰謀同樣強大。 在此示例中，Birchbox 故意省略了任何產品提及或照片，這會吸引客戶的好奇心。

完成強

您的頁腳是訂閱者查找有關您的品牌的詳細信息、了解如何與您聯繫以及管理他們的電子郵件偏好的地方。 它為您提供了提升品牌透明度和訪問權限的空間，同時使您的電子郵件設計更完整。

在頁腳中包含有用的信息

與您的電子郵件佈局的其餘部分一樣，僅包含為讀者增加價值的信息。 客戶尋找的常見頁腳功能包括：

• 您企業的實際地址
• 取消訂閱以建立信任、防止垃圾郵件投訴並遵守美國聯邦貿易委員會制定的退出規定的簡單方法
• 聯繫信息——例如返回您網站的鏈接、電子郵件地址或電話號碼
• 社交媒體按鈕，鼓勵訂閱者關注您或社交分享您的內容

根據您的電子郵件活動，您可能希望包含其他元素，例如：

• 轉發給朋友選項
• 鏈接到您的偏好中心，供訂閱者更新選項
• 簡短的提醒，解釋他們為什麼會收到您的消息
• 鏈接到您的隱私政策
• 電子郵件中提供的報價的詳細信息和限制列表
• 品牌簽名，包括鼓舞人心的報價等細節

保持頁腳設計一致

使用層次結構來組織信息，以便您的讀者可以準確地了解他們正在尋找的內容。 忠實於您的佈局的外觀和感覺——就像下面示例中的 Headspace 所做的那樣——以確保最終設計具有凝聚力。

為您的頁腳設置樣式以匹配您的設計：

• 清除標題和標籤
• 分解文本的圖標
• 與您的配色方案互補的背景
• 填充到單獨的部分

使用正確的工具，您不必從頭開始

對於簡化時最有效的事情，開發可轉換的電子郵件設計可能會變得複雜——但不必如此。

使用 Constant Contact 的電子郵件營銷平台，您可以使用符合所有標準的現成模板開始您的下一個電子郵件營銷活動。 這讓你的設計在你開始寫你的信息之前就已經完成了一半。

從個性化工具到拖放內容塊​​、電子郵件自動化和聯繫人細分，您擁有與客戶建立真正聯繫所需的所有簡單自定義元素。
聯繫以了解更多關於電子郵件營銷如何使用設計工具為您的品牌提供聲音的信息 - 或親自嘗試一下。