元伸科技
為什麼 Email 設計比你想的更重要？
實務觀察：很多老闆把 Email 行銷想成「設計一張漂亮的橫幅圖」就好。結果寄出去的信，手機上看就是一張載不出來的灰色方框，文案再用心都看不見。
根據統計，超過 60% 的 Email 在手機上開啟。換言之，沒做行動最佳化等於直接放棄一半客戶。老實說，響應式 Email 不是錦上添花，是現代Email 行銷的基本功。元伸服務 3,000+ 客戶的經驗，光是把「全圖式 Email」改成「HTML + 文字 + 重點圖」這一招，多家客戶的開信率就明顯改善。
響應式 Email 設計的 8 個核心要素
單欄式版面優先
桌面版 Email 可以用兩欄甚至三欄排版，但手機螢幕寬度有限。單欄式版面是行動裝置最友善的選擇——內容由上往下依序排列，閱讀動線清楚、不需要左右滑動。
控制整體寬度
Email 的建議桌面寬度為 600px，這是大多數 Email 客戶端（Gmail、Outlook、Apple Mail）都能良好呈現的安全尺寸。手機版則自動縮放至螢幕寬度的 100%。
可觸控的 CTA 按鈕
行動裝置上是用手指點而不是游標。CTA 按鈕的最小尺寸建議 44×44px，按鈕周圍要留足空白避免誤觸。
老闆最常踩的坑是 CTA 文案寫「點此」「按這裡」。實際上，「立即領取試吃券」「查看本月優惠」這種具體承諾才會有人點。一個動詞 + 一個利益點，這是 24 年來最穩定的 CTA 公式。
適當的字體大小
手機螢幕上的文字如果太小，收件人會直接劃掉。建議的字體大小：
- 標題：22-28px
- 內文：14-16px
- 行距：1.4-1.6 倍
圖文比例與 Alt Text
圖文比例建議 40:60——過多圖片不只載入慢，還容易被分到垃圾信。實務觀察：跟客戶聊到「圖片越多越漂亮」這個迷思，我會建議反過來想——你的收件人在捷運上、訊號弱，圖載不出來時還能看懂你想說什麼嗎？每張圖務必配 Alt Text，因為許多 Email 客戶端預設不載圖。
善用預覽文字
預覽文字（Preheader）是出現在主旨旁邊或下方的灰色小字，長度建議 85-100 字元。這段文字是除了主旨之外，影響開信率的第二大關鍵。善加利用它來補充主旨、製造好奇心。
深色模式相容
越來越多使用者開啟深色模式。設計 Email 時，避免使用純白背景加上淺色文字的組合，並測試在深色模式下 logo 和圖片是否正常顯示。使用透明背景的 PNG 圖片需要特別注意。
退訂機制不可少
根據法規要求，每封行銷 Email 都必須包含清楚的退訂連結。這不只是法律義務，也是建立信任的方式——讓收件人感到被尊重，反而能降低被標記為垃圾信的機率。
Email 設計規格速查表
掌握正確的設計規格，能大幅減少在不同裝置上的顯示問題：
| 項目 | 桌面版 | 手機版 |
|---|---|---|
| 整體寬度 | 600px | 100% 螢幕寬度 |
| 標題字級 | 22-28px | 20-24px |
| 內文字級 | 14-16px | 14-16px |
| CTA 按鈕 | 寬度 200px 以上 | 全寬或至少 280px |
| 按鈕高度 | 44px 以上 | 48px 以上 |
| 行距 | 1.5 倍 | 1.5 倍 |
| 左右邊距 | 20-30px | 15-20px |
| 圖片寬度 | 最大 560px | 100% 自適應 |
主流 Email 客戶端的相容性需要留意：Gmail 不支援內嵌 CSS 的 <style> 標籤（需改用行內樣式）；Outlook 的 HTML 渲染引擎較舊，複雜的 CSS 排版容易出問題。
提升開信率的 5 個設計技巧
開信率是 Email 行銷最關鍵的第一關。即使內容再精彩，沒打開就等於零：
主旨寫法公式：「數字 + 利益點 + 急迫感」，例如「3 個方法讓你的網站轉換率提升 30%」比「本月電子報」有效得多。
發件人名稱用品牌名：使用「元伸科技」而非「no-reply@ozchamp.com」。收件人看到認識的品牌名稱，開信意願會大幅提升。
個人化內容：在主旨或內文中帶入收件人姓名、過去的購買紀錄或瀏覽行為推薦，能有效提升參與度。
發送時間最佳化：台灣市場的最佳發送時段通常是週二到週四的上午 10:00 或下午 14:00，避開週一忙碌和週五收心。但這只是平均值，跟客戶聊發信策略時我會建議：實際還是要看你的受眾。B2B 客戶多在上班時間打開，B2C 餐飲類在傍晚反而表現好。
A/B 測試：同一封信準備兩個版本的主旨或 CTA，分送給小部分名單測試，再以表現較好的版本發送給剩餘名單。
提升點擊率的版面設計原則
開信之後，下一個目標是讓收件人點擊。倒金字塔結構是 Email 版面的黃金法則：
- 吸引注意：用一張大圖或粗體標題抓住目光
- 傳遞價值：用簡短文字說明好處與利益
- 引導行動：放上一個醒目的 CTA 按鈕
每封信只設定一個主要目標。如果同時推促銷、徵才、活動邀請，收件人反而不知道該點哪裡。想要有效引導使用者行動，CTA 按鈕的配色與位置都需要仔細規劃。
Email 設計常見的 5 大錯誤
許多企業的電子報犯了以下錯誤而不自知：
- 全圖式 Email：整封信只有一張大圖片，不但載入慢，還容易被系統判定為垃圾信
- 忘記設定 Alt Text：圖片未載入時，收件人只看到空白方框
- 沒有跨裝置測試：在桌面版看起來完美，手機版卻排版錯亂
- 連結太多沒有重點：塞滿十幾個連結，反而讓點擊率下降
- 忽略退訂機制：不提供退訂選項不僅違法，還會導致被標記為垃圾信
結語：好的 Email 設計是轉換的起點
響應式 Email 不是美化工作，而是直接影響開信率、點擊率與最終轉換率的關鍵。更多設計觀念可參考網頁設計入門指南。掌握規格、用倒金字塔結構、每次發送前做跨裝置測試，你的 Email 行銷就能穩穩往上走。
老實說，Email 的終極目的是把讀者帶回你的網站。如果你的企業網站本身體驗不佳，再好的 Email 也救不回來。搭配網站轉換率優化，從 Email 到網站，每個接觸點都值得用心。
需要顧問視角的 Email + 網站整合規劃？歡迎找元伸聊聊。
📞 03-366-1000 ｜ 🌐 www.ozchamp.com ｜ 免費諮詢 24hr 回覆
