一句話先定義：EDM 圖片設計的第一原則（可讀性先行）
先確保收件者一眼讀懂主旨訊息，edm 圖片設計才能真正發揮，否則再漂亮也難帶來點擊。
先把每張圖片想成「信件中的導航指示牌」，不是品牌展覽牆，請先標註它要解決的動作目標。
先定義 edm 圖片設計的任務邊界
先寫一行用途宣言，然後再開始排版。宣言至少包含「主旨列主張」「圖片主訊息」「單一 CTA」三件事。先做了才有後續可驗證的 EDM 圖片設計品質。
任務是否能連到行動
每一張 edm 圖片設計都要指定一個明確行動，請在素材檔名或備註欄補上「想要收件者做什麼」；缺少行動的圖片很容易只剩視覺炫技。
成功訊號先綁進 KPI
請用 Persona-A 的指標做門檻：開信率穩定、點擊率可追蹤、退訂率不冒尖、24 小時可做快速優化。先把這些寫進設計審核欄位，而不是拍腦袋。
先抓三個可驗證結果，才能判斷這張圖做得好
用以下 3 點做最小判斷，未滿足就回到前一版。
- 主訊息是否在 2 秒內被讀懂；如果不行，先縮減文字與主題干擾。
- 預覽畫面是否先顯示核心價值；如果不行，重排圖片與文案前後順序。
- CTA 是否可直接點擊且與內容一致；如果不行，請先調整按鈕顏色、位置、字級與文案。
常見失敗是只看點擊圖樣，忽略退信與寄達率；請把收件信心條件列入同日複核，否則流程不完整。
從信件骨架設計：Header/內容/CTA/Footer 的視覺節奏
edm 圖片設計先規畫訊息節奏，Header、正文、CTA、Footer 只要順，版面才不會亂跑。
先固定一條閱讀路線，請先決定收件者在手機上最先看到誰、最後看到誰，並確保收件者不必猜測。
先建立固定視覺順序，減少眼動損失
先用 4 區結構：Header 承載主題、內容補強信心、CTA 引導行動、Footer 支援信任。這條順序要先套到每支 EDM 電子報。
Header 應做的事
請把品牌標示壓在最前，但不要讓 Header 把第一句主張擠掉；請在 1 個視覺層級內完成品牌與主張同步。
內容區負責「為什麼現在」
請用一行標題＋一組 supporting 文案，不要把 3-4 個賣點塞同一個版位。訊息過載會降低可讀性，也會稀釋開信動機。
CTA 區一定要與正文對齊
先確認主文與按鈕文案詞性一致，請不要在正文提折扣而在按鈕寫「了解更多」這類轉換不一致文案。這是 edm 圖片設計最容易被點率拖累的點。
Footer 是信任訊號，不是裝飾
先放發件者合法資訊、偏好設定與退訂動作，請把 Footer 的可讀性列入最終審稿條件。
可複製的視覺節奏原則
- 每張圖片只放一個主訴求，次要訊息改到第二卡片。
- 先放有關係的圖文組，避免純圖片文字比。
- 按鈕周圍保留安全白，請至少留出可點擊的空間。
- 背景圖若強，文字區域要用對比色；若背景清淡，請把按鈕提升為可見主體。
反例：順序被打亂會怎麼壞
常見反面案例是 Footer 提醒先出現、CTA 在最底，收件者先看到退訂連結後直接離開。請先反向檢視每個元素順序，先把主訴求放在可見優先順序第一段。
視覺規格不是死數字：尺寸、長度與手機閱讀策略
edm 圖片設計的尺寸不是唯一標準，先用 600–900px 作為起點，最後還是要驗證手機閱讀。
請先決定內容量，再回頭算尺寸；反過來做會出現縮放過小、字體挤爆，最終只剩失真。
先決定寬度再決定高度，別把長度寫死
先以 600px 當作穩健起點，900px 當作大量視覺密度場景，請依開發與品牌訊息長度選擇，不要用同一套套全部活動。
選 600 的情境
請在行動閱讀為主、資訊更新快、CTA 明確的電子信件中先用 600px，保守可讀性較高。
選 900 的情境
請在大型活動主視覺、圖文需要呈現比對清楚的頁面上使用，但請配合較高解析文字規劃，避免縮放後字仍太細。
長度、行高、字級與留白是可讀性主軸
先把每張圖的中文字級對齊行動版下限，請避開超過一行就縮到看不清的設計。長版信件請用段落分隔與行高，先避免閱讀疲勞。
行動版重排前的必做
請先模擬 iOS、Android、WebMail 三種預覽視窗，保留 16px 左右安全邊距，避免內容貼邊。
文字與圖片比例的安全範圍
先將圖片中文字控制在視覺重心區域，不要讓關鍵字占版面大於三分之一，否則 edm 電子報 視覺素材會變成「文案打包圖」。
規格檢核表
| 項目 | 建議值 | 前提條件 | 風險訊號 |
|---|---|---|---|
| 寬度 | 600–900px | 依主訴求密度與客群閱讀裝置 | 文字擠壓、CTA 被壓縮 |
| 字級最低值 | 行動端 >=16px | 純文字資訊需保留可讀性 | 文字模糊或被截斷 |
| 行高 | 1.4 倍為起點 | 中文長句或多行文案 | 閱讀斷句困難 |
| 留白 | 重要資訊外圍有呼吸空間 | 多層背景與色塊共存 | 元件黏合、可讀性下降 |
主旨列＋預覽文字＋內容主題對齊：開信決策前提
開信行為先被主旨列與預覽文字帶動，edm 圖片設計要先服務這個決策順序，不要只做畫面。
先把主旨列、預覽文字、封面視覺做同題同層，請直接對照「讀者是否會立即辨識主題」。
先把主題對齊，縮短猶豫時間
先定義這封 EDM 電子報要傳達的是「訊息型」還是「情緒型」，再寫主旨列與預覽文字；若兩者語意衝突，請全部下修。這是 Persona-A 可在發送前立刻調整的關鍵。
主旨列的可操作規則
請避免只靠噱頭，改用問題、期限、結果三角關係，且一次只放一個焦點。
預覽文字的對接
請在預覽文字補上主視覺未展開前的主張延伸，例如活動截止、主打利益、下一步，讓收件者知道為何值得開啟。
EDM 圖片與主旨列關係的 2-step 檢核
先檢查一致性，再檢查差異性。第一步是詞彙是否一致，第二步是視覺是否有補充，不是重複。
一致性檢核
請將主旨列關鍵詞映射到圖片標題與 alt 文案，至少要有 1 對 1 的主題映射。
差異性檢核
請在圖片提供一個視覺細節（數字、情境、受眾利益）補足主旨列，不要照抄字句。
開信決策樹
先用 if-then 決定改稿優先順序。
- 如果主旨列有 1 個以上不明確詞，且預覽文字也未補充，請先改主旨列再設計圖片。
- 如果主題一致但 CTA 不清楚，請優先改圖片下方動作文案。
- 如果主旨列已通順但預覽文字太長，請縮成 1 句行動導向句，避免被截斷。
不建議一次改太多
請一次只動兩個以上高風險變項時，才進行同日迭代；超過兩個變項會讓 A/B 解析困難，回收成效訊號不準。
Outlook 與主流信箱客戶端相容規則（高缺口高重要）
Outlook、Gmail、Apple Mail 解析差異會直接影響版面，edm 圖片設計要先把可讀性降級方案做齊。
先用可相容的結構輸出，請不要先做華麗效果再回頭補修，這是最常見的時間黑洞。
先認識為何 Outlook 常壞版
Outlook 不同版本的 CSS 支援不同，先用保守規格避免不必要變數。請先把圖片與文字視覺層級維持在 HTML 能穩定解讀的範圍。
解析差異來源
請優先處理 block、margin、inline-block 與圖片縮放衝突，這些是最常見致命差異。
Table 結構不是禁令，也不是萬能
不是所有信件都要套 table，但高相容情境可先用 table/tr/td 當底盤，請再透過 inline CSS 做微調。
建議結構
請在主體佈局用邏輯性表格行列做骨架，子區塊再用簡單盒模型處理，先確保可拆解。
Inline CSS 使用邏輯
先把樣式寫進標籤內最容易保證跨客戶端可讀，外部 CSS 在某些客戶端會遺失，請以 inline 為主，class 僅做補充。
避免的 CSS 行為
- 避免過度依賴 position。
- 避免複雜 background-size 強制縮放。
- 避免 hover-only 設計做主動作行為。
連結與按鈕行為要先做 fallback
請在每個圖片 CTA 同步提供文字按鈕，可讀與可點才算完成。圖片失效時，按鈕文字仍要可操作。
連結失效風險
請測試未載圖、關閉圖片、文字版本三種情境。
測試矩陣：Outlook 相容不是一次通關
| 客戶端 | 先驗收 | 驗證重點 | 發現問題回修 |
|---|---|---|---|
| Outlook | 必做 | 表格邊界、字級縮放、按鈕顏色 | 轉為保守 table 結構再測 |
| Gmail | 必做 | 換行、行高、預覽文字可見性 | 簡化層級並加安全間距 |
| Apple Mail | 必要 | 圖片比例、字重渲染 | 調整字級與字重 |
| 行動信箱 | 必做 | 縮放、觸控距離、連結可點 | 重新設計 CTA 區塊比例 |
送達率保護與信任機制：從 SPF/DKIM 到 alt 命名
edm 圖片設計不只看畫面，送達率是可寄出前提，沒有 SPF/DKIM 基礎，畫面再好也可能沒到人。
請先做寄件可信度配置，然後再討論視覺語氣，否則成效只能看表象。
先把 SPF/DKIM/DMARC 畫進製作流程
先要求發信系統與域名可驗證，請在發佈前確認這三項已啟用且維持一致，不要把信任機制留到投放後才補。
SPF
請列出所有授權寄件 IP 與服務商，避免授權缺口讓寄達率波動。
DKIM
請確認簽章正常，並在測試郵件中驗證標頭與內容是否完整。
DMARC
請設定回報機制，讓你看到失敗來自哪個來源，不是只盯著開信率。
退信機制的日常管理
先分辨硬退信與軟退信，再做不同處理。請針對硬退信直接清除或核對收件資訊，不要硬推。
名單清潔前置
請上線前移除長期無效位址、測試用帳號與反覆退件名單，這是送達率工程第一層防線。
Alt 文字是可讀性也是信任訊號
請把 alt 寫成動作導向句，不要只寫「圖片」。例如「點我查看活動辦法」、「展開完整方案」，至少讓收件者知道缺圖時該做什麼。
ALT 內容欄位建議
- 放核心行銷主張。
- 包含可執行 CTA 的文字。
- 避免空白或無意義字詞。
風險處理流程：可複用版本
請用每次發送後 24 小時報表做追蹤，先看退件比例、退件類型、開信異常，再決定是否停更與重寄。這是 Persona-C 必備節奏。
| 異常 | 第一步 | 下一步 |
|---|---|---|
| 寄達率下降 | 檢查 SPF/DKIM | 回收測試域名與連結 |
| 硬退信集中 | 核對郵件位址 | 剔除無效名單 |
| 軟退信上升 | 檢查信箱容量與頻率 | 暫緩發送並壓縮素材 |
模組化模板與版本治理：把 EDM 圖片變成可複用資產
edm 圖片設計若每次重做，效率與一致性都很難維持，請把模組化當作標準化入口。
先定義可重複元件，再定義變數欄位，先做最小變更即產生大量穩定素材。
先把模組切成五塊可替換元件
請固定使用 Header、cover、paragraph、CTA、footer 五塊，讓 Persona-B 可在 20 分鐘內輸出版本，而非等同於從頭排版。
模組欄位規格表
| 模組 | 必填欄位 | 可變欄位 | 驗證條件 |
|---|---|---|---|
| Header | 主標題、寄件者識別 | 副標 | 主旨對齊率 |
| Cover | 主視覺、主訴求 | 產品名 | 首屏可讀性 |
| Paragraph | 3 行內文上限 | 受眾詞彙 | 停留理解時間 |
| CTA | 按鈕文案、連結 | 顏色、邊框 | 點擊可視率 |
| Footer | 品牌資訊、退訂 | 服務連結 | 信任訊號完整 |
設計文件同步
請把模組欄位與命名規則同步到任務管理，確保設計師與操作者使用同一語彙。
版本治理與重用效率
請建立版本號與變更摘要，下一版只修改差異欄位，不要重建整份版面。這是可維運性的關鍵。
重複使用指標
- 同一模組在 2~3 次活動共用時，請核對一致性。
- 修訂歷史可追溯且可回滾，避免臨時版本無法定位。
決策樹：Canva 自建、外包、EDM vs DM、RGB vs CMYK
遇到工具與格式選擇時，先用決策樹，不要靠習慣拍板，edm 圖片設計會更穩定。
先回答「是誰做」與「為何做」，再決定工具，請把每次決策留紀錄，方便 Persona-B 之後重用。
工具選擇 If-Then
| 情境 | 建議 | 前提 |
|---|---|---|
| 內容更新快、預算有限 | Canva | 需快速出稿但模板需統一 |
| 素材高度客製、高互動 | 自建 | 有可維護資源與設計規範 |
| 品牌調性要求高、規模大 | 外包或分工 | 時間允許且有驗收節點 |
不要只比工具速度
先比較回修成本、可追蹤性、與送達率流程的整合程度。只看哪個快，常會在寄達上花掉更多時間。
EDM vs DM 與 RGB vs CMYK 快速分流
| 判斷 | 標準 | 結果 |
|---|---|---|
| EDM | 透過電子信箱寄送 | 採用 RGB 為主，著重螢幕可讀 |
| DM | 列印寄送或可列印附件 | 若進入印刷流程再走 CMYK |
我偏好的流程
不是把所有專案都走同一管線，而是先判斷目的與出口，再進行色彩與輸出設定。這樣可避免 edm 圖片設計與輸出要求混淆。
實戰工作流結尾：一封 EDM 圖片的 15 分鐘上線流程
15 分鐘交付不是憑空加速，是有順序、可驗證的流程，才能把 edm 圖片設計變成穩定輸出。
先固定 5 個步驟，請每次照走，不要跳步驟；缺一步，後面會多回頭修。
0–3 分鐘：先定義訊號與邊界
請先寫這封信要達成的唯一行動、目標 Persona、KPI 目標與限制條件，並貼上在設計頁面。
3–6 分鐘：先排視覺骨架
先放 Header、cover、內容、CTA、Footer 的骨架，先不要填滿細節；骨架穩了才補文案。
6–9 分鐘：先補文案與 alt
先把主旨列、預覽文字、圖片文案與 alt 文案同步，請確認每句文字都可轉成行動提示。
內容對齊檢核
請複核每個文案與預期行動是否一致，若不一致就回到 3–6 分鐘那步重排。
9–12 分鐘：先做客戶端相容預覽
請同時預覽 Outlook、Gmail、手機版，任何一處看起來過於擁擠就先簡化。
12–15 分鐘：先做寄送前稽核
請確認 SPF/DKIM 狀態、連結有效、退件路徑、CTA 行為、退訂與隱私連結。完成後再進排程。
里程碑甘特摘要
| 時間盒 | 完成項目 | 是否可發 | 驗證動作 |
|---|---|---|---|
| 3 分鐘 | 目標定義 | 否 | 填入行動 KPI |
| 6 分鐘 | 視覺骨架 | 否 | 檢查順序 |
| 9 分鐘 | 文案與 alt | 否 | 一致性比對 |
| 12 分鐘 | 多客戶端預覽 | 否 | 修正溢位 |
| 15 分鐘 | 寄送前檢核 | 是（條件通過） | 確認信任機制 |
EDM 圖片可以用 Canva 做嗎？建議什麼樣的作法能兼顧速度與品質？
可以，但要把 Canva 當成素材框架工具，不是全部決策工具。先用它生成穩定版型，再把文案邏輯、主旨列連動與 alt 文字補齊，最後再做 Outlook 相容預覽。
EDM 圖片尺寸建議是多少？600 到 900 像素到底怎麼選？
先以 600px 做保守起點，若活動主視覺需要更多版面承載，才用 900px。兩者都要先通過手機縮放可讀性測試，不可先定尺寸再加內容。
一張 EDM 圖片到底可放多少文字？
不要用固定字數硬上限做判斷，先用可讀性與行動率做門檻。建議先讓 2 秒內可讀，文字過多時改拆版，保留一句主張與一個 CTA 動作。
為什麼主旨列和預覽文字會直接影響開信率？
收件者在看到主旨列前先做時間與價值評估，預覽文字則是最後判斷窗口。兩者不一致時，收件者會把風險判為「不必要訊息」，先修正對齊再談圖片。
Outlook 到底為什麼會把排版弄壞？要用 table/tr/td 嗎？
Outlook 對 CSS 支援不一，某些屬性會被忽略或改寫。table/tr/td 是穩定底盤之一，尤其在較舊版本有幫助，但仍要搭配 inline CSS 與縮放測試。
什麼是 SPF、DKIM、DMARC？沒有設置會有什麼風險？
它們是寄件身份的驗證與回報機制：SPF 認可發件來源、DKIM 做訊息簽章、DMARC 提供政策與回報。缺少這些很容易增加退信、觸發信箱警示，寄達率會受影響。
alt 文字要寫什麼？只要一句「圖片」可以嗎？
不能只寫「圖片」。alt 應該描述核心意圖，例如「查看新品優惠詳情，立即預約」等，讓無法載圖或閱讀工具也能理解意圖並行動。
EDM 還是 DM？我到底要不要做可列印版本？
先看發送路徑。若只做電子信箱投遞，屬於 EDM，先用 RGB。若有實體列印與紙本寄送需求，才啟動 DM 流程並準備列印版。
RGB 和 CMYK 差在哪？EDM 圖片一定要 RGB 嗎？
EDM 以螢幕顯示為主，RGB 通常更符合預期。CMYK 並非 EDM 禁止，而是當輸出有印刷環節時才真正必要。
名單品質不好怎麼辦？退信率高怎麼找問題？
先做名單清潔，接著分辨硬退信與軟退信來源。硬退信主打修正位址與清除無效名單，軟退信優先調整寄送節奏、內容量與觸發機制。
圖片做得再好，開信率還是不高，應該先改哪裡？
先改主旨列與預覽文字順序，接著檢查第一屏訊息是否可讀，再看 CTA 字詞是否對應收件者需求。圖片之外的決策順序常是更快的改善入口。
模組化模板能不能讓每月 EDM 都快 30% 以上？
會增加，但不可保證固定比例。先測實際工時縮減與退修次數下降，若每月成效穩定變化才可形成可證明的百分比。