Email 設計 / EDM 設計製作

做促銷型電子報，你習慣用哪種信件版型？ 問過很多行銷人，答案幾乎都是「一張大圖加上按鈕」。視覺衝擊強、製作快、畫面乾淨，選大圖型感覺很合理。但如果告訴你，大圖型雖然是市場上佔比最高的 EDM 版型，成效卻是四種主流信件版型裡最低的，你會怎麼想？ 這個結論來自電子豹《2026 台灣電子報行銷產業指標報告》。這份報告以台灣市場 1,406 家企業、2.41 億封實際寄送為基礎，版型分析的部分針對 11,715 個促銷型 EDM 活動的內容結構進行分類，逐一統計各版型的開信率與點擊率分位數。以下整理幾個值得注意的發現。 4 種主流 EDM 信件版型是什麼？先搞清楚定義再比較 在進入數據之前，先釐清報告定義的四種版型： 版型 特徵 常見使用情境 大圖型 主視覺大圖為主，文字少 電商節慶促銷、品牌視覺型電子報 結構化版型 區塊式排版，圖文平衡，層次清晰 商品列表、多 CTA 促銷信 圖文混合 圖文比例無明顯偏向，排版彈性高 品牌視覺依賴度高的活動 純文字 以文字為主，圖片極少 歡迎信、會員溝通等非促銷情境 大圖型是目前市場最主流的版

雙十一購物節是一年一度的大型購物節，也是電商品牌的年度重點促銷活動。在這個重要的促銷活動中，品牌可以透過 Email 行銷，吸引更多客戶參與活動，來提升促銷活動的銷售量。 文章中將提供電商品牌的實際參考案例，以及與你分享「最輕量的 Email 行銷規劃」，讓時間緊迫的行銷人員，也能快速上手！只要跟著做，便能即時將雙十一行銷活動安排完成。 掌握雙十一購物四階段，善用 Email 行銷助攻 雙十一購物節 Email 的溝通時機，主要可分為以下階段： * 提前預告：在活動開始前發送 Email，提醒客戶即將到來的雙十一購物節。在電子郵件中包含活動的亮點和優惠資訊，以吸引客戶的注意力。 * 活動開始：在活動起跑當天發送 Email，宣布促銷開始。在電子郵件中包含活動的詳細資訊，提供促銷商品、優惠折扣和活動時間。 * 最後提醒：在活動結束前發送 Email，提醒客戶把握最後機會。在電子郵件中包含促銷商品的折扣期限及庫存資訊，以鼓勵客戶盡快下單。 * 延長促銷：在活動結束後，如果促銷活動延長，可以發送 Email

不論是傳產轉電商的行銷新手或是知名電商平台的網路行銷人員，經常問到「如何製作一封成效很好的 Email 電子報？」、「如何設計 Email 電子報內容提升點擊率？」老實說這並沒有絕對答案。 因為針對不同產業類別、商品屬性或客戶喜好而有不同的內容製作，成效也會有所差異。但是，行銷成效好的 Email 電子報真的沒有規則可循嗎？是否能從熱門電子報中找出答案呢？ 電子豹身為全台灣最大的電子報發送平台，服務超過 15,000 家企業用戶，藉由電子報行銷領域的多年經驗，結合國外知名行銷網站的設計建議，和 Really Good Emails 精選的電子報，我們觀察超過 80 封國內外熱門的電子報，歸納出以下 7 個 Email 設計趨勢是目前製作電子報時，提升點擊率應具備的關鍵設計元素： 趨勢一、強烈凸顯品牌的 LOGO 明顯又強烈的 LOGO 商標是凸顯公司品牌的最佳表現方式，在電子報中適當置入公司 LOGO 配合行銷活動能表現出品牌特性，加強企業在顧客心中的品牌形象。 在 LOGO 中埋入官方網站連結，使顧客可以點擊導引至官方網站，相

每年母親節行銷大戰，也是荷包大失血的時刻，不過媽媽開心最重要啦～ 本篇蒐集了多個母親節行銷 EDM，在設計、配色上提供大家參考！ Swatch 這封主色以粉色系、暖色調為主，Call To Action 按鈕選擇時尚黑，輔色以黃色、藍色做搭配，讓整體配色感覺平衡、不會太黏膩。 首圖的照片選擇時尚又不失幽默，另外，整封 Email 的編排非常舒適，一大圖、四小圖、兩小圖、三欄圖文的配置，凸顯錶面特色與服務。 不愧是國際的大品牌！💯 Pinkoi 這封郵件一樣是以粉色調為主，商品圖片也都選擇粉色或是暖色調，其中有黃色、淡紫色、米白色的產品圖當作輔助色，讓整體的配色較為均衡。 活動置入動態的「倒數計時器」提升時間性的緊迫感，也提供兩種不同的滿額贈折扣，很不錯！ Garmin 也是完全的粉色系，主圖以產品加上 3D 背景為主，排版上數字與產品的搭配很不錯！ Call To Action 按鈕的配色一樣是暗色的粉紅，個人認為這邊用

