文章作者介绍

一个好的电子邮件排版设计不仅能够让读者感到舒适,还能够引导目光,突出重要内容,并激发互动。排版设计是让您的电子邮件在众多竞争者中脱颖而出关键因素之一,在提升电子邮件点击率方面扮演着关键角色。

本文将深入探讨电子邮件排版的秘诀,聚焦于字体的选择、大小的适应和行距的优化。我们将分析读者在数位环境中的阅读习惯,并提供相应的设计建议,帮助您创建引人注目且易于阅读的电子邮件。无论您是在设计全新的电子邮件还是优化现有的版面,这些技巧都将助您提升点击率,从而实现更成功的行销策略。让我们开始深入探索如何运用字型、大小和行距来塑造出色的电子邮件,为您的行销活动注入更多活力和效果!

电子邮件设计前提:理解数位阅读习惯与行为

数位时代,人们的阅读方式和习惯已经发生了显著的变化。数位装置的普及,让读者不再仅局限于传统印刷品。了解读者的数位阅读习惯对于设计引人注目且易于消化的电子邮件至关重要。

在数位环境中,阅读者通常倾向于快速浏览内容,寻找吸引注意力的信息。因此,排版设计应该专注于制造视觉吸引力和提供清晰的讯息阶层。

数位阅读为导向的排版技巧

  • 优化内容结构: 简洁而有条理的内容结构能够帮助读者快速掌握重要信息。使用有意义的标题和子标题,将内容分成易于消化的部分。
  • 注重视觉层次: 使用字体的大小、颜色和粗细来创建视觉层次。重要的内容应该以较大、较鲜艳的字体呈现,以引起注意。
  • 引人入胜的图片: 图片和图形能够丰富内容,但同时也不要过度使用。选择与主题相关且高品质的图片,并确保它们不影响文字阅读。

理解读者的数位阅读习惯,能够帮助行销人针对性地优化电子邮件排版,以提高点击率。

运用上述的数位阅读为导向的排版技巧,您可以创造出更有吸引力且易于阅读的电子邮件,更有效地传递讯息并引导读者进行互动。

图一、数位阅读习惯特点

用 RWD 设计电子邮件提升阅读体验

图二、响应式设计(Responsive Web Design,RWD)说明

响应式设计(Responsive Web Design,RWD)是一种网页设计的方法,让网站在不同大小的萤幕上,都能够有适当的展示比例,不需要再放大或缩小内容。这种设计方法的目标是确保网站在各种装置上都有优良的使用体验,包括手机、平板和桌上型电脑等。

越来越多的人使用行动设备阅读邮件,RWD 便在电子邮件排版中成为不可忽视的一个要素。由于行动设备的萤幕尺寸各异,我们需要透过 RWD 来确保读者在不同设备上,都能够获得一致的阅读体验。除了使用 RWD 原则来设计邮件之外,还可以搭配以下建议来让阅读体验更上一层楼:

  • 用双栏以下排版: 使用单栏或双栏的邮件排版,让内容能够适应不同萤幕尺寸,确保内容在各种设备上均能自然呈现。
  • 字体和字级优化: 为行动设备优化字体和字级大小,确保阅读电子邮件时不需要另外缩放或滚动。
  • 压缩图片档案大小:行动装置通常使用速度较慢的无线连网方式,因此压缩图片档案大小有助于减少邮件加载时间,提升整体阅读体验。

透过 RWD 和上述排版设计技巧,您能够确保无论读者使用哪种设备阅读您的电子邮件,都能够享受到一致且优质的阅读体验。

电子邮件排版要点一:选择适合的字体风格

字体风格在电子邮件设计中,不仅影响阅读舒适度,也和品牌想要传递的形象相关。然而,当涉及电子邮件时,我们必须注意到不同邮件收件端和装置系统的限制。一个常见的问题是字体显示的不一致性,这可能导致您的精心设计的字体在某些收件端中无法正常显示。因此,您需要谨慎选择字体,确保它在大多数收件环境中都能够完美呈现。

使用大多数收件端都能显示的网页安全字型

在电子邮件中,我们建议使用在大多数收件环境都能够正确显示的网页安全字型。这样可以确保您的设计在不同平台上保持一致,并且无论读者使用哪种收件端,字体都能够正常呈现,从而提供统一的阅读体验。

以下是 BME 系統內建,且常見的網頁安全字型

  • Helvetica (無襯線字體)
  • Arial (無襯線字體)
  • Arial Black (無襯線字體)
  • Verdana (無襯線字體)
  • Tahoma (無襯線字體)
  • Trebuchet MS (無襯線字體)
  • Impact (無襯線字體)
  • Times New Roman (襯線字體)
  • Georgia (襯線字體)
  • Palatino (襯線字體)
  • Baskerville (襯線字體)
  • Courier (等寬字體)
  • Lucida (等寬字體)
  • Comic Sans MS (草寫字體)
  • 標楷體 (襯線字體)
  • 微軟正黑體 (無襯線字體)
  • 微软雅黑 (無襯線字體)
  • 新細明體 (襯線字體)
  • Sim Hei(中易黑體) (無襯線字體)

