14 個精美電子郵件設計的最佳示例

打開營銷電子郵件是一項常規任務，消費者通常不會多想。 但是，作為電子郵件營銷人員，我們知道故事的另一面。 尋找新的 HTML 電子郵件靈感可能是一項艱鉅的任務。

當您是電子郵件營銷人員時，您的待辦事項列表通常如下所示：生成選擇加入的潛在客戶、細分您的列表、設置潛在客戶培育工作流程、起草清晰簡潔的電子郵件副本、檢查您的電子郵件的可送達性、針對普通郵件進行優化文本和 HTML 等。 “這有什麼好玩的？ “你可能想知道。

值得慶幸的是，有很多電子郵件營銷極客（包括我們自己）確實認為所有這些都很有趣。 電子郵件營銷的這些不那麼迷人的方面——儘管對您的營銷活動的成功至關重要——並不能描繪出令人驚嘆的電子郵件營銷真正的全貌。

雖然純文本或簡單的電子郵件仍然非常有效，但有時您希望通過富有創意、引人入勝或令人愉悅的低調電子郵件設計讓您的訂閱者驚嘆不已。 那裡的一些品牌也想出瞭如何創建非常漂亮的電子郵件。 如果您希望在下一次電子郵件營銷活動中嘗試一些更具冒險精神的活動，請查看以下示例以獲取靈感。

目錄：

電子郵件通訊設計實例

一、合作基金

在設計中，紅色和黃色是強有力的顏色選擇。 眾所周知，紅色可以傳達力量或激情，而黃色通常被認為既明亮又充滿活力。 儘管許多公司在時事通訊的頂部使用一大塊顏色來吸引人們，但 Collaborative Fund 的員工更進一步，在整封電子郵件中結合了紅色和黃色的爆發色。 相當強大，對吧？

除了顏色，他們利用乾淨的分界線來分隔這些塊，同時結合不同的紋理——比如那張皺巴巴的紙——來創造一種真正引人入勝的體驗。

圖片來源

專業提示：如果做得好，通過高質量的圖形或攝影（如上面使用的碎紙）結合一系列紋理，可以使查看電子郵件的 2D 體驗更加發自肺腑和引人入勝。

2.多米諾骨牌

多米諾的這份時事通訊涵蓋了很多信息：設計有存儲限制、贈品、Chelsea Handler 的個人資料、浴室和臥室設計技巧，以及號召性用語。

為了使其更易於瀏覽，Domino 將這些簡短描述與高質量圖像配對。 與協作基金示例一樣，他們也使用清晰的水平劃分來分隔每個主題。

圖片來源

專業提示：結合對比色有助於在部分之間創建劃分，並輕鬆從每個部分吸引眼球。

3. InVision 實驗室

這是一封來自 InVision 的簡潔得多的電子郵件，其中包括簡潔的設計和醒目的顏色。 藍色背景使號召性用語和電子郵件底部附近的白框都引起注意。 散開的產品圖片可幫助收件人在深入了解說明文案之前了解公告的含義。

圖片來源

豐富多彩的體驗並不止於電子郵件。 明亮的藍色被帶入相應的網站，使其成為無縫品牌的有力例子。

您是否受到 InVision 簡潔設計的啟發並準備好製作您自己的廣告系列？ 使用像 HubSpot 這樣的免費電子郵件營銷軟件來創建您的信息並將其發送給全世界。

4.GrubHub

這封來自 GrubHub 的電子郵件是產品促銷的一個很好的例子……因為它聽起來或感覺根本不像是產品促銷。 而不是說，“嘿，你喜歡食物。 您應該使用我們的服務來訂購！”，這封電子郵件借助一個非常酷的互動內容講述了一個故事：一個測驗，看看您應該在聚會上提供什麼（看看他們在那裡做了什麼？）。

我們特別喜歡他們用來宣傳內容的飽和 GIF，因為它確實吸引了收件人的注意力。

圖片來源

專業提示：動作吸引眼球。 我們在社交媒體和其他形式的媒體中都看到了這一點。 將此功能添加到您的電子郵件中可以吸引被面向公眾的內容中的動作因素所吸引的觀眾。 了解如何使用 Photoshop 創建 GIF。

