EDM 設計是什麼？和一般電子報有什麼不同？
EDM 設計是以電子郵件為載體，整合版面、文案、圖片、CTA 與寄送規範的行銷設計，目標是讓收件者願意打開、讀完、點擊並採取行動，深入了解EDM設計是什麼。
一般電子報可能偏向內容更新、品牌溝通或會員經營；EDM 電子報更常用在促銷、活動、名單經營與轉換。設計時不能只看畫面漂亮，還要考慮信件在 Gmail、Outlook、手機與深色模式中的呈現。
EDM 的常見用途
促銷活動、會員經營、品牌內容、活動通知、再行銷提醒
| 用途 | 設計重點 | 常見目標 |
|---|---|---|
| 促銷活動 | 優惠資訊、商品利益、CTA 清楚 | 購買、領券、回購 |
| 會員經營 | 品牌語氣一致、內容有價值 | 提升黏著、增加回訪 |
| 品牌內容 | 主題明確、閱讀節奏舒服 | 建立信任、教育市場 |
| 活動通知 | 時間、地點、報名方式醒目 | 報名、預約、出席 |
| 再行銷提醒 | 提醒原因與下一步要明確 | 完成結帳、回到網站 |
EDM 設計不只是把圖片放進信裡
可讀性、可點擊性、行動版體驗、收件匣相容性
很多失敗的 EDM 不是設計不夠華麗，而是收件者看不懂重點、按不到按鈕，或信件在手機上跑版。我的判斷是，EDM 設計的第一標準應該是「能不能被快速理解」，美感排在理解之後。
好的電子報設計會把主旨、預覽文字、首屏內容、CTA 按鈕與信尾資訊串成同一個行動路徑。收件者不用猜品牌要他做什麼，這封信才有機會產生點擊與轉換。
一封高開信率 EDM 的基本架構
高效 EDM 通常由清楚信頭、單一主訊息、可掃讀內容、明確 CTA 與完整信尾組成。架構越混亂，讀者越容易關掉信件。
開信率主要受寄件人、主旨與預覽文字影響，但信件內容會決定讀者下次還要不要打開。第一次做 EDM 時，不必追求複雜版型，先把必要區塊放對位置。
必備區塊清單
信頭／品牌識別、主視覺、標題、內容區、CTA、信尾
| 區塊 | 功能 | 設計提醒 |
|---|---|---|
| 信頭／品牌識別 | 讓讀者知道寄件品牌 | Logo 不必過大，品牌辨識清楚即可 |
| 主視覺 | 建立第一眼吸引力 | 避免讓所有文字都藏在圖片裡 |
| 主標題 | 說明這封信的核心利益 | 一句話講清楚，不要堆形容詞 |
| 內容區 | 補充理由、條件、細節 | 使用短段落與小標，方便掃讀 |
| CTA 按鈕 | 引導讀者採取行動 | 文字要像動作，例如立即報名、查看方案 |
| 信尾 | 提供聯絡、退訂與信任資訊 | 取消訂閱與隱私權資訊不可省略 |
一封信只聚焦一個主要行動
購買、預約、下載、報名、閱讀更多
同一封 EDM 可以有多個內容區，但主要行動最好只有一個。讀者打開信件後，如果同時看到購買、報名、追蹤社群、下載白皮書與填問卷，點擊意圖會被稀釋。
設計師在排版前應先確認「這封信最想讓人做什麼」。如果目標是購買，商品利益與按鈕就要比品牌故事更醒目；如果目標是報名，日期、名額、講者與報名按鈕就不能被放到信件底部。
EDM 尺寸、版寬與行動版規格怎麼抓？
EDM 常見桌機版寬約 600 到 800px，行動版應以單欄閱讀為主，確保手機上文字、圖片與 CTA 不需要左右縮放就能操作，這是EDM尺寸規範的基本要求。
電子報不是一般網頁，收件匣寬度、Email client 支援度與圖片載入狀況都會影響呈現。寬度過大容易在 Outlook 或手機上閱讀不便，過窄則可能讓內容密度不足。
桌機與手機的建議寬度
桌機 600-800px、手機約 360-480px、單欄優先
| 項目 | 建議範圍 | 判斷準則 |
|---|---|---|
| 桌機版寬 | 約 600 到 800px | 600px 較保守，800px 適合內容較豐富的品牌信 |
| 行動版寬 | 約 360 到 480px | 以單欄閱讀、按鈕可點擊為優先 |
| 主要內容欄位 | 單欄優先 | 雙欄在手機上容易壓縮，需確認可堆疊 |
| CTA 點擊區 | 需有足夠高度與留白 | 手機拇指操作要舒服，避免太靠近其他連結 |
信件長度與 Gmail clipping 風險
避免過長、避免檔案過重、重點放在首屏
Gmail 對過大的郵件內容可能出現截斷顯示，常被稱為 Gmail clipping。實務上，設計時應控制 HTML 與內容量，避免把整份型錄塞進一封信。
首屏是最重要的設計區。Logo、主訊息、主要利益與第一個 CTA 應該在讀者不費力的情況下出現。長信可以存在，但每一段都要有功能，不能只是把網站內容搬進收件匣。
EDM 視覺設計 8 個關鍵原則
好的 EDM 視覺設計要讓讀者快速掃讀、看懂重點、辨識品牌，並清楚知道下一步，這些正是EDM設計原則的體現。設計品質會直接影響可讀性與點擊率。
EDM 的畫面空間有限，設計師要把重點排序做好。我的經驗是，電子報最怕每個區塊都想搶注意力，最後讀者反而沒有記住任何一件事。
視覺層級要讓讀者 3 秒看懂重點
主標題、副標題、價格／優惠、CTA 的優先順序
第一個原則是視覺層級。主標題要最大且最清楚，副標題補充利益，價格、優惠或時間限制放在容易掃到的位置，CTA 則要像整封信的出口。
常見錯誤是把所有文字做成差不多大小，或把優惠、活動時間、商品名稱與按鈕擠在同一個區塊。修正方向是先列出資訊優先順序，再用字級、粗細、色彩與留白拉開差異。
圖文比例不要讓整封信變成一張圖
圖片阻擋、可讀性、SEO 與輔助文字風險
第二個原則是控制圖文比例。很多 Email client 會預設阻擋圖片，如果整封 EDM 都是一張大圖，讀者可能只看到空白區塊與少量 alt 文字。
建議把關鍵文字做成 HTML 文字，圖片負責輔助情境與商品呈現。EDM圖片設計要有 alt 文字，並控制檔案重量。這不是保守，而是讓電子報在不同收件環境下仍然可讀。
CTA 按鈕要像行動，不要像裝飾
按鈕文字、顏色對比、點擊區域、位置
第三個原則是 CTA 要明確。按鈕文字不要只寫「了解更多」，除非前文已經非常清楚。較好的文字會包含行動與結果，例如「查看本週優惠」、「預約免費諮詢」、「下載完整清單」。
按鈕顏色要和背景有足夠對比（EDM配色技巧：先定閱讀順序，再決定顏色與對比，3步提升點擊率），周圍要有留白，手機版點擊區不能太小。若信件較長，可以在首屏與內容收尾各放一次主要 CTA，但不要讓不同 CTA 互相競爭。
品牌一致性比一次性華麗更重要
字體、色彩、語氣、Logo 使用
第四個原則是品牌一致性。EDM 是收件匣中的品牌接觸點，字體、色彩、Logo、語氣與按鈕樣式都應該和網站、社群與實體活動維持同一套識別。
第五個原則是留白。留白不是浪費版面，而是幫助眼睛判斷段落關係。第六個原則是字級要適合手機閱讀，內文字太小會直接傷害閱讀率。
第七個原則是色彩不要太多。主色、輔助色與 CTA 色足夠應付多數 EDM。第八個原則是每個區塊都要能獨立被理解，因為讀者通常不是從頭到尾細讀，而是先掃一遍再決定要不要點。
完整 EDM 設計 SOP：從目標到寄出前檢查
EDM 設計流程應從目標開始，接著確認分眾、主旨、訊息、版型、視覺、測試、寄送與成效優化，可參考Figma EDM設計教學，避免先畫版面再補策略。
一封可寄出的 EDM，需要設計、文案、行銷與技術檢查一起完成。只靠設計軟體做出漂亮圖稿，還不等於可以穩定送進收件匣並被正確閱讀。
先定義這封 EDM 的唯一目標
開信、點擊、購買、報名、回訪
| 步驟 | 要完成的事 | 輸出結果 |
|---|---|---|
| 1. 目標設定 | 確認主要行動是購買、報名、下載或回訪 | 一個主要 KPI |
| 2. 分眾判斷 | 確認收件者關係、需求與熟悉度 | 對應的訊息角度 |
| 3. 主旨與預覽文字 | 寫出可被信任且有承諾的入口文字 | 主旨、preheader |
| 4. 版型規劃 | 依目標選擇促銷、內容、活動或提醒版型 | 線框與內容順序 |
| 5. 視覺設計 | 完成品牌識別、層級、圖片與 CTA | 桌機版與行動版設計 |
| 6. HTML 製作 | 依 HTML Email 規則實作 | 可測試的 EDM 檔案 |
| 7. 寄出前測試 | 檢查裝置、連結、圖片、退訂與相容性 | 測試通過清單 |
| 8. 成效回收 | 觀察開信率、點擊率、轉換率與退訂率 | 下一版優化方向 |
再決定主旨、內容與版型
主旨承諾、內文證明、CTA 收斂
主旨負責承諾，內文負責證明，CTA 負責收斂行動。三者若不一致，讀者會產生落差。例如主旨說限時優惠，內文卻花大量篇幅介紹品牌理念，點擊意圖就會下降。
我的做法是先寫出一句「這封信給誰、提供什麼、希望對方做什麼」。這一句通了，版型通常也會清楚很多。
寄出前測試清單
Gmail、Outlook、手機、連結、圖片、深色模式、取消訂閱
- 檢查 Gmail 與 Outlook 是否跑版。
- 檢查手機版是否可單欄閱讀。
- 確認所有 CTA 與文字連結都能正確開啟。
- 確認圖片載入失敗時仍有 alt 文字輔助。
- 檢查深色模式下文字與按鈕是否仍可辨識。
- 確認取消訂閱、聯絡資訊與隱私權資訊存在。
- 寄送測試信給內部帳號，不只看設計稿。
不同目的的 EDM 設計版型怎麼選？
不同目的需要不同 EDM 版型。促銷信要快速呈現優惠，歡迎信要建立信任，B2B 或活動信則要強化痛點、證據與報名動機。
把所有 EDM 都套同一個模板，是常見的效率陷阱。模板可以提高產能，但版型邏輯仍要跟商業目標一致。
電商促銷型 EDM
優惠、商品、倒數、CTA
| 情境 | 版型重點 | 適合 CTA |
|---|---|---|
| 電商促銷 | 優惠、商品圖、價格、期限放在前段 | 立即選購、領取折扣 |
| 購物車提醒 | 提醒未完成項目，降低回購阻力 | 回到購物車、完成結帳 |
| 歡迎信 | 品牌承諾、會員利益、下一步行動 | 開始逛逛、設定偏好 |
| 會員經營 | 內容價值、個人化推薦、品牌語氣 | 閱讀更多、查看推薦 |
| 活動通知 | 時間、地點、講者、名額、報名方式 | 立即報名、預約席次 |
| B2B 電子報 | 痛點、解法、案例、信任證據 | 預約諮詢、下載資料 |
歡迎信與會員經營 EDM
品牌介紹、利益承諾、下一步行動
歡迎信不適合一開始就塞滿商品。收件者剛加入名單，最需要的是知道品牌能提供什麼價值、未來會收到什麼內容，以及現在可以做哪一個小行動。
會員經營型電子報則要保持穩定節奏。設計上可以使用固定欄位，例如本週精選、會員提醒、專屬優惠與品牌內容，讓讀者養成辨識習慣。
B2B／課程／活動型 EDM
痛點、價值、證據、報名或預約
B2B、課程與活動型 EDM 通常決策時間較長，版型不能只放漂亮主視覺。更重要的是把痛點、價值、講者或案例證據排出層級，讓讀者相信這個行動值得投入時間。
這類 EDM 的 CTA 可以在中段與尾段重複，但每次重複都應該接在不同理由之後，例如先接活動亮點，再接名額或截止時間。
HTML Email 技術與相容性檢查表
EDM 不能只當一般網頁設計，因為 Email client 對 CSS、字體、圖片與排版支援不一致。設計時必須先考慮相容性。
設計師不一定要會完整手寫 HTML Email，但要知道哪些設計會讓工程或電子報平台難以穩定呈現。尤其是 Outlook、Gmail、手機版與深色模式，都是寄出前應檢查的環境。
為什麼 EDM 不能只當網頁設計？
email client 支援不一致、CSS 限制、圖片阻擋
一般網頁可以依賴較完整的 CSS 與 JavaScript，但 EDM 通常不適合使用複雜互動。許多電子報仍會使用 table layout 與 inline CSS，目的不是復古，而是提高跨收件環境的穩定度。
圖片被擋、字體不支援、深色模式反轉顏色、Outlook 間距異常，都是 EDM 常見問題。越接近品牌正式寄送，越不能只看設計稿截圖。
技術檢查表
表格排版、inline CSS、字體 fallback、圖片 alt、按鈕可點擊區
- 主要版面使用 email 友善的結構，避免依賴複雜 CSS。
- 關鍵樣式使用 inline CSS，降低樣式被移除的風險。
- 設定 fallback font，避免品牌字體無法顯示時版面失衡。
- 所有重要圖片加上 alt 文字。
- CTA 不只做成圖片，應保留可點擊且可辨識的按鈕區。
- 確認深色模式下背景、文字與按鈕仍有對比。
- 測試 Outlook、Gmail、手機內建郵件 App 與主流瀏覽器信箱。
- 避免過多外部字體、過重圖片與不必要的追蹤參數堆疊。
主旨、預覽文字與 CTA 如何影響開信率和點擊率？
主旨與預覽文字影響收件者是否開信，CTA 與內容說服力影響是否點擊。開信率低先看入口，點擊率低先看信內行動路徑。
EDM 成效不是單靠版面決定。寄件人名稱、名單品質、主旨承諾、內容相關性與 CTA 設計，都會一起影響結果。
開信率低，通常先檢查主旨與名單
承諾不清、受眾不準、寄件人不可信
| 問題 | 可能原因 | 優先檢查 |
|---|---|---|
| 開信率低 | 主旨承諾不清、名單不精準、寄件人不可信 | 主旨、preheader、寄件人名稱、名單來源 |
| 點擊率低 | CTA 不明顯、利益不足、選項太多 | 按鈕文字、首屏內容、資訊順序 |
| 轉換率低 | 落地頁不一致、優惠條件不清楚 | EDM 與頁面訊息是否連貫 |
| 退訂率高 | 寄送頻率過高、內容不符合期待 | 分眾、頻率、訂閱承諾 |
點擊率低，通常先檢查 CTA 與內容說服力
按鈕不明顯、利益不清楚、選項太多
CTA 不是最後補上的按鈕，而是整封信的行動結論。若按鈕文字含糊、顏色太接近背景，或出現太多不同方向的連結，讀者會不知道該點哪裡。
A/B 測試可以用在主旨、預覽文字、CTA 文案、首屏版型與寄送時間，但一次最好只測一個主要變因。測太多項目，反而難判斷哪個改動真的有效。
EDM 範本與 HTML 模板怎麼選？
好的 EDM 模板應該能改品牌、支援響應式、容易維護、可測試，並符合 HTML Email 相容性。不要只因為模板漂亮就直接套用。
Canva、電子報平台與 HTML 電子報模板都能提高製作效率（如何用 Canva EDM 製作具行銷效益的電子報），但模板的價值在於縮短重複工作，不是取代策略判斷。
好的 EDM 模板要符合哪些條件？
響應式、可編輯、載入速度、品牌彈性、相容性
| 製作方式 | 適合情境 | 風險 |
|---|---|---|
| 自製設計 | 品牌識別要求高、版型需要客製 | 製作時間較長，需要測試相容性 |
| 套用模板 | 例行電子報、促銷活動、預算有限 | 容易和其他品牌相似，需調整識別 |
| AI 輔助 | 主旨、文案草稿、版型構想、測試假設 | 語氣可能不準，需人工審稿 |
| 外包設計 | 重要活動、品牌改版、長期電子報系統 | 需求若不清楚，溝通成本會上升 |
自製、套模板、AI、外包怎麼選？
時間、預算、品質、風險、適用情境
若只是每週固定寄送內容型電子報，模板加上品牌化調整通常夠用。若是大型檔期、品牌發表、課程招生或 B2B 名單培育，客製版型與完整測試更值得投入。
外包費用不適合寫成單一數字，因為會受版型複雜度、是否含文案、是否含 HTML 製作、修改次數、測試範圍與品牌規範影響。較務實的做法是先準備目標、受眾、內容、參考風格與寄送平台，再請設計方估算。
如何用 AI 製作 EDM？可以做什麼、不能省什麼？
AI 可以協助 EDM 主旨、文案草稿、版型構想、A/B 測試假設與成效摘要，但品牌語氣、事實查核、個資與最終審稿不能省略。
2026 年的 AI 工具已經很適合提高 EDM 製作效率，但不適合全自動寄送。品牌若把名單資料、未公開活動或客戶資訊直接丟進工具，可能產生個資與授權風險。
AI 適合協助的工作
主旨、文案、版型草稿、A/B 測試假設、成效摘要
| AI 可協助項目 | 適合用法 | 人工要檢查什麼 |
|---|---|---|
| 主旨生成 | 產出多組角度供挑選 | 是否誇大、是否符合品牌語氣 |
| 文案草稿 | 整理利益點與段落順序 | 事實、價格、活動條件是否正確 |
| 版型構想 | 協助規劃區塊與 CTA 順序 | 是否符合實際寄送平台限制 |
| A/B 測試假設 | 提出可測的主旨或 CTA 變因 | 是否一次只測一個主要變因 |
| 成效摘要 | 整理開信、點擊與轉換觀察 | 是否過度推論因果關係 |
AI 製作 EDM 的注意事項
品牌語氣、事實查核、個資、授權、人工審稿
AI 產出的文案常見問題是語氣太平均、優惠描述太滿，或把不確定資訊寫得像確定承諾。寄出前一定要檢查活動日期、價格、折扣條件、庫存限制與法務相關文字。
圖片素材、字體、模板與生成內容也要注意授權。對品牌來說，AI 最好的角色是加速整理與產出初稿，最後仍需要懂品牌、懂受眾、懂轉換路徑的人把關。
EDM 設計完成後，如何從數據回推下一版優化？
EDM 優化要從指標回推設計問題。開信率、點擊率、轉換率、退訂率與裝置表現，分別對應不同的修正方向。
不要只看單一數字。開信率高但點擊率低，代表入口吸引人但內容或 CTA 不夠有力；點擊率高但轉換率低，問題可能在落地頁或優惠條件。
指標與設計問題對照
開信率低、點擊率低、轉換率低、退訂率高
| 指標狀況 | 可能設計問題 | 下一版調整 |
|---|---|---|
| 開信率低 | 主旨不清楚、預覽文字浪費、寄件人缺乏辨識 | 重寫主旨與 preheader，測試不同利益角度 |
| 點擊率低 | 首屏重點弱、CTA 不明顯、內容太分散 | 強化視覺層級，收斂主要行動 |
| 轉換率低 | EDM 與落地頁訊息不一致 | 對齊優惠、標題、商品與頁面 CTA |
| 退訂率高 | 內容與訂閱期待不符、頻率太高 | 調整分眾、頻率與內容承諾 |
| 手機表現差 | 字太小、雙欄壓縮、按鈕難點 | 改成單欄優先，放大字級與 CTA 區域 |
從裝置與使用者行為調整版型
手機優先、首屏資訊、CTA 位置、寄送時間
如果多數開信來自手機，桌機版不應再是主要判斷依據。版型應以手機首屏為核心，先確認主標題、利益點與 CTA 是否能在小螢幕上被快速理解。
寄送時間也會影響資料解讀。不同產業、名單關係與內容類型會有不同表現，建議累積自己的歷史資料，不要完全套用通用建議。
EDM 設計常見錯誤
多數 EDM 失敗不是不夠漂亮，而是讀者看不懂、點不到、信件跑版，或缺少信任資訊。錯誤預防比事後補救更重要。
寄出後才發現連結錯誤、圖片破圖或沒有取消訂閱，對品牌信任傷害很大。設計完成後應把 EDM 當成一個可使用的產品檢查，而不只是視覺稿。
視覺錯誤
圖片過重、字級太小、留白不足、品牌不一致
- 整封信做成一張圖片，修正方式是保留 HTML 文字與可點擊按鈕。
- 字級太小，修正方式是以手機閱讀距離重新檢查。
- 留白不足，修正方式是拉開段落、圖片與 CTA 的距離。
- 色彩太多，修正方式是限制主色、輔助色與 CTA 色。
- 品牌不一致，修正方式是建立固定信頭、按鈕與信尾規格。
寄送與信任錯誤
無取消訂閱、寄件人不明、垃圾郵件風險、連結失效
- 沒有取消訂閱，修正方式是在信尾保留清楚可用的退訂入口。
- 寄件人名稱不明，修正方式是使用讀者能辨識的品牌或單位名稱。
- 連結失效，修正方式是寄出前逐一點擊測試。
- 圖片沒有 alt 文字，修正方式是替重要圖片加上可理解描述。
- 主旨過度誇大，修正方式是讓主旨承諾與信內內容一致。
Alice Wang 的設計觀點是，EDM 的品質不是看第一眼有多炫，而是看讀者在真實收件環境中能不能順利讀、順利點、順利完成下一步。
EDM 設計是什麼？
EDM 設計是針對電子郵件行銷內容進行版面、文案、圖片、CTA 與相容性規劃，目標是讓收件者打開信件後能快速理解重點並採取行動。
EDM 長怎樣？一封完整電子報要有哪些區塊？
完整 EDM 通常包含信頭、Logo、主視覺、主標題、內容區、CTA 按鈕、聯絡資訊、社群連結、隱私權資訊與取消訂閱。重點是讓主要訊息與主要行動清楚出現。
EDM 設計尺寸建議是多少？
桌機版常見寬度約 600 到 800px，行動版需能在約 360 到 480px 的手機寬度中單欄閱讀。實際仍要依電子報平台與收件環境測試。
EDM 設計一定要做響應式嗎？
建議要做。多數讀者可能用手機查看電子報，若沒有響應式設計，容易出現字太小、欄位擠壓、按鈕難點與圖片跑版等問題。
可以把整封 EDM 做成一張圖片嗎？
不建議。整封圖片可能被信箱阻擋、載入過慢，也不利於輔助閱讀與點擊追蹤。關鍵標題、內文與 CTA 應盡量保留為 HTML 文字與可點擊元素。
EDM 主旨會影響開信率嗎？
會。主旨、預覽文字、寄件人名稱與名單關係都會影響開信率。主旨應清楚說出利益或內容承諾，避免誇大或和信內內容不一致。
EDM CTA 按鈕應該放在哪裡？
主要 CTA 應出現在讀者理解利益之後，常見位置是首屏主訊息下方與內容結尾。長信可以重複 CTA，但主要行動最好保持一致。
EDM 設計外包費用大約多少？
外包費用會依版型複雜度、是否含文案、是否含 HTML 製作、測試範圍、修改次數與品牌規範而變動。詢價前應先準備目標、內容、受眾、參考風格與寄送平台。
EDM 可以用 Canva 或模板製作嗎？
可以，但要確認模板能品牌化、支援行動版、容易編輯，並能放進實際電子報平台測試。模板適合提高效率，但仍需檢查 CTA、內容層級與相容性。
AI 可以幫忙做 EDM 設計嗎？
AI 可以協助主旨、文案草稿、版型構想、A/B 測試假設與成效摘要。不過品牌語氣、事實查核、個資保護、授權與最終審稿仍需要人工把關。
EDM 寄出前要測試哪些項目？
寄出前要測試 Gmail、Outlook、手機版、連結、圖片、alt 文字、深色模式、CTA 點擊區、取消訂閱與信尾資訊。重要活動信建議寄測試信給多個裝置檢查。
EDM 設計完成後要看哪些成效指標？
常見指標包含開信率、點擊率、轉換率、退訂率、抱怨率、裝置分布與寄送時間表現。不同指標對應不同問題，應用來回推下一版主旨、版型、CTA 與分眾調整。