挑選電子報內容的字型技巧──字體的類型

图三、四个不同字体的特色展现

我们在前文说到,电子邮件设计中,字体的选择是影响可读性和品牌形象的重要因素。您可能也注意到,在上一个段落所提到的网页安全字型中,同时列出了该字型的类型。了解字体类型,能帮助我们依照目的选用适当的字体,以下将列出各字体类型的特点与适用场景:

  • 衬线字体(Serif):特点是文字末端的装饰性衬线,举例来说,就是字母 A 两只脚出现两个底线,不妨碍我们辨识它是字母「A」,又多了一点装饰性;若以中文字型来理解的话,类似书法字的呈现方式,会多一些装饰性的收笔,而非直直写过去的笔画。

常与正统、专业相联系,特别适合用于传达正式的讯息,例如商业信函或法律文件。然而,在较小的字级大小下,衬线字体可能变得难以阅读,所以在内容排版时需注意字体大小。

  • 无衬线字体(Sans-Serif): 相对于衬线字体,文字没有装饰性的衬线。这种字体类型让文字就算缩小,也不影响可读性,因此在数位阅读中有更好的可读性。

无衬线字体具有现代感和简洁感,易于数位阅读,适用于大多数的电子邮件内容,尤其是标题和短篇段落,能够营造现代且专业的印象。

  • 打字机体(Monospace): 又称等宽字体,每个字母的宽度相等,通常用于排列整齐的数字或程式码。它在展示程式码、表格或对齐的内容时很有用。

然而,等宽字体的设计风格较为标准化,不太适合强调品牌形象。

  • 草写字体(Cursive): 以其手写风格而闻名,传达较为随性和友好的情感,在专业场合中不太常见,但适用于那些希望传达轻松、亲切、个人化或创意风格的 EDM。

草写字体适合用于推广个人品牌、创意活动或特殊场合。然而,它在专业场合中容易显得不够正式。

在选择字体时,要考虑保持品牌形象一致、阅读的可读性和读者的情感体验。藉由选择合适的字体风格,您能够为您的电子邮件内容赋予独特的风格,有助于强化阅读体验并传递所需的讯息,同时提升读者的关注度和印象。

电子邮件排版要点二:字级大小的重要

在电子邮件排版设计中,根据段落性质设定适当的字级大小是确保读者舒适阅读的关键,毕竟如果标题和内文用同一字级,我们很难从中快速判断区块重点。我们可以藉由交叉比对各大邮件收件端的建议字级大小,来找到最适合的字级设定,以确保内容在各种平台上都能够清晰可读。

电子邮件标题与内容字级建议设定

阅读装置的种类和尺寸多种多样,从桌面电脑到手机和平板电脑,每个装置的萤幕尺寸都不同。这就意味着字级大小需要能够适应各种屏幕,从而确保阅读者在不同设备上都能够轻松阅读内容。

以主流的写作逻辑来说,一篇文章通常会有:文章标题、子标题和内文,我们可以先预想一个自己能接受的最小字级作为内文字级,再依照EDM 实际排版情况,逐渐往上微调大标题和子标题的字级大小。

一般情况来说,我们常用的文章编辑器(例:Word 和 google docs)预设的文字字级大小约为 11~12 pt ,我们暂且可以先把它视为人能轻松辨识文字的字级大小;那么我可能会这样设定:

  • 内文:14 pt
  • 子标题:18 pt
  • 文章标题:24 pt

其他电子邮件字级设定须留意项目

实际设计电子邮件排版时,不一定能依样画葫芦,直接套用前文所提供的 14pt 、 18pt 、24pt 组合。有时候还得考虑以下项目:

  • 受众喜好:如果您的电子邮件发送对象非年轻族群,他们可能更倾向从 18pt 开始起跳的字级阶梯。
  • 字体特色:如果您选用衬线字体,避免过小的字级让它无法呈现美丽的衬线,失去衬线字体的优势。
  • 多栏式排版:如果您在 EDM 中使用双栏或三栏式设计,必须留意文案长度是否因为字级向上加,造成系统自动换行。

您可以尝试不同的字级大小,发送 EDM 进行 A/B 测试,以确定受众最喜爱的字级大小。这不仅可以确保阅读体验最佳,还能够增强品牌形象和内容的专业性。谨记,字级大小设定的关键是找到好看和好读的平衡点,从而为读者提供舒适的阅读体验。

电子邮件排版要点三:行距的影响与应用

行距指的是文字行与行之间的垂直间距,若行距过小,可能会导致文字重叠或混乱,使阅读变得困难;若行距过大,可能会导致阅读速度减慢,使内容变得空洞。适当的行距能够影响阅读的可读性和舒适度,并确保文字排列清晰易读。在进一步探讨行距的作用之前,我们得先看看为何「留白」在排版设计中是不可忽视的。

排版设计不可不提的「留白」

