設計,即是溝通

在閒暇之時,我們想要學習化妝技術,會上網刷影片、看直播,各類化妝品在時尚博主巧用化妝工具之下,最後都能展示出精緻的妝容。同理,在郵件行銷領域,想要製作一封設計精美吸睛的郵件,讓收件人一見傾心,一定要妙用EDM 排版工具啦!

我們在開頭將化妝技術與郵件技術相提並論,這樣子你是不是初步理解EDM 設計了呢?關於EDM 設計,還有重要的一點,也是我們應該要思量的事情:一封成功的郵件,能夠有效完整地將您的資訊,推送給收件人,無形中搭成了與他們溝通的橋樑。

四大原則指明EDM 排版方向

提及到設計電子報和EDM 排版,要專業設計師才能搞定…?何況想要製作一封大師級別、高質感的郵件?將自己想像成為一個美妝博主,而需要美化的對象是一封郵件。首先選擇一個合適的郵件行銷平台,了解如何善用平台工具,熟練使用工具,最後製作一封郵件。

此外,根據我們接下來的設計原則-視覺層級,定能讓你的郵件加分!視覺層級設計原則可以視為通用設計理念,也適用於郵件設計排版。在設計電子報的過程中,依據內容的重要程度進行排版。設計電子報從遵循四大要素開始做起:大小、顏色、字型和間隔。

EDM 設計四大要素

  • 大小:包括圖片、字型的尺寸,在特定屏幕下,從視覺上看,更大的字型以及圖片更加先吸引人注意力。
  • 顏色:不同的色調,給閱讀的人帶來不同的視覺感受。
  • 字型:字型樣式選擇、包括字型的大小,來強調重點內容。
  • 間隔:圖片、字型之間,不同設計元素之間要留間隔,有利於閱讀的人更好理解內容。

在下方選取的EDM 設計參照範例,選擇的郵件行銷平台是 Benchmark Email 進行電子報排版,運用平台新鮮上線的拖曳式編輯器裡排版功能-靈活的區段,並結合區塊功能,基於設計原則,帶您分解精選郵件範例,相信你也可以設計出來並擁有優秀的專屬郵件。

EDM 排版

製作EDM電子報範例解析

範例一:Sushi

EDM 排版

以上郵件資料來源於 Benchmark Email。

上方製作EDM電子報範例中,介紹各款推出的美味壽司,電子報排版重點為9宮格圖片組成。你可以看到:

Part 1:頁首區段+導覽列。導覽列透過添加連結或錨點,能夠引導郵件收件人到郵件其他部分,類似網站首頁,引領訪客到其他頁面。
Part 2:兩欄區段(左側)、一欄區段+圖片、文字區塊。加入品牌名稱圖片Sushi,文字則可以是品牌標語。
Part 3:兩欄區段+圖卡區塊(添加圖片和文字,上圖下文)。壽司產品圖片和對產品的文字描述。
Part 4:一欄區段+CTA 按鍵區塊、分段區塊。呼籲用戶購買的按鍵。
Part 5:兩欄(左側)+左邊添加社群追踪區塊、文字區塊。能夠請求訂閱用戶反饋。
Part 6:一欄區段+許可提示區塊。管理此封郵件的訂閱資訊。

設計原則運用:

-標題文字比郵件下方的文字尺寸大很多、加粗,能夠第一眼吸引人注意。
-產品圖片中,每張圖片距離邊框線都留有一定的間隔空間,這樣看起來圖片之間也不會太密集。

範例二:McDonald’s

EDM 排版

以上郵件內容資料來源於麥當勞,設計排版解析來源於 Benchmark Email 觀點。

我們選取的麥當勞的推廣信,看看他們如何製作EDM電子報!如果是使用 Benchmark Email 平台,同樣也是可以製作出同款排版的郵件!我們帶你來下面來瞧瞧電子報排版組成部分吧。

Part 1:一欄區段+文字區塊、按鍵區塊和圖片區塊。
Part 2:兩欄區段+圖片、文字區塊。
Part 3:一欄區段+文字、圖片、按鍵、底端文字(上圖下文)區塊。
Part 4:兩欄區段(左側)+文字、社群分享區塊。
Part 5:一欄區段+許可提示區塊。

範例三:Prima

EDM 排版

以上郵件內容資料來源於 Prima,設計排版解析來源於 Benchmark Email 觀點。

Prima 是一家研發健康護膚產品的品牌。以下是他們的以往發送的郵件。

Part 1:一欄區段+文字區塊、按鍵區塊、圖片區塊和底端文字區塊(上圖下文)。
Part 2:三欄區段+底端文字區塊(上圖下文)。
Part 3:一欄區段+文字區塊。
Part 4:兩欄區段+文字、圖片區塊。
Part 5:一欄區段+社群分享、許可提示區塊。

範例四:moonpig

EDM 排版

以上郵件內容資料來源於 moonpig,設計排版解析來源於 Benchmark Email 觀點。

moonpig 是一家專營卡片、鮮花禮物的網站,透過鮮花給親人、朋友等送上真摯的祝福。

Part 1:一欄區段+導覽區塊、底端文字區塊(上圖下文)。
Part 2:兩欄區段+上方 CTA 按鍵區塊和下方圖片區塊。
Part 3:兩欄區段+左圖右文,或者右圖左文, CTA 按鍵區塊。
Part 4:一欄區段+文字區塊。
Part 5:兩欄區段+文字、圖片、社群分享區塊。
Part 6:一欄區段+許可提示。

範例五:Apple

EDM 排版

以上郵件內容資料來源於 Apple,設計排版解析來源於 Benchmark Email 觀點。

蘋果公司與美國票務公司 Fandango 合作的新年促銷郵件。

Part 1:一欄區段+分別加入圖片區塊、文字和 CTA 區塊。
Part 2:三欄區段+圖卡區塊(上圖下文)。
Part 3:一欄區段+文字區塊。
Part 4:三欄式區段+圖卡區塊(上圖下文)。
Part 5:兩欄(左側)區段+右欄文字區塊(左圖右文)。
Part 6:一欄區段+文字區塊、底端文字區塊。
Part 7:一欄區段+許可提示。

化身郵件設計小達人

關於郵件設計,個人認為不僅要有吸引收件人的美感,更主要是你的郵件排版設計還能傳達重點資訊。我相信,在郵件設計排版方面,慢慢掌握技巧,你也會摸索出自己的路子,越走越順利。

免費試用

線上客服