您可能會認為電子郵件是一種垂死的媒介，但根據 Statista 的最新資料，2023年每分鐘電子郵件傳送的數量是上一年的五倍，達到2.4億封。在所有這些競爭中，讓您的電子郵件從人群中脫穎而出並非易事。
良好的電子郵件設計可以幫助您與潛在讀者打破僵局並立即吸引他們的注意力。
通過正確的設計，您可以抓住讀者的想象力，讓他們參與進來，並推動他們對您的產品或服務按下“立即購買”。
如果你不太確定什麼是好的設計——別擔心。這就是我們將在本指南中介紹的內容。具體來說，我們將教您如何改進您的電子郵件設計，甚至向您展示26個示例來激發您的靈感。
什麼使電子郵件設計好？
目前，超過90%的美國人口使用電子郵件。因此，當然，沒有一種完美的電子郵件設計風格會吸引所有人。
但是，一些通用概念可以幫助您始終如一地設計有效的電子郵件。我們喜歡稱它們為“三個C”。
- 明確：電子郵件的目的是顯而易見的
- 引人入勝：電子郵件吸引了讀者的注意力並激起了他們的興趣
- 創意： 電子郵件是獨一無二的，從其他營銷電子郵件中脫穎而出
讓我們看一個屢獲殊榮的例子，看看三個C在現實生活中的樣子。
HP Instant Ink營銷電子郵件
這封來自HP Instant Ink的營銷電子郵件在2021年獲得了IAC“最佳技術電子郵件訊息活動”獎。
Instant Ink的徽標和標題強調了將墨水運送到您家的想法。
它令人著迷——結合了插圖、顏色和精美的特色圖片，它吸引了您的注意力。
它很有創意——不是專注於墨盒，而是服務可以送到您家門口。
你不需要有史以來最驚人的想法來創造一個好的設計。首先評估您現有的電子郵件並找到需要改進的地方。
你應該考慮：
- 您的電子郵件如何與三個“C”疊加
- 您的點選率 (CTR)。作為參考，平均點選率在2.6%到2.34%之間
- 您的電子郵件是否能幫助您實現目標
- 您的電子郵件是否會為您的網站帶來流量
有效的電子郵件營銷不僅僅是打出一封郵件，然後點選傳送。
如果您的電子郵件缺乏吸引眼球的主題行、相關內容、巧妙的佈局和視覺上吸引人的元素，那麼收件人很容易在雪崩般的收件箱中忽略它。
電子郵件設計是一個深思熟慮地製作和組織電子郵件的過程，以確保它們在視覺上引人入勝、易於閱讀並激發行動。
從本質上講，營銷電子郵件的設計更側重於電子郵件的視覺佈局，而不是內容本身。這涉及到如何組織和優化文字、圖片和關鍵資訊，使電子郵件不容易被忽視。鑑於人們通常會快速瀏覽電子郵件，因此精心設計的電子郵件可確保您的資訊符合品牌形象、清晰明瞭，甚至引人入勝。
而一份精心設計的電子郵件設計指南可以教你如何將上述所有內容付諸實踐，以加強你的聲音，吸引新客戶，並與受眾建立長期關係。
在建立新的電子郵件和活動時，請繼續以您所學的知識為基礎。
電子郵件設計為何重要
我們已經提到了為什麼小企業主和營銷人員應該關注電子郵件列表的增長–電子郵件營銷具有巨大的投資回報率！電子郵件設計有什麼特別重要的地方呢？它可以提高電子郵件的開啟率和參與度。
我們將告訴你如何做。
最大限度地提高可讀性
結構合理的電子郵件具有清晰的層次結構、充足的留白空間、精心選擇的字型和周到的設計元素，可確保收件人快速、輕鬆甚至興奮地閱讀您想與他們分享的任何內容。這裡沒有單調乏味的營銷瞌睡！
推動可衡量的行動
歸根結底，設計精良的電子郵件能引導收件人邁出明確的下一步，無論是報名參加活動、購物還是訪問網站。
當設計和內容完美地結合在一起時，收件人就很容易根據您的資訊採取行動，您也很容易圍繞轉化率制定並實現可衡量的目標。
建立品牌信任
在電子郵件設計中堅持使用品牌的顏色、字型和徽標，可以強化品牌形象。當收件人看到一封在視覺上與他們已經熟悉的品牌一致的電子郵件時，就會產生信任感，從而更願意開啟未來的電子郵件！
我們喜歡這種甜蜜的營銷動力。
通過無障礙性歡迎所有讀者
電子郵件設計應始終考慮易讀性，使盡可能多的人都能輕鬆閱讀。
我們將在下一節中深入探討周到的設計選擇，如適當的字型大小、顏色對比度和圖片的alt文字，這些都能保證歡迎更多的人蔘與到您的內容中來，無論他們是通過何種方式訪問您的電子郵件。
15 種電子郵件設計最佳實踐
看看您當前的營銷指標。
您設計的電子郵件是否每次都能擊中目標？
如果不是，那就不要再浪費資源，開始提高效率吧。
下一節將向您介紹一些最佳實踐，以建立能夠吸引注意力、提供價值並鼓勵行動的電子郵件體驗。
1. 單欄保持簡單
我們通常建議在營銷電子郵件中選擇單欄佈局，原因有以下幾點：
- 其一，單欄佈局更便於設計！
- 另一個原因是，這樣更便於讀者快速掃描並採取行動，而這正是許多人在閱讀收件箱中的電子郵件時所希望的。這種簡化的佈局也更有利於輔助技術的處理，使其更易於訪問。
- 最後但並非最不重要的一點是，單欄郵件更能適應不同的螢幕尺寸，因此對移動裝置更友好（這是一個重要因素，我們稍後會詳細討論）。
2. 熟悉常見的 F 型閱讀模式
尼爾森-諾曼集團（Nielsen Norman Group）通過眼動跟蹤研究發現，F 型閱讀模式是讀者掃描內容塊的最常見方式之一。
這種模式是這樣工作的：
- 讀者首先橫向掃描內容的頂部，形成字母 F 的頂線。
- 接著，他們向下移動，掃描吸引他們眼球的下一個水平部分，F 的下一行通常比第一行短。
- 最後，他們沿著內容左側的垂直路徑，完成 F 形！
在設計電子郵件時，以下是如何根據這種掃描行為進行優化的方法：
- 將最重要的資訊放在讀者可能關注的地方，沿著 F 字形。
- 在新段落或章節的開頭使用吸引眼球的詞語，以便在向下移動時繼續吸引眼球。
- 確保郵件中最突出的元素立即脫穎而出，並儘量將其置於視線流經圖案的路徑上。本文稍後將討論如何選擇最佳字型型別和大小，以及如何有效運用對比度來吸引注意力。
3. 向作家學習倒金字塔布局
倒金字塔布局是從作家和記者那裡借鑑來的一種強大的設計策略。在電子郵件領域，倒金字塔布局就是將最關鍵的資訊放在首位，然後以倒三角形快速引導讀者找到明確的行動號召（CTA）。
結構很簡單：
首先是吸引眼球的標題或鉤子，然後是簡潔的輔助資訊，最後是醒目的 CTA。
這不僅是用詞的問題。巧妙運用創意字型、顏色和設計！戰略性地使用留白，讓讀者真正參與進來。
通過最大限度地減少干擾，保持內容的精簡和精彩，倒金字塔布局能將讀者的視線自然地引向 CTA，使他們更有可能參與其中。
4. 考慮使用表情符號（真的！？）
無論是表達不屑（🙄），還是分享驚心動魄的新聞（🎉）：表情符號都是一種強大而現代的交流方式。
撇開趣聞軼事不談，人們甚至發現表情符號能提高社交媒體上的參與度。那麼，為什麼不嘗試在營銷電子郵件中使用它們呢？
如果使用得當（這一點至關重要！），表情符號可以為您的電子郵件增添個性和視覺趣味，幫助它們脫穎而出，讓收件人持續閱讀。表情符號能瞬間建立情感聯絡，使您的資訊更吸引人。
這種最佳做法最重要的部分是瞭解受眾和手頭的資訊，以確保您使用的表情符號適合並促進資訊的傳達。而不是分散注意力。
5. 優化圖片大小
Campaign Monitor 的電子郵件營銷專家將他們的電子郵件模板設計為桌面 600 畫素寬，移動 320 畫素寬。此外，最上面的 300-500 畫素通常是人們在需要滾動之前可以在電子郵件中看到的。有鑑於此，您在營銷電子郵件中使用的任何圖片都不應超過這些引數。
但這不僅與尺寸有關，還與 “重量 ”有關–它會影響載入時間。壓縮圖片，儘量減小檔案大小，這樣載入速度會更快，同時也符合電子郵件客戶端的規定。
對圖片使用什麼檔案格式有疑問？
- JPEG 格式的圖片清晰小巧，仍然是展示專業照片的理想選擇。
- PNG 壓縮效果好。
- SVG 檔案重量輕，在任何比例下都能保持清晰，適合圖示和徽標。
需要注意的是，無論您如何處理圖片，都應將其嵌入到電子郵件中。為什麼呢？
因為現在的附件很容易被標記為垃圾郵件。
6. 保持品牌一致性
電子郵件不被開啟或開啟後很快被刪除的一個重要原因是，它們給人的感覺像是突然從天而降。這通常是品牌不佳造成的。
在每封郵件中融入品牌的視覺識別對於加強品牌認知度至關重要。如果不這樣做，收件人可能會認為他們收到的不是自己註冊的垃圾郵件，從而增加退訂率和取消訂閱率。
這裡的訣竅是確保您的電子郵件採用品牌的關鍵設計元素：
- 在所有電子郵件通訊中使用品牌的核心元素，如字型、顏色和影象。
- 確保您的電子郵件設計與網站、登陸頁面、社交媒體等同步，以建立一個統一的正面。
- 在每封電子郵件的頁首或頁尾顯著位置放置您的徽標，以強化品牌形象。
- 一旦確定了正確的氛圍，就建立可重複使用的模板，以簡化未來的電子郵件營銷活動並確保一致性。
7. 優先考慮移動體驗
到 2023 年底，全球一半以上的網路流量將通過移動裝置實現。
換句話說，在設計電子郵件時，你絕對不能忽視那些小巧的智慧螢幕。
根據螢幕尺寸和型別進行調整的設計被稱為響應式設計。幸運的是，大多數電子郵件設計工具–如 Mailchimp、Stripo、Unlayer 等–都是響應式的，它們會自動調整和重組電子郵件的大小，以確保它們對移動裝置友好。
不過，您也可以做一些事情來確保這不會出錯，讓您的電子郵件通訊看起來完美無瑕：
- 正如我們在這裡和那裡提到的，對於電子郵件來說，精簡和簡單的設計通常是最好的，尤其是考慮到手持裝置的可讀性。此外，簡單的佈局載入速度更快，這是我們在旅途中都希望看到的。
- 按鈕應該足夠大，以便用拇指輕鬆點選。拇指規則是44×44 畫素。按鈕周圍也應有足夠的空間，以便使用者點選時不會誤點附近的連結。
- 留白對於移動裝置上的可讀性來說比以往任何時候都重要，因此要合理利用留白。
- 將最重要的內容放在郵件頂部附近，以便在滾動之前就能看到。
- 移動裝置通常會顯示較短的主題行 （約 30 至 40 個字元），因此要簡短貼切。
- 電子郵件的整體大小應在 100KB 以下，否則會導致載入時間過長或被電子郵件客戶端剪下。
8. 請給我一些空間！
在設計中，留白是指元素周圍的空白或負空間。
留白在電子郵件設計中起著至關重要的作用，它有助於根據重要性組織內容，提高可讀性和可讀性，並引導人們關注關鍵部分。
說實話，留白是一種你看到它就會知道的東西–如果留白做得好，它就是令人愉悅、平靜的互動與令人感覺過時、乏味和難以消化的互動之間的區別。
下面是一些在電子郵件中使用留白的基本技巧：
- 在段落、圖片和其他部分周圍留出足夠的襯墊（又稱空間），以防止郵件感覺雜亂無章。
- 在所有文字塊之間留出相等的空白，以幫助引導讀者的視線從一個部分流暢地轉到下一個部分。
- 增加文字行間距，提高可讀性。
- 在關鍵區域周圍增加空間，自然地吸引讀者的注意力，而不需要額外的設計裝飾。
- 抵制將過多內容打包到一封郵件中的衝動。保持文字和圖片的間距，可以減少視覺混亂，使資訊更容易消化。
- 記住，在電子郵件佈局方面，少即是多！
9. 建立層次清晰的電子郵件
在營銷電子郵件中建立層次結構–以顯示重要程度的方式排列元素–可確保收件人輕鬆瀏覽內容、吸收關鍵資訊並採取所需的行動。
與留白類似，掌握層次也需要觀察和實踐。但是，一旦掌握了，就會得心應手。
不過，在撰寫電子郵件時，你還是可以採用一些非常直接的技巧，幫助引導讀者的視線，有效傳達你的資訊：
- 在介紹要點時使用標題 。標題應該比其他文字更大更醒目，清楚地標明資訊中最重要的部分。小標題可以介紹輔助資訊。
- 使用較大、較粗的文字自然地吸引注意力。較小的文字可以根據需要新增上下文。
- 對比色能讓重要元素脫穎而出。用最大膽的顏色突出最重要的 CTA，與背景形成鮮明對比。但不要過度使用這種顏色，否則會失去效果。
- 圖片和留白可以引導讀者關注重要資訊。
- 以箭頭為特色的圖示也可以幫助讀者瞭解首先要看什麼，或者下一步要看什麼。
10. 謹慎選擇字型
在為電子郵件選擇字型時，必須在品牌塑造和可讀性之間取得平衡。不過總的來說，我們認為可讀性更勝一籌–這在很大程度上受到字型選擇的影響。
- 對於標題和較短的文字塊，應選擇無襯線字型，這些字型簡潔、現代，在大多數螢幕上都能清晰顯示。這些字型在小劑量和大尺寸下往往最易辨認，因此非常適合標題和其他吸引眼球的片段。
- 對於較長的段落，襯線字型通常更容易閱讀。這就是為什麼許多報紙和雜誌在較長的文字中使用襯線字型的原因。
除了選擇正確的樣式外，您還要優先考慮網路安全字型，它們在大多數網路瀏覽器、電子郵件客戶端和作業系統中都得到了廣泛支援。使用網路安全字型可以確保您的電子郵件看起來與您的預期一致，無論它們是在 Gmail、Outlook 還是其他任何流行服務中開啟。
常用的網路安全無襯線字型包括
- Arial
- Helvetica
- Verdana
- Tahoma
- Lucida Sans
- Geneva
- 微軟雅黑
- 阿里巴巴普惠體
- 思源黑體
- 方正黑體
常見的網頁安全襯線字型包括
- Times New Roman
- Garamond
- Georgia
- 宋體
- 仿宋
- 楷體
- 新宋體
11. 字型大小在 10 到 16 點之間
字型大小與字型風格同樣重要。它也是品牌與平衡的混合體。
雖然電子郵件中的字型大小沒有嚴格的標準，但最好將字型保持在 10 點以上， 因為小於 10 點的字型可能難以閱讀。
另一方面，16 點也是一個不錯的大字型尺寸，但任何超過這個尺寸的字型都有可能在某些電子郵件平臺上顯示失真或破壞你的設計。
重要的是要記住，可訪問性指南建議至少使用 16 點字型。為了找到最合適的字型，我們強烈建議您嘗試不同的字型大小，看看哪種字型最適合您在不同平臺、裝置和螢幕閱讀器上的典型電子郵件風格。
12. 考慮顏色的影響
顏色當然會影響人們對您的電子郵件的看法。
顏色不僅有助於塑造您的品牌，還能影響可讀性，並讓收件人瞭解內容的層次結構。
在電子郵件中使用顏色時，請考慮您想要表達的基調。許多網站（Facebook、戴爾等）都使用藍色，這可能會引起信任，而黃色可以提升情緒，綠色可以帶來平和，黑色可能會幫助您傳達更陰鬱（或奢華）的資訊。
如何搭配使用色彩也很重要。如果您想了解 40 種不同的色彩搭配方法，以清晰明瞭地傳達您的資訊，請不要錯過我們最近釋出的網站配色指南。
13. 別忘了暗黑模式
電子郵件平臺 Litmus 發現，在使用蘋果電子郵件的使用者中，約有 35% 的人在暗黑模式下檢視電子郵件（而且還在增加）：這種設定會將收件人在裝置上檢視的所有內容的配色方案變暗。
許多電子郵件客戶端都嘗試自動調整電子郵件的暗色模式，但這一過程並不總是完美無缺的。為確保您的電子郵件在明暗兩種設定下都能呈現出最佳效果，請考慮以下幾點：
- 使用透明的 PNG，因為這些影象沒有背景。通過使用透明的 PNG，可以避免郵件從亮到暗的過渡過程中出現突兀的背景對比。
- 用白色勾勒黑色徽標，因為如果徽標的一部分是黑色的，它就會與深色背景融為一體，看起來非常糟糕。為了避免這種情況，可以在黑色元素周圍新增一個小的白色邊框。這樣，在暗色模式下，黑色元素清晰可見，而在白色背景下，黑色元素仍能完美融合。
- 為兩種調色盤優化顏色意味著按鈕、連結、圖示和其他地方的顏色在暗色模式下看起來可能與你習慣的完全不同。為避免出現對比度差、顏色花哨或可讀性問題，請考慮將色調稍作調整，以確保它們在所有模式下都能讓人一目瞭然。
- 測試 測試 測試 為暗色模式設計好電子郵件後，測試其渲染效果非常重要。給自己傳送一封測試郵件，並在不同的郵件客戶端上檢查其在明暗兩種模式下的外觀。
14. 易讀的電子郵件副本是關鍵
由於電子郵件是品牌的延伸，因此電子郵件無障礙設計與網站無障礙設計同樣重要。
以下是一份確保您的電子郵件美觀且適合所有受眾閱讀的小抄：
- 確保重要資訊（促銷程式碼、日期、時間和 CTA）至少以文字形式呈現一次，而不是隻嵌入圖片中。這樣可以確保所有收件人，包括使用螢幕閱讀器或禁用圖片的收件人，仍然可以訪問重要內容。
- 對圖片使用 alt 文字。如果訂閱者關閉了圖片，替代文字仍能提供上下文並傳達資訊。
- 為了清晰易讀，建議字型最小為 16 點。
- 文字向左對齊 ，因為左對齊的文字比居中的段落更容易閱讀，居中的段落會擾亂讀者的閱讀流程。
- 字母和行距太近會降低可讀性，因此要在它們之間留出足夠的間距。
- 僅僅依靠顏色來表達所有意思可能會讓色盲者感到困惑。此外，大多數螢幕閱讀器無法解讀顏色。因此，除了使用顏色外，還要使用文字和圖示來傳達資訊。
- 通過營造強烈的色彩對比，讓文字在背景中顯得更加突出。建議對比度至少為 4.5:1，以確保所有使用者的可讀性。
如果你以前從未檢查過設計的對比度，網上有很多有用的免費工具，比如 WebAIM 提供的工具。
15. A/B 測試和迭代
確保電子郵件設計成功的最關鍵步驟之一是進行 A/B 測試。
這一過程包括建立兩個版本的電子郵件，並分別傳送給訂閱者列表的不同部分。通過分析結果（如開啟率、點選率或轉化率），您可以確定哪個版本更能引起受眾的共鳴。
讓我們來介紹一下進行電子郵件 A/B 測試的快速而又簡單的步驟：
第 1 步：確定測試內容。每次只關注一個元素，如電子郵件副本佈局、圖片數量或 CTA 按鈕顏色。這樣，您就能隔離每一個變化的影響。
第 2 步：細分。將訂閱者列表分為兩個相等的組別，以便進行公平比較。確保兩組都能代表您的總體受眾。
第 3 步：設定目標。確定成功的樣子。您的目標是更多的開啟率、更高的點選率還是更高的轉化率？有了明確的目標，你的分析就有了方向。
第 4 步：分析結果。郵件傳送完畢後，根據目標比較各項指標。確定哪個版本的表現更好，以及為什麼。
第 5 步：總結經驗。將獲勝元素應用到未來的電子郵件設計中，並繼續測試其他元件，以不斷改進。
良好的電子郵件設計示例
即使您是天生具有創造力的人，從頭開始構建創意和高質量的設計也不是一件容易的事。值得慶幸的是，您不必從零開始。
本節將分解26個優秀的電子郵件設計示例，突出我們喜歡它們的地方。
歡迎電子郵件
歡迎電子郵件是客戶在註冊您的郵件列表時收到的第一件事。進行良好的介紹對於建立持久和引人入勝的關係至關重要。
Ipsy
來自Ipsy的歡迎電子郵件
Ipsy的歡迎電子郵件是一個很好的介紹的A+示例。這是我們喜歡它的地方：
- Ipsy將其電子郵件時事通訊命名為“重新整理”（這使它感覺更像是一個愛好俱樂部，而不是營銷電子郵件）
- Ipsy的電子郵件為讀者提供免費的自我保健入門工具包
- Ipsy匹配背景、影象和產品包裝中的顏色
Under Armor
來自Under Armour的歡迎電子郵件
Under Armour的歡迎電子郵件之所以有效，是因為營銷團隊選擇了圍繞其產品主題的影象和文字。這裡還有一些我們喜歡的東西：
- Under Armour的標誌是你看到的第一件事
- 影象中的顏色匹配並使電子郵件彈出
- 電子郵件的視覺層次結構使它看起來很有趣
Beefree.io
來自beefree.io的歡迎電子郵件
雖然從技術上講不是歡迎電子郵件，但這封BeFree確認電子郵件非常好，我們不得不在這裡展示它。為什麼？這封電子郵件完美地展示了BeeFree設計軟體的可能性。這裡還有一些我們喜歡的東西：
- 動畫很可愛
- 柔和的顏色很漂亮，但看起來並不幼稚
- BeeFree包含指向其社交媒體的連結
- BeeFree使用其軟體建立電子郵件設計
佩洛頓
來自Peloton的歡迎電子郵件
Peloton的歡迎電子郵件包含幾個文字部分，但看起來並不擁擠，因為它們有效地使用了空白。我們也喜歡它，因為：
- Peloton使用符號將讀者的注意力吸引到“阻力”和“節奏”部分
- Peloton的電子郵件開頭是一張給人一種社羣感覺的圖片
- 該電子郵件解釋了Peloton應用程式的功能並教讀者如何使用它
Evernote
來自Evernote的歡迎電子郵件
Evernote的歡迎電子郵件有兩個目的：歡迎訂閱者並幫助他們下載免費的Evernote應用程式。我們也喜歡它，因為：
- 該電子郵件包含指向Evernote介紹性資源的連結
- Evernote的CTA按鈕為綠色，與Evernote的品牌顏色相匹配
- Evernote為安裝應用程式有困難的客戶提供了一個客戶服務連結
購物車放棄提醒電子郵件
購物車放棄提醒電子郵件是您在客戶放棄購物車後24-72小時內傳送給客戶的自動生成的電子郵件。由於重新吸引潛在客戶是這些電子郵件的主要目標，因此它們需要吸引讀者的注意力。
American Giant
購物車放棄來自American Giant的電子郵件
American Giant的購物車放棄電子郵件是時尚的黑白設計的一個很好的例子，看起來很活潑。我們也喜歡它，因為：
- American Giant向讀者展示他們購物車中的商品
- 美國巨人連結到其社交媒體
- 電子郵件有效地使用了preheader文字
Gerry’s
來自Gerry’s的購物車放棄電子郵件
Gerry的電子郵件與American Giant的電子郵件截然不同。這是我們喜歡的：
- 標題以創造性的方式提醒讀者他們廢棄的購物車
- 電子郵件按姓名地址收件人
- 顏色很有趣，但不是壓倒性的
Stetson
來自Stetson的購物車放棄電子郵件
Stetson的電子郵件有一個對客戶友好的轉折點，使它起作用：提供免費送貨。這裡還有一些我們喜歡的東西：
- Stetson在整個電子郵件中使用其品牌顏色
- 該電子郵件將讀者連結回相關的商店類別
- CTA通過宣告“售完即止”來表明稀缺性
時事通訊
時事通訊是定期電子郵件，用於向您的客戶更新有關新產品和服務、您的最新內容和慈善工作的資訊。自然，他們需要內容豐富但引人入勝。
Shuka Design Bureau
Shuka Design Bureau的通訊
這封來自Shuka Design Bureau的電子郵件是創意時事通訊的一個很好的例子。這是我們喜歡的：
- 該電子郵件具有引人注目的漫畫
- 文案符合漫畫主題
- 漫畫使用鮮豔的色彩和鮮明的藝術風格
Email on Acid
來自Email on Acid的時事通訊
Acid時事通訊上的電子郵件也採用了獨特的方法。我們喜歡：
- 電子郵件的報紙主題
- 使用空白分隔文字
- 這是電子郵件如何在有效的內容營銷中發揮作用的一個很好的例子
- 黑白配色方案
Increment
來自Increment的時事通訊
Increment對其時事通訊設計採取了更時尚的方法。我們愛：
- Increment使用問題來激勵讀者點選“Read the Issue”的方式
- The Increment將本期的時事通訊命名為“Containers”，以賦予其主題
- 迷幻空間主題的標題影象如何與主題對齊
假期電子郵件
假日電子郵件吸引了讀者的注意力，並通過特別的慶祝優惠激勵他們購買。這一切都是為了通過您的電子郵件和促銷來捕捉假期的精髓。
BarkBox
來自BarkBox的生日快樂電子郵件
BarkBox的“生日快樂”電子郵件通過向客戶提供獨特的產品（狗的生日蛋糕）來向上銷售客戶。我們喜歡這種方法的獨特性，以及：
- 有趣的語言，如尾隨樂趣
- 它使報價的價格、時間限制和期望變得清晰的方式
Gantri
來自Gantri的假日電子郵件
Gantri的電子郵件巧妙地向讀者提出了一個問題（“仍在尋找完美的禮物”並將Gantri卡定位為解決方案）。我們也喜歡這樣：
- 該電子郵件強調了Gantri卡的好處
- 將CTA放置在以問題為中心的標題下方
Judy
來自Judy的國際婦女節電子郵件
Judy的電子郵件採用與BarkBox或Gantri不同的方法，因為Judy的電子郵件旨在與讀者建立關係。我們喜歡它，因為：
- 大字型和設計強調標題
- 該電子郵件的標題圖片中包含不同背景的女性
- 它使用空白來突出顯示文字
RXBAR
來自RXBAR的萬聖節電子郵件
RXBAR的萬聖節電子郵件既詭異又有趣。我們喜歡這樣：
- 標題使用了“不給糖就搗蛋”的有趣旋轉
- 該電子郵件在頂部包含相關連結
- 該設計使用了標誌性的萬聖節影象，如科學怪人的指甲、蝙蝠和南瓜
數字產品的電子郵件
數字產品的電子郵件在銷售中特別有效，因為客戶在通過您的CTA連結註冊後不久就可以訪問您的服務。他們的重點往往是迫使人們當場購買。
Postable
來自Postable的數字產品電子郵件
來自Postable的這封電子郵件有效，因為它解決了讀者的問題：假期期間地址過時。我們也喜歡它，因為：
- Postable的CTA是讀者首先看到的
- 該電子郵件包含Postable應用程式的圖形
- 充分利用空白來突出主要目標——讓使用者更新他們的地址
MarkUp
來自MarkUp的歡迎電子郵件
這封來自MarkUp的電子郵件非常棒，因為它教讀者如何在向他們銷售軟體的同時使用 MarkUp。我們也喜歡它，因為：
- MarkUp使用圖示來強調文案
- MarkUp的軟體是您看到的第一件事
- CTA在首屏
Typeform
來自Typeform的“關於我們的產品”電子郵件
Typeform 的電子郵件之所以有效，是因為它以公司的獨特賣點 (USP) 開頭——“一種在營銷中使用視訊的新方法”。我們也喜歡這樣：
- Typeform展示了其視訊營銷的示例
- 電子郵件使用可訪問的字型
- 影象使用層次結構來抓住讀者的眼球
銷售電子郵件
銷售電子郵件為訂閱者提供獨家折扣，以激勵他們購買。自然，他們需要強大的CTA。
GoPro
GoPro的銷售電子郵件
這封來自GoPro的電子郵件中的CTA效果很好，因為文字的層次結構使其成為觀眾在“降價”之後第二次閱讀的內容。我們也喜歡它，因為：
- GoPro在整個電子郵件中使用了匹配的配色方案
- 海量產品圖片突出產品
- 該電子郵件包含兩個優惠：免費送貨和更低的價格
MCM
來自MCM的新產品電子郵件
這封來自MCM的銷售電子郵件非常棒，因為它使用圖片而不是一大塊文字來宣傳這款包。我們也喜歡這樣：
- 特色圖片融合了插圖和攝影
- CTA按鈕突出
- 電子郵件在標題中包含商店連結
Modern Mammals
Modern Mammals的新產品電子郵件
這封來自Modern Mammals的銷售電子郵件效果很好，因為它通過靜態鏡頭顯示了產品的實際執行情況。我們也喜歡它，因為：
- 電子郵件使用多種字型顏色來強調
- 背景圖片與產品包裝相匹配
- 文字強調產品的USP
推薦和評論電子郵件
推薦和評論電子郵件要求讀者幫忙，因此，他們需要利用忠誠度來激勵讀者留下評論。
G2
檢視來自G2的電子郵件
G2的“今天覆習”電子郵件很有說服力，因為它讓讀者覺得他們可以幫助他人進行復習。我們也喜歡這樣：
- G2在圖片中顯示了一系列評論（不僅僅是正面評論）
- G2保持電子郵件簡短
- CTA是描述性的
Target
立即檢視來自Target的電子郵件
Target的電子郵件之所以有效，是因為它針對每個客戶進行了個性化處理——要求稽覈並幫助不滿意的客戶聯絡支援。我們也喜歡這樣：
- 電子郵件使用標題作為內容塊之間的分隔符
- 為了清晰起見，兩個CTA按鈕顏色不同
- 它通過影象顯示讀者的購買
Bite
檢視來自Bite的電子郵件
Bite的這封評論電子郵件採用了一種獨特的方法，因為它可以向讀者展示其他客戶的評論。我們也喜歡這樣：
- Bite使用多種綠色陰影來建立層次結構
- Bite連結到其“關於我們”頁面
- Bite在圖片中包括其產品
品牌電子郵件
品牌電子郵件告訴讀者您業務的“ABC”，包括您的品牌標識、使命和USP。自然，他們需要對您的品牌產生濃厚的興趣。
Thinx
來自Thinx的個人品牌電子郵件
這封來自Thinx的品牌電子郵件通過將讀者介紹給員工 (Morgs) 來吸引讀者的注意力。我們也喜歡這樣：
- Thinx使用了合適的啞光調色盤
- Thinx的主題是圍繞其產品和使命的電子郵件文案
Wisp
來自Wisp的個人品牌電子郵件
來自Wisp的這封品牌電子郵件之所以有效，是因為它可以幫助潛在客戶瀏覽他們的產品。我們也喜歡這樣：
- Wisp使用問題來吸引讀者的注意力
- Wisp連結到其“社羣最愛”
- Wisp使用與電子郵件背景融為一體的影象
如何建立自己的電子郵件設計
既然您已經看到了26個優秀電子郵件設計的示例，那麼您已經準備好將新訓練的設計眼光投入工作。以下是建立電子郵件設計的三種方法：
1.使用電子郵件營銷軟體
許多流行的電子郵件營銷軟體工具都有您可以使用的內建模板。這包括 Mailchimp、Constant Contact、SendinBlue、Drop和HubSpot。
您可以輕鬆使用他們的模板和拖放構建器來建立您獨特的設計。
Mailchimp電子郵件生成器
優點：
- 簡單快捷
- 您可以更改模板的文字、影象和關鍵部分
- 您知道您的設計將適用於桌上型電腦和移動裝置
- 您可以多次使用相同的模板
- 您通常不需要支付額外費用
缺點：
- 這些模板是為廣泛的目標受眾製作的（因此它們可能與您的其他品牌不匹配）
2.使用專用的電子郵件設計工具
電子郵件設計軟體工具提供電子郵件模板和獨特的功能來建立獨特的設計。Stripo、Chamaileon、BeeFree和Postcards都是不錯的選擇。
優點：
- 對於沒有設計背景的人來說非常容易使用
- 這些工具有數百個模板（因此很容易找到適合您需求的模板）
- 完全可定製性——更改佈局、顏色、影象、樣式和文字
- 許多模板都適合移動裝置
缺點：
- 您可能需要付費才能使用這些工具
- 您需要下載您的模板並將其匯入您的電子郵件營銷軟體（或使用可用的整合）
3. 建立定製設計
最後，您可以使用Adobe InDesign、VivaDesigner、Scribus等工具從頭開始建立自定義電子郵件設計，或者簡單地使用HTML和內聯CSS對其進行編碼。
優點：
- 您的設計將是獨一無二的
- 充分的靈活性
- 您可以確保您的設計適合移動裝置，並且您的影象是高質量的
缺點：
- 設計軟體很昂貴
- 非常耗時
- 你需要強大的設計背景
成功網站和電子郵件營銷的 4 個更多資源
還在尋找更多實現電子郵件和網站設計卓越性的方法嗎？
我們彙集了一些我們最喜歡的資源，幫助您在網路營銷領域取得更大的成功：
- 如果您想重溫網頁設計或首次學習速成課程，請不要錯過《網頁設計的七大基本要素》。
- 正在考慮是否該進行數字升級？是時候重新設計網站了嗎？瞭解網站重新設計的 7 種方法
- 決定網站需要翻新？讓我們在網站重新設計清單中為您提供指導。
- 設計並不是 一切。可送達性也是電子郵件營銷成功的關鍵。WP Mail SMTP 為 WordPress 使用者提高了電子郵件的可靠性。
小結
截至2023年，全球電子郵件使用者超過43.7億，每分鐘收發電子郵件2.4億封。自然，在訂閱者的收件箱中脫穎而出是很棘手的。
這就是為什麼良好的電子郵件設計至關重要。吸引觀眾的注意力是培養與潛在客戶的關係、增加收入和有效向上銷售客戶的第一步。
要掌握良好的電子郵件設計，請確保您：
- 使用空格來強調
- 開發高質量的視覺效果來吸引讀者的注意力
- 使用清晰的副本——尤其是在您的標題和CTA中
- 使用自上而下的方法來確定內容的優先順序
- 發揮創意
評論留言