留白」指的是在排版中保留空白的区域,不填充文字或图像。这些空白区域在排版中具有重要作用,能够:

  • 增强可读性:适当的留白能够使文字更易于辨识,不受其他元素的干扰,提高阅读效果。
  • 引导阅读:留白可以引导读者的视线,使他们更容易导向重要的内容和信息。
  • 增强美感:留白能够营造出整体的平衡感,提升排版的视觉吸引力。

图四、「留白」与「不留白」的差异示例

中英文字型在电子邮件设计中的建议行距

一般来说,英文字型的行距会在字体大小的 120% 到 150% 之间进行调整,以确保文字排列整齐,易于阅读。那么中文字型呢?

中文文字通常比英文文字更加密集,而且字形复杂。因此,建议将中文文字段落的行距稍微调大,避免字形重叠或混乱。您可以将行距设定在字体大小的 130% 到 150% 之间。

另外,如果段落中同时混杂的中文和英文字型,且大小不同,应该根据较大的字型来设定行距。这将有助于保持整体排版的一致性和均衡性。

电子邮件设计范例:版面设计与视觉层次

版面设计和视觉层次是创造引人注目的排版的关键元素。通过巧妙运用不同的字体大小、颜色和排列方式,您可以引导读者的注意力,创建出引人注目且具有吸引力的电子邮件,从而提升阅读体验并提高点击率。但是,我们如何知道自己的 EDM 有没有一个「好的排版」呢?

检测电子邮件排版好坏的方法

别忘了,排版最终的目的就是「凸显最重要的内容」。

假如您是一个云端服务供应商, EDM 的目标肯定是让客户续约,但我们不可能只在EDM 中放一个大大的「继续订阅」按钮,因为这样的EDM 完全无脉络可言,一点说服力都没有。

为了用完整脉络说服收件人,又不会因其他资讯而从原本的目标(续约)上失焦,我们需要排版。

因此,您可以把排版好的 EDM 缩小,让所有内容能够一次展现,然后做模糊处理。

您可以透过这个方式检视排版的目的──「凸显最重要的内容」──是不是有达成?

图五、将 EDM 做缩小与模糊处理检查排版问题

电子邮件设计范例一:One Drive 的欢迎邮件:将收件者带往专业服务

图六、One Drive 的欢迎邮件:将收件者带往专业服务

Microsoft 在 EDM 中运用非衬线字体,打造现代感和专业的品牌形象,与 OneDrive 作为一个数位存储解决方案相契合。

One Drive 的欢迎邮件顶部醒目的 CTA 按钮,首先突显电子邮件的主要目的,同时也在视觉上吸引了收件者的注意力。

接着透过双栏排版,将四个主要产品特色一一展示,不仅节省了空间,还使内容有条不紊地呈现。每个特色都以简洁的语句和吸引人的图片来突显,让读者一目了然,并引导收件者进行深入了解。

这个设计范例展示了如何运用字体、版面和视觉层次,以及恰当的 CTA 策略,来引导读者进行所需的互动,同时传递品牌价值和产品特色。这种细致的排版设计不仅提升了品牌形象,还有助于增加点击率和读者参与度。

电子邮件设计范例二:台湾之心的义卖邮件:非营利组织的友好劝募

图七、台湾之心的义卖邮件:非营利组织的友好劝募

非营利组织台湾之心透过 EDM 宣传暑期义卖活动,同时营造出友好友善的品牌氛围。这封电子邮件在设计上注重亲近感和温馨的氛围。

EDM 最上方引人注目的 Banner,用手写风格的字体展示了义卖活动的主标题。这种字体风格赋予品牌一种亲切感,突显了组织的友好形象。用图片的方式突破收件端字型的显示限制,显然是一个好方法。

随后,内文使用不同的字级大小和间距,区分了不同段落的重要性。这种变化使得重要信息更容易被阅读者捕捉到,同时保持了整体排版的清晰度。通过这种分段的方式,台湾之心能够将诉求和活动细节有条理地传达给收件者,让他们更容易理解并参与慈善活动。

这个义卖邮件设计范例充分体现了如何运用字体、版面和视觉元素,来传递非营利组织的诉求,同时营造友善的品牌形象。

总结

在本篇文章中,我们探讨了如何运用字体、大小和行距来优化电子邮件的排版,以提升点击率和读者参与度。从理解阅读习惯到选择适合的字体风格,从字体大小的重要性到行距的影响与应用,我们深入了解了每个排版要素的作用和技巧。

此外,我们探讨了实际的设计范例,展示了不同品牌如何在电子邮件中运用排版技巧来传递信息、提升品牌形象,以及引导读者的行动。无论是商业品牌还是非营利组织,都可以透过细致的排版设计来实现更好的效果。

总之,排版在提升电子邮件点击率中扮演着关键的角色。通过选择适合的字体、大小和行距,我们能够为读者创造出愉悦的阅读体验,同时有效传递内容和呼吁行动。将这些技巧应用于实际的电子邮件创作中,将有助于创建更具吸引力和影响力的 EDM。

作者简介:

作者 benchmark cn