在設計電子報時，是否常常因為沒有適用的圖片而苦惱？人類的大腦在接收資訊時，比起文字，圖像能夠更快速的讓人理解要傳達的資訊。這邊介紹 5 個設計師都愛用的免費圖庫，讓你不再為尋找圖片而煩惱！ 1. FREEPIK – 向量插圖、素材 https://www.freepik.com/ Freepik 絕對是設計師最常造訪的免費圖庫之一。主要是它有超高質量的向量圖檔（Adobe Ai 適用）可以免費下載，根據你需要的關鍵字搜尋後，下載下來的素材再經過設計的變化、重新編排上色等等，就可以省下許多設計時間。 2. Unsplash – 精緻以及多元的照片 https://unsplash.com/s/photos/asian Unsplash 算是很早期就出現的高品質免費圖庫，他的照片解析度高（高畫質）、庫存豐富，質量也非常高，主題大都是風景、街景為主，店面、人物的也不少，尤其是時尚、食物相關的照片，因為免費圖庫通常都是歐美圖片居多，但是 Unsplash 在亞洲相關的素材中也沒有缺席，很推薦大家。

製作電子報的工具 在介紹基礎概念之前，其實選對工具非常重要，好的電子報工具會幫你把各種細節都把關好，如果你沒有設計的經驗，公司也沒有工程師能夠客製化寫 Email 模板，可以利用電子豹內建的拖放式工具直接進行操作，參考這篇：如何使用拖放式編輯器設計內容？ 若想使用其他的 Email 模板可以參考這一篇：找不到適合的模板嗎？利用這 3 款編輯器，輕鬆做出電子報，或是選擇有提供模板工具的 EDM 寄送廠商。 電子報設計元素 一般 EDM 最基礎的組成是信頭+ 內容 + 信尾，為了重複使用，標題和信尾中的元素最好有通用性，也可以讓收件者更容易辨識。 * 信頭：供收件者辨識寄件者身份，讓收件者一眼就看的出是誰寄的電子報。你可以放上公司的 logo 或是主題名稱。 * 標題、內容、按鈕：信件的主要大標題與內容，如果是要引導點擊，會需要包含 Call To Action 按鈕，讓收件者到購買頁面或是提供更多資訊的網頁。 * 信尾：在信尾提供的資訊通常會是相對次要，但「取消訂閱」是必要加入的連結。其他資訊例如：公司資訊、網站連結

手機對人類越來越重要，在高科技的未來，我們可能不需要帶錢包和鑰匙出門，卻萬萬離不開手機。除了現實生活中觀察到的跡象外，也有客觀數據説明手機的重要性。 根據 Adestra 統計數據「61% 的人習慣以手機打開電子郵件，以電腦軟體和網頁瀏覽器打開電子郵件的僅佔 39%」。以上數據顯示，越來越多收件人使用手機打開郵件，適應手機螢幕的電子報才能迎合現在及未來多數人的生活狀態。 你是否有這樣的經驗？閒暇之餘，滑一滑手機，隨手打開電子報，發現它長成這樣： 看到設計不良的電子報，大多數人根本不會浪費時間閲讀，他們會刪除甚至取消訂閲。忽視手機的重要性，將錯失很多行銷機會。 如何拉回顧客的心，使他們在玩遊戲、追劇等誘惑中，選擇閱讀你的電子報並進行點擊？你要做的第一步就是設計一款良好、適應手機的電子報。以下，我們將從 4 個部分說明電子報設計的要點。 1. 易於閲讀的文字設計 * 使用强烈對比色 * 使用適合的字體大小 * 避免文字量過多 有些人爲了節省手機電源，會調低手機亮度，使文字不易閲讀。爲了幫助電子報更易被

對於許多不熟悉 Email HTML 的人來說，Email 可以說是噩夢一場。在不同收信系統、不同裝置上不一致的呈現狀況，頭痛程度實在非常的高。 今天要討論的主題是圖片。對於大部分的品牌來說，圖片是電子報中的必要元素。 然而，許多行銷人員並不了解各收信平台上圖片的限制，而造成負面的開信體驗，這對於投入大量時間製作的電子報來說十分的可惜。 常見圖片顯示問題：圖片大小過大、導致載入過久或是載不出來 通常會有這樣的問題，是因為不了解網頁顯示的圖片與印刷需要的不一樣，在一般的 Email 情境下，你只需要輸出寬度 1000px 以下的 jpg, png, gif，檔案大小最好在 200KB 以下，才是最好的 Email 瀏覽體驗。 如果不是設計師，沒有專業的 Photoshop 軟體，推薦：圖片壓縮工具，此網站提供上傳圖片到網頁上，幫助你壓縮圖片卻不影響品質。 圖片在 Outlook 上呈現的問題 Outlook 是最古老，且令最多人困擾的收信軟體，且因為各種不同 windows 的版本而呈現不同

