黑暗模式已经相当优雅地进入了每个应用程序、浏览器和设备。互联网用户正在切换到暗模式设置,以充分利用它带来的好处。

暗模式是指颜色反转,使背景更暗,并在其上显示浅色文本、UI元素和图标。

即使是电子邮件行业也没有回避适应这种黑暗模式的新趋势。

如果我们回到它的最初阶段,黑暗模式是在2018年9月由苹果公司推出的第15系列桌面操作系统macOS Mojave中推出的。一年后,Gmail紧随其后,为Android和iOS设备以及iOS邮件提供了暗模式支持。

黑暗模式在过去几年中获得了巨大的普及。

这么早采用暗模式的原因可以归结为它所带来的优势。

  1. 黑暗模式对眼睛来说很舒适,即使环境光线很低。
  2. 它显著降低了屏幕亮度,从而有助于节省电池寿命。
  3. 访问电子邮件在黑暗模式增加内容易读性,使内容消费更容易。
  4. 它赋予电子邮件一种复杂的外观和感觉。


什么是电子邮件的黑暗模式&如何启用电子邮件客户端

资料来源:什么是电子邮件的黑暗模式&如何启用电子邮件客户端

尽管有这些优势,黑暗模式还是给电子邮件营销人员和开发者带来了一些挑战。

  1. 暗模式可能并不适合每一个品牌的个性。
  2. 如果你的邮件在暗模式下看起来不“好”,就会触发垃圾邮件过滤器,从而导致发送能力问题。
  3. 一些电子邮件可能无法访问,因为暗模式会降低颜色对比度。
  4. 暗模式电子邮件呈现几个呈现挑战,取决于用户使用的电子邮件客户端。

看看下面的图片。

传统使用的移动电子邮件客户端,桌面和web电子邮件客户端将呈现电子邮件,即使在黑暗模式设置。

Outlook.com将渲染电子邮件与部分颜色反转时,访问黑暗模式。

相反,Windows.com会导致全色反转,并像这样显示电子邮件:

看看这张兼容性图,你就能知道如何设计兼容暗模式的电子邮件了:

这就引出了下一个问题:如何设计兼容暗模式的电子邮件?

暗模式电子邮件的设计技巧

1.坚持颜色对比标准以达到无障碍。

当设计一个兼容暗模式的电子邮件,你必须确保你的文本是易读的人使用暗模式。谷歌Material Design建议文本和背景必须设置为最低对比度15.8:1。

这意味着最深的白色字体在深灰色背景中最清晰。

2.不要混合图像和背景颜色。

在黑暗模式中将背景颜色与图像混合将导致一个破碎的布局。

这是因为当你改变设置为暗模式时,背景颜色会反转,但图像会保持原样。

3.饱和色在深色背景上不太合适。

在光线背景上使用饱和颜色会产生视觉冲击。深色表面上的相同颜色会产生视觉振动,并使阅读文本的眼睛感到疲惫。因此,在深色背景上使用去饱和的柔和颜色可以增强颜色对比度,这是一个好主意。

4.你的背景不能是纯黑色的。

许多设计师认为,暗模式意味着纯黑色背景和纯白色文本或图标。然而,情况并非如此。您必须始终使用深灰色,而不是真正的黑色。它不仅能抚慰眼睛,还能反映出更多的高度、深度和颜色。

5.不要忘记你的品牌个性。

黑暗模式并不适合所有品牌。在设计电子邮件时,您必须记住这一事实。在黑暗模式下,电子邮件的整体外观和感觉都会发生变化,情感诉求也会发生变化。

6.添加一个白色的笔触到徽标和图标。

想象一下在黑色背景上有一个黑色徽标。很明显,它将不可见,对吗?

为了避免这种情况,必须始终在徽标和图标周围添加白色笔划。它将帮助这些视觉元素在黑暗模式下脱颖而出。

7.透明图像PNG格式必须使用黑暗模式兼容。

你使用的图像将在颜色反转时占据背景颜色。因此,在设计暗模式时,坚持使用PNG格式的透明图像。

看看这个例子,了解这意味着什么。

8.文本始终使用“打开”颜色。

“On”颜色是指显示在组件顶部的颜色。当我们谈到暗模式时,纯白色是默认的“开启”颜色。使用稍微暗一点的白色来克服视觉振动的问题(如前所述)。

此外,在暗模式下使用较轻的字体权重。原因是,与较浅背景上的深色文本相比,深色背景上的白色文本显得更大胆。

总结

这总结了一些最重要的事情,你必须知道,在设计黑暗模式电子邮件。

如果您想了解更多有关暗模式电子邮件设计和编码的信息,email Uplers已围绕该主题创建了一个有吸引力的信息图表:在聚光灯下:电子邮件中的黑暗模式。

凯文·乔治

Kevin George是Email Uplers公司的营销主管,该公司是发展最快的定制电子邮件设计和编码公司之一,擅长手工制作专业的电子邮件模板, PSD到HTML电子邮件转换和免费HTML电子邮件模板,除了提供电子邮件自动化、活动管理和数据集成与迁移服务外。他喜欢小玩意、自行车、爵士乐,喜欢吃喝玩乐,喜欢电子邮件营销。他喜欢分享他对电子邮件营销最佳实践的见解和想法他的博客