培育電子郵件設計實例

5.得心應手

我們喜歡 Handy 發送的這封簡單的歡迎電子郵件。 配色方案是一致的，以灰色為底色，並以亮藍色吸引人們對徽標和號召性用語的注意。

這裡的文本和視覺效果之間取得了很好的平衡，磁貼設計使其易於瀏覽。 最後，我們喜歡他們使用非俗氣的庫存照片來代表他們的品牌，這使他們從消費者的角度來看更加真實和可愛。

圖片來源

專業提示：如今，大多數觀眾都有一定程度的能力來判斷圖像是庫存照片還是原始拍攝的內容。 如果您必須使用圖片庫，請花點時間查看圖像數據庫，並篩選出不僅代表電子郵件和消息的語氣，而且代表您品牌的整體美感和感覺的圖像。

6.石蕊

您可能會期待來自一家宣布電子郵件設計會議的公司發送一封精美的電子郵件，而 Litmus 不會讓您失望。 電子郵件以大膽的色彩開始，吸引了讀者的注意力。 在此之下，您會發現一個乾淨的設計，包括簡潔的副本、異想天開的插圖和大量使用空白。

在電子郵件的底部，您會看到一個實時 Twitter 提要，顯示使用會議官方標籤的推文。 社交媒體因素真的很酷，我們願意打賭增加參與度，同時告知人們如何在活動中保持聯繫。

圖片來源

專業提示：富有想像力並使用圖標和插圖可能是傳達信息的一種有益且簡單的方式。 一致的外觀和感覺會有所不同，顯示意圖和設計策略。 您可以在 FlatIcon.com 等網站上找到包含最常用圖標的免費圖標包。

7.優步

作為營銷人員，我們知道圖表可以作為說明信息的有效方式。 但是如何將圖表合併到電子郵件中呢？

Uber 的這種電子郵件設計通過使用簡單的圖表巧妙地展示了數據可視化的力量。 優步沒有依靠文字來解釋他們降低的費率，而是製作了一些比較視覺效果來完成這項工作。 由於選擇了明亮的藍色，收件人只需快速瀏覽一下就可以輕鬆了解費率的變化情況。

圖片來源

專業提示：激發觀眾的興奮感比人們想像的要困難得多。 以上是優步如何使用他們的歷史數據來激發人們對公司新產品的興奮的例子。 即將發生的事情的可能性與已經發生的事情相關。 在展示即將發生的事情之前展示已經完成的事情，讓消費者知道他們的興奮是安全的。

8. 庫亞納

這是 Cuyana 發送給註冊新產品“搶先體驗”列表的人的產品促銷電子郵件。 該電子郵件完全以展示新產品為中心，但在這種情況下，這正是選擇加入“搶先體驗”列表的人們所尋找的。

由於巧妙地使用了負空間和吸引人的字體，電子郵件的設計簡潔而精緻。 對於女性服裝和配飾公司而言，這種方法非常符合品牌。 我們喜歡使用一致的顏色——尤其是他們為底部的號召性用語按鈕選擇的標誌性橙色色調。

圖片來源

專業提示：這是使用 HubSpot 製作的電子郵件示例。 單擊此處從我們的資料庫中查看更多電子郵件營銷示例。

電子商務電子郵件設計實例

9. J.克魯

有時，言語可能被高估了。 為什麼不讓一張圖片為您講述故事呢？ 無論如何，這就是 J.Crew 在這封電子郵件中所做的。 這封電子郵件正在促銷，但您不會馬上知道：您所看到的只是副本，“這值得滾動”，以及一張非常長（非常值得滾動）的高清圖片蛋捲冰淇淋我們喜歡這種微妙之處。 百勝！

圖片來源

專業提示：如果你到達底部，你會注意到冰淇淋錐的尖端就像一個方向箭頭，將收件人指向號召性用語。 照片不僅可以作為靜態圖像，還可以作為互動指南，在整個信息中引導人們的視線。

10.蘋果

Apple 的這封假日電子郵件平衡了空白與產品展示，營造出真正有趣的體驗。

雖然所有產品都採用相似的配色方案，但真正引人注目的是它們的定位。 通過戰略性地安排產品，Apple 能夠創建在整個電子郵件中交替出現的視覺模式。 這種方法是展示品牌對其產品的信心的最佳方法之一。 它允許產品本身成為信息的焦點，以及傳達信息的方式。

圖片來源

專業提示：在流程開始時起草或草擬電子郵件的設計可以使創建引人注目的消息成為一個容易實現的目標，並且可以節省您的時間。

11.聯合製造的商品

消費者從電子商務企業收到大量電子郵件，展示來自其網站的節日禮物創意，這是其中一封做得很好的電子郵件的例子。 他們在這裡選擇了一個簡單的設計，其中包括對顏色和空白的非常好的使用，使那裡的副本和圖像更加流行。

我們真的很喜歡這種簡單性如何讓讀者的注意力不那麼集中在消息中分散注意力的元素上。 相反，她們可以通過想像所展示的產品（或公司銷售的其他產品）如何在母親們的生活中產生預期的反應來填補負面空間。 這讓人想知道，“媽媽有什麼？”，“她需要什麼？”，或“她想要什麼？”

圖片來源

專業提示：在不超賣的情況下提供類似購買折扣之類的東西，可以促使讀者審視自己的時間，並知道他們將獲得進一步參與的激勵。

12.卡斯帕

這封來自 Casper 的歡迎郵件非常出色地概述了加入他們超過 100 萬的會員社區會給您帶來什麼。 從他們的社區數量來看，很明顯他們投入了大量時間和精力來打造產品和聲譽，因此您可以放心。 （G et it ？“休息”，因為它是一家床墊公司？啊，沒關係！）

他們列出了您從會員資格中獲得的一些好處，然後立即跳入建立教育價值，提供睡眠技巧。 僅憑這一點還不足以讓某人成為忠實而細心的 Casper 電子郵件訂閱者，但它確實進一步將品牌和產品與消費者體驗聯繫起來。 我們喜歡他們如何使用簡單的圖形和簡潔的消息傳遞巧妙地將自己與睡眠挑戰的解決方案聯繫起來。

圖片來源

專業提示：保持簡單，讓觀眾和消費者自己得出結論，他們需要您提供的東西。

13. 什伍德 x 斯坦利

在電子商務世界中，電子郵件中的視覺質量會對收件人是否堅持查看整封電子郵件或快速點擊“刪除”按鈕產生巨大影響。 Shwood x Stanley 的這封電子郵件非常強調那些高質量的視覺效果。 我們特別喜歡帶紋理的背景，以及它們處理光影的方式。

圖片來源

專業提示：在 html 電子郵件中使用多個圖像時，請考慮哪些顏色相互補充和對比。 這種考慮可以使觀看者從一個部分過渡到另一個部分的體驗是無縫的，從而在整個消息中吸引註意力。

14. 哈利的

對於像這封來自 Harry's 的季節性電子郵件，您可以考慮使用與季節相適應的配色方案。 為了宣傳他們的冬季禮品套裝，Harry's 的人們用綠色、藍色和棕色等傳統冬季顏色冷卻了他們的配色方案。 他們還在文本和視覺效果之間取得了很好的平衡，並通過使用簡單的磁貼設計使他們的電子郵件更容易瀏覽。

我們喜歡的另一件事是那些鮮紅色的號召性用語； 它們看起來很容易點擊……你不同意嗎？

圖片來源

專業提示：簡而言之，好的產品攝影是無可替代的。 如果您正在潛入原創產品攝影的海洋，請查看此產品攝影初學者指南。

您注意到還有哪些其他公司正在創建漂亮的電子郵件營銷？ 他們的方法有何突出之處？ 您如何利用這一點並添加您自己的原創內容，為您的品牌信息傳遞新內容？

編者註：這篇文章最初發表於 2012 年 5 月，並已更新以確保新鮮度、準確性和全面性。