什麼是深色模式？ 深色模式（Dark Mode）是一種裝置設定，在手機、平板、電腦上，可以改變界面的顯示色調，讓你的背景從白色變成黑色，而文字變成白色，從 Apple 的操作系統到 Twitter、Slack 或 Facebook Messenger 等應用程式，現在都允許用戶切換到深色模式瀏覽。 「暗模式」功能在 2019 年陸續推出後，從一開始是熱門話題，到現在是許多人已經習慣的模式，人們偏好使用深色模式，可能是因為： * 眼睛更舒適， 深色背景上的淺色文字可以減少眼睛疲勞，尤其是在光線不足的情況下。 * 它會降低屏幕亮度，從而節省電池壽命。 * 他們可能只是覺得酷炫。 深色模式可能會讓你的讀者遺失重要資訊 你知道你的郵件可能在深色模式中，按鈕不明確、圖片不顯眼、logo 看不到嗎？ 身為 Email 行銷或是設計人員，要理解現階段電子郵件應用程式，深色模式在不同的載具上如何呈現。另外大家最想知道的：要怎麼讓我的 EDM 不管在什麼設定底下，都呈現一樣的設計？ 答案是：幾乎沒有辦法

沒時間設計母親節行銷活動嗎？趕緊試試電子豹的模版庫功能，讓你簡單套用 EDM 模版範例，輕鬆快速地製作好節慶行銷電子報！ 設計一封節慶行銷電子報，可以直接從模版庫中挑選版型範例，再透過電子豹的拖放式編輯器快速自由地調整內容，製作符合品牌風格、商品特色和客戶需求的內容，更換品牌 Logo、商品圖片、調整文字、顏色等樣式，並插入 CTA 按鈕和連結，輕鬆打造符合需求的 EDM 風格。 母親節行銷活動模版範例 立即登入電子豹後台，在拖放式編輯器的模版庫中，有電子豹為你準備的母親節 EDM 模版範例，讓你立即輕鬆套用版型。 套用媽媽節 EDM 模版步驟 STEP1. 建立活動 https://app.newsleopard.de/campaign/new 登入電子豹後台，到「活動」單元，新增一個活動： 建立活動填寫完活動名稱、選擇寄送會員，到第二步驟設計內容： 選擇拖放式編輯器： STEP2. 模版庫套用版型 點選「模版庫」套用

許多情況下，公司的行銷人員在製作電子報時，除了行銷人員本身的規劃外，也需要設計、工程人員的配合，才能順利的產出一份電子報。然而，在講求效率的情況下，不一定每間公司都能夠有這樣的配置。當問題回到行銷人身上時，如何有效率製作出一份電子報成為了許多人的痛。 1. 電子豹拖放式模版 因此，電子豹提供「拖放式模版設計」功能，介面設計簡單易懂，操作直覺，讓你在設定寄送活動的同時，就輕鬆完成你的活動內容設計。更重要的是，你不用再擔心 EDM 跑版、手機收信時圖片及文字顯示過小、不會寫程式等等問題，電子豹拖放式模版工具在設計之初，即是為解決這些問題所誕生，歡迎立即註冊，免費試用電子豹。 （基本）Email 版型設計教學，Newsleopard 拖放式編輯器 （進階）Email 版型設計教學，Newsleopard 拖放式編輯器 看看用電子豹模版製作出來的 EDM 範例： 1. 範例一：｜小器生活通信｜簡單而重要的事 2. 範例二：【買犬糧抽紅包】愛泥愛泥新春優惠，現在買犬糧最划算 3. 範例三：MALOJA 機能與外型兼具的潮流

上一篇文章：從零開始建立一個 Email HTML 模板 建立了基本的 Email HTML 知識，這篇進階教大家如何排版雙欄、三欄，並支援手機版本 responsive css。 以下的範例都是基於基礎篇的 <head> <body> <table> component 架構，在 table 裡的 <td> 開始製作。 EDM 雙欄設計：Email HTML two Column step1. 製作兩個 td width=50% 簡易版本的範例，省去中間的文字與按鈕的 HTML，可以清楚辨識骨架： <table class="row" width="100%" align="center" role="presentation" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed"> <tbody class="row__body"> <tr class="row__row"> <td width="50%