2022 年電子郵件設計終極指南
已發表: 2022-03-23您可能會認為電子郵件是一種垂死的媒介，但根據 Campaign Monitor 的一份報告，他們的客戶在 2020 年發送的電子郵件比 2019 年多 130 億封，總計超過 1000 億封。 在所有這些競爭中，讓您的電子郵件從人群中脫穎而出並非易事。
良好的電子郵件設計可以幫助您與潛在讀者打破僵局並立即吸引他們的注意力。
通過正確的設計，您可以抓住讀者的想像力，讓他們參與進來，並推動他們對您的產品或服務按下“立即購買”。
如果你不太確定什麼是好的設計——別擔心。 這就是我們將在本指南中介紹的內容。 具體來說，我們將教您如何改進您的電子郵件設計，甚至向您展示 26 個示例來激發您的靈感。
什麼使電子郵件設計好？
目前，超過 90% 的美國人口使用電子郵件。 因此，當然，沒有一種完美的電子郵件設計風格會吸引所有人。
但是，一些通用概念可以幫助您始終如一地設計有效的電子郵件。 我們喜歡稱它們為“三個 C”。
- 明確：電子郵件的目的是顯而易見的
- 引人入勝：電子郵件吸引了讀者的注意力並激起了他們的興趣
- 創意：電子郵件是獨一無二的，從其他營銷電子郵件中脫穎而出
讓我們看一個屢獲殊榮的例子，看看三個 C 在現實生活中的樣子。
這封來自 HP Instant Ink 的營銷電子郵件在 2021 年獲得了 IAC“最佳技術電子郵件消息活動”獎。
Instant Ink 的徽標和標題強調了將墨水運送到您家的想法。
它令人著迷——結合了插圖、顏色和精美的特色圖片，它吸引了您的注意力。
它很有創意——不是專注於墨盒，而是服務可以送到您家門口。
你不需要有史以來最驚人的想法來創造一個好的設計。 首先評估您現有的電子郵件並找到需要改進的地方。
你應該考慮：
- 您的電子郵件如何與三個“C”疊加
- 您的點擊率 (CTR)。 作為參考，平均點擊率在 2.6% 到 2.34% 之間
- 您的電子郵件是否能幫助您實現目標
- 您的電子郵件是否會為您的網站帶來流量
在創建新的電子郵件和活動時，請繼續以您所學的知識為基礎。
如果您從頭開始，我們還為您提供了可以立即開始使用的提示和最佳實踐。
11 個至關重要的電子郵件設計最佳實踐
以下是所有電子郵件營銷人員應遵循的 11 種最佳做法。 當您專注於電子郵件的營銷方面時，您還可以考慮電子郵件營銷最佳實踐。
1. 製作一個強有力的主題行
主題行是您給讀者留下第一印象的機會，並且對打開率有獨特的影響。 雖然電子郵件的平均打開率介於 18-22% 之間，但一些營銷人員僅通過優化主題行就能獲得高達 57% 的打開率。
基本上，主題行是至關重要的。 要優化它們，請使用簡潔和描述性的語言，並包含統計數據、數字或“鉤子”以吸引讀者的眼球。 您還應該避免使用諸如“免費”或“輕鬆賺錢”之類的“垃圾郵件”字眼。
2. 堅持品牌
您的電子郵件設計會影響消費者如何看待您的品牌，因此仔細考慮每個設計元素至關重要。 設計元素包括徽標、顏色、字體、佈局選擇、視頻、圖像和信息圖表。
為了獲得最佳效果，請將您的設計與您的受眾相匹配。 例如，如果您需要定位 B2B 受眾，您可以使用專業的設計元素，如柔和的顏色和乾淨的字體。 B2C 產品可能會使用更多“休閒”品牌。
3.保持簡單和專注
複雜的電子郵件佈局可能會使讀者感到困惑，當讀者感到困惑時，他們會單擊“返回”按鈕。 您應該在電子郵件中採用簡單、乾淨和簡約的設計。
您還應該在每封電子郵件中使用相同的佈局和品牌，以便讀者知道會發生什麼。
4. 促進參與
吸引讀者的參與，包括在每封電子郵件中強烈的號召性用語 (CTA)。 仔細選擇您的錨文本，使您的 CTA 按鈕變大，並有策略地放置它以優化您的轉化。
5.給你的內容空間呼吸
如果你填滿閱讀器屏幕的每一平方英寸，他們將不知道該往哪裡看。 使用分隔符和空白將他們的注意力吸引到您的內容上，並強調關鍵組件，例如您的 CTA 或產品圖片。
6.遵循信息瀑布
信息瀑布（有時稱為信息金字塔）在底部顯示您最重要的信息和最不重要的信息。
7. 使用響應式電子郵件
您是否曾經打開過一封電子郵件而無法看到整個部分或圖像？ 如果您使用固定尺寸，不同的設備屏幕尺寸會扭曲您的設計。 這就是為什麼響應能力是必不可少的。 使用響應式網頁設計原則使您的設計適應不同窗口和屏幕尺寸的最佳比例。
8. 確保可訪問性
如果您想最大限度地擴大影響範圍並滿足可訪問性指南和法律，則必須考慮患有閱讀障礙、色盲或視力障礙的人如何看待您的電子郵件營銷。 為了使您的電子郵件設計易於訪問，請使用閱讀障礙友好字體、替代文本、色盲友好顏色和屏幕閱讀器（如 KNFB 閱讀器）可以大聲朗讀的純文本。
9. 優化性能
由於普通人查看一封電子郵件的時間僅為 11 秒，因此您需要關注績效才能獲得結果。 理想情況下，您的電子郵件應能快速加載並在所有設備上運行（如 2021 年，54.8% 的互聯網流量來自移動設備）。
您還應該跟踪您的轉化，以衡量您的營銷工作和您嘗試的任何新策略的有效性。
10.包括一個退訂鏈接
許多法規要求使用退訂鏈接。 聯邦貿易委員會 2003 年的 CAN-SPAM 規則（控制未經請求的色情和營銷 (CAN-SPAM) 的攻擊）是這些法規之一。
為確保人們可以毫無問題地取消訂閱，請始終包含一個清晰、易於使用且顯眼地顯示的鏈接。
11. 使用電子郵件驗證
電子郵件身份驗證允許您的電子郵件營銷工具將電子郵件作為您的域發送（因此它們來自“yourwebsite.com”，而不是“通過 mcsv.net”）。 使用電子郵件身份驗證將使您的電子郵件看起來更專業。
良好的電子郵件設計示例
即使您是天生具有創造力的人，從頭開始構建創意和高質量的設計也不是一件容易的事。 值得慶幸的是，您不必從零開始。
本節將分解 26 個優秀的電子郵件設計示例，突出我們喜歡它們的地方。
歡迎電子郵件
歡迎電子郵件是客戶在註冊您的郵件列表時收到的第一件事。 進行良好的介紹對於建立持久且引人入勝的關係至關重要。
易普西
Ipsy 的歡迎電子郵件是一個很好的介紹的 A+ 示例。 這是我們喜歡它的地方：
- Ipsy 將其電子郵件時事通訊命名為“刷新”（這使它感覺更像是一個愛好俱樂部，而不是營銷電子郵件）
- Ipsy 的電子郵件為讀者提供免費的自我保健入門工具包
- Ipsy 匹配背景、圖像和產品包裝中的顏色
安德瑪
Under Armour 的歡迎電子郵件之所以有效，是因為營銷團隊選擇了圍繞其產品主題的圖像和文本。 這裡還有一些我們喜歡的東西：
- Under Armour 的標誌是你看到的第一件事
- 圖像中的顏色匹配並使電子郵件彈出
- 電子郵件的視覺層次結構使它看起來很有趣
Beefree.io
雖然從技術上講不是歡迎電子郵件，但這封 BeFree 確認電子郵件非常好，我們不得不在這裡展示它。 為什麼？ 這封電子郵件完美地展示了 BeeFree 設計軟件的可能性。 這裡還有一些我們喜歡的東西：
- 動畫很可愛
- 柔和的顏色很漂亮，但看起來並不幼稚
- BeeFree 包含指向其社交媒體的鏈接
- BeeFree 使用其軟件創建電子郵件設計
佩洛頓
Peloton 的歡迎電子郵件包含幾個文本部分，但看起來並不擁擠，因為它們有效地使用了空白。 我們也喜歡它，因為：
- Peloton 使用符號將讀者的注意力吸引到“阻力”和“節奏”部分
- Peloton 的電子郵件開頭是一張給人一種社區感覺的圖片
- 該電子郵件解釋了 Peloton 應用程序的功能並教讀者如何使用它
印象筆記
Evernote 的歡迎電子郵件有兩個目的：歡迎訂閱者並幫助他們下載免費的 Evernote 應用程序。 我們也喜歡它，因為：
- 該電子郵件包含指向 Evernote 介紹性資源的鏈接
- Evernote 的 CTA 按鈕為綠色，與 Evernote 的品牌顏色相匹配
- Evernote 為安裝應用程序有困難的客戶提供了一個客戶服務鏈接
購物車放棄電子郵件
購物車放棄電子郵件是您在客戶放棄購物車後 24-72 小時內發送給客戶的自動生成的電子郵件。 由於重新吸引潛在客戶是這些電子郵件的主要目標，因此它們需要吸引讀者的注意力。
美國巨人
American Giant 的購物車放棄電子郵件是時尚的黑白設計的一個很好的例子，看起來很活潑。 我們也喜歡它，因為：
- American Giant 向讀者展示他們購物車中的商品
- 美國巨人鏈接到其社交媒體
- 電子郵件有效地使用了preheader文本
格里的
Gerry 的電子郵件與 American Giant 的電子郵件截然不同。 這是我們喜歡的：
- 標題以創造性的方式提醒讀者他們廢棄的購物車
- 電子郵件按姓名地址收件人
- 顏色很有趣，但不是壓倒性的
斯泰森
Stetson 的電子郵件有一個對客戶友好的轉折點，使它起作用：提供免費送貨。 這裡還有一些我們喜歡的東西：
- Stetson 在整個電子郵件中使用其品牌顏色
- 該電子郵件將讀者鏈接回相關的商店類別
- CTA 通過聲明“售完即止”來表明稀缺性
時事通訊
時事通訊是定期電子郵件，用於向您的客戶更新有關新產品和服務、您的最新內容和慈善工作的信息。 自然，他們需要內容豐富但引人入勝。
舒卡設計局
這封來自 Shuka Design Bureau 的電子郵件是創意時事通訊的一個很好的例子。 這是我們喜歡的：
- 該電子郵件具有引人注目的漫畫
- 文案符合漫畫主題
- 漫畫使用鮮豔的色彩和鮮明的藝術風格
關於酸的電子郵件
Acid 時事通訊上的電子郵件也採用了獨特的方法。 我們喜歡：
- 電子郵件的報紙主題
- 使用空白分隔文本
- 這是電子郵件如何在有效的內容營銷中發揮作用的一個很好的例子
- 黑白配色方案
增量
Increment 對其時事通訊設計採取了更時尚的方法。 我們愛：
想知道我們是如何將流量提高到 1000% 以上的嗎？
加入 20,000 多人的行列，他們會通過 WordPress 內幕技巧獲得我們的每週時事通訊！
- Increment 使用問題來激勵讀者點擊“Read the Issue”的方式
- The Increment 將本期的時事通訊命名為“Containers”，以賦予其主題
- 迷幻空間主題的標題圖像如何與主題對齊
假期電子郵件
假日電子郵件吸引了讀者的注意力，並通過特別的慶祝優惠激勵他們購買。 這一切都是為了通過您的電子郵件和促銷來捕捉假期的精髓。
樹皮盒
BarkBox 的“生日快樂”電子郵件通過向客戶提供獨特的產品（狗的生日蛋糕）來向上銷售客戶。 我們喜歡這種方法的獨特性，以及：
- 有趣的語言，如尾隨樂趣
- 它使報價的價格、時間限制和期望變得清晰的方式
甘特里
Gantri 的電子郵件巧妙地向讀者提出了一個問題（“仍在尋找完美的禮物”並將 Gantri 卡定位為解決方案）。 我們也喜歡這樣：
- 該電子郵件強調了 Gantri 卡的好處
- 將 CTA 放置在以問題為中心的標題下方
朱迪
Judy 的電子郵件採用與 BarkBox 或 Gantri 不同的方法，因為 Judy 的電子郵件旨在與讀者建立關係。 我們喜歡它，因為：
- 大字體和設計強調標題
- 該電子郵件的標題圖片中包含不同背景的女性
- 它使用空白來突出顯示文本
接收條
RXBAR 的萬聖節電子郵件既詭異又有趣。 我們喜歡這樣：
- 標題使用了“不給糖就搗蛋”的有趣旋轉
- 該電子郵件在頂部包含相關鏈接
- 該設計使用了標誌性的萬聖節圖像，如科學怪人的指甲、蝙蝠和南瓜
數字產品的電子郵件
數字產品的電子郵件在銷售中特別有效，因為客戶在通過您的 CTA 鏈接註冊後不久就可以訪問您的服務。 他們的重點往往是迫使人們當場購買。
可郵寄
來自 Postable 的這封電子郵件有效，因為它解決了讀者的問題：假期期間地址過時。 我們也喜歡它，因為：
- Postable 的 CTA 是讀者首先看到的
- 該電子郵件包含 Postable 應用程序的圖形
- 充分利用空白來突出主要目標——讓用戶更新他們的地址
標記
這封來自 MarkUp 的電子郵件非常棒，因為它教讀者如何在向他們銷售軟件的同時使用 MarkUp。 我們也喜歡它，因為：
- MarkUp 使用圖標來強調文案
- MarkUp 的軟件是您看到的第一件事
- CTA 在首屏
打字機
Typeform 的電子郵件之所以有效，是因為它以公司的獨特賣點 (USP) 開頭——“一種在營銷中使用視頻的新方法”。 我們也喜歡這樣：
- Typeform 展示了其視頻營銷的示例
- 電子郵件使用可訪問的字體
- 圖像使用層次結構來抓住讀者的眼球
銷售電子郵件
銷售電子郵件為訂閱者提供獨家折扣，以激勵他們購買。 自然，他們需要強大的 CTA。
GoPro
這封來自 GoPro 的電子郵件中的 CTA 效果很好，因為文本的層次結構使其成為觀眾在“降價”之後第二次閱讀的內容。 我們也喜歡它，因為：
- GoPro 在整個電子郵件中使用了匹配的配色方案
- 海量產品圖片突出產品
- 該電子郵件包含兩個優惠：免費送貨和更低的價格
MCM
這封來自 MCM 的銷售電子郵件非常棒，因為它使用圖片而不是一大塊文字來宣傳這款包。 我們也喜歡這樣：
- 特色圖片融合了插圖和攝影
- CTA按鈕突出
- 電子郵件在標題中包含商店鏈接
現代哺乳動物
這封來自 Modern Mammals 的銷售電子郵件效果很好，因為它通過靜態鏡頭顯示了產品的實際運行情況。 我們也喜歡它，因為：
- 電子郵件使用多種字體顏色來強調
- 背景圖片與產品包裝相匹配
- 文字強調產品的 USP
推薦和評論電子郵件
推薦和評論電子郵件要求讀者幫忙，因此，他們需要利用忠誠度來激勵讀者留下評論。
G2
G2 的“今天復習”電子郵件很有說服力，因為它讓讀者覺得他們可以幫助他人進行複習。 我們也喜歡這樣：
- G2 在圖片中顯示了一系列評論（不僅僅是正面評論）
- G2 保持電子郵件簡短
- CTA 是描述性的
目標
Target 的電子郵件之所以有效，是因為它針對每個客戶進行了個性化處理——要求審核並幫助不滿意的客戶聯繫支持。 我們也喜歡這樣：
- 電子郵件使用標題作為內容塊之間的分隔符
- 為了清晰起見，兩個 CTA 按鈕顏色不同
- 它通過圖像顯示讀者的購買
咬
Bite 的這封評論電子郵件採用了一種獨特的方法，因為它可以向讀者展示其他客戶的評論。 我們也喜歡這樣：
- Bite 使用多種綠色陰影來創建層次結構
- 咬鏈接到其“關於我們”頁面
- 咬在圖片中包括其產品
品牌電子郵件
品牌電子郵件告訴讀者您業務的“ABC”，包括您的品牌標識、使命和 USP。 自然，他們需要對您的品牌產生濃厚的興趣。
瘦身
這封來自 Thinx 的品牌電子郵件通過將讀者介紹給員工 (Morgs) 來吸引讀者的注意力。 我們也喜歡這樣：
- Thinx 使用了合適的啞光調色板
- Thinx 的主題是圍繞其產品和使命的電子郵件文案
小精靈
來自 Wisp 的這封品牌電子郵件之所以有效，是因為它可以幫助潛在客戶瀏覽他們的產品。 我們也喜歡這樣：
- Wisp 使用問題來吸引讀者的注意力
- Wisp 鏈接到其“社區最愛”
- Wisp 使用與電子郵件背景融為一體的圖像
如何創建自己的電子郵件設計
既然您已經看到了 26 個優秀電子郵件設計的示例，那麼您已經準備好將新訓練的設計眼光投入工作。 以下是創建電子郵件設計的三種方法：
1.使用電子郵件營銷軟件
許多流行的電子郵件營銷軟件工具都有您可以使用的內置模板。 這包括 Mailchimp、Constant Contact、SendinBlue、Drop 和 HubSpot。
您可以輕鬆使用他們的模板和拖放構建器來創建您獨特的設計。
優點：
- 簡單快捷
- 您可以更改模板的文本、圖像和關鍵部分
- 您知道您的設計將適用於台式機和移動設備
- 您可以多次使用相同的模板
- 您通常不需要支付額外費用
缺點：
- 這些模板是為廣泛的目標受眾製作的（因此它們可能與您的其他品牌不匹配）
2.使用專用的電子郵件設計工具
電子郵件設計軟件工具提供電子郵件模板和獨特的功能來創建獨特的設計。 Stripo、Chamaileon、BeeFree 和明信片都是不錯的選擇。
優點：
- 對於沒有設計背景的人來說非常容易使用
- 這些工具有數百個模板（因此很容易找到適合您需求的模板）
- 完全可定制性——更改佈局、顏色、圖像、樣式和文本
- 許多模板都適合移動設備
缺點：
- 您可能需要付費才能使用這些工具
- 您需要下載您的模板並將其導入您的電子郵件營銷軟件（或使用可用的集成）
3. 創建定制設計
最後，您可以使用 Adobe InDesign、VivaDesigner、Scribus 等工具從頭開始創建自定義電子郵件設計，或者簡單地使用 HTML 和內聯 CSS 對其進行編碼。
優點：
- 您的設計將是獨一無二的
- 充分的靈活性
- 您可以確保您的設計適合移動設備，並且您的圖像是高質量的
缺點：
- 設計軟件很昂貴
- 非常耗時
- 你需要強大的設計背景
概括
截至 2020 年，全球電子郵件用戶超過 40.3 億，每天收發電子郵件 3196 億封。 自然，在訂閱者的收件箱中脫穎而出是很棘手的。
這就是為什麼良好的電子郵件設計至關重要。 吸引觀眾的注意力是培養與潛在客戶的關係、增加收入和有效向上銷售客戶的第一步。
要掌握良好的電子郵件設計，請確保您：
- 使用空格來強調
- 開發高質量的視覺效果來吸引讀者的注意力
- 使用清晰的副本——尤其是在您的標題和 CTA 中
- 使用自上而下的方法來確定內容的優先級
- 發揮創意
我們想听聽您所知道的關於良好電子郵件設計的一切。 您最喜歡這些設計中的哪一個，您如何為您的品牌創建獨特的電子郵件？ 請在下面的評論中告訴我們。