所有营销人员都需要了解的有关暗模式电子邮件的信息

已发表: 2021-08-18

如今,甚至应用程序都在利用哥特趋势。

更严重的是,我们正在谈论黑暗模式。 操作系统一直提供反向配色方案,但暗模式电子邮件和应用程序略有不同。

虽然许多用户对暗模式感到兴奋,但它让电子邮件营销人员有点头疼。

您无疑已经注意到,每个电子邮件客户端可以以不同方式显示相同的营销活动。 好吧,暗模式的引入为等式增加了一层。

在这篇文章中,我们将介绍在为暗模式优化电子邮件活动之前您需要了解的一些基础知识。

什么是黑暗模式,人们为什么使用它?

多年来,操作系统和应用程序默认显示白色背景和黑色文本的内容。 出于我们的目的,我们将其称为“浅色模式”。

Light 模式仍然是大多数应用程序和系统的默认选项,但它已经不受许多精明的互联网用户的青睐——尤其是那些一天中大部分时间都在网上度过的人。

新数据显示,普通人每周上网时间超过 44 小时。 对于许多人来说,在电脑或笔记本电脑上玩六个小时算不了什么。

好吧,事实证明整天盯着屏幕对我们的眼睛不利。 过多的屏幕时间——无论是电视、手机还是笔记本电脑——都会导致眼睛疲劳。

Bright Screens 数码视觉疲劳

资料来源:Weekdone

有害的不仅仅是亮度。 白屏发出的蓝光会阻止您的身体产生褪黑激素,这会扰乱您的昼夜节律和睡眠周期。 考虑到多达一半的美国人患有慢性或急性失眠,我们都可以坚持改善我们的睡眠卫生。

许多手机和操作系统现在允许您在每天的特定时间后自动切换到暖色调以减少蓝光或打开蓝光过滤器。

暗模式电子邮件和应用程序提供了不同的选择。 无需调整白色色调,您只需将整个主题更改为黑色或深灰色即可消除有害的蓝光——这很简单。

Reddit、Facebook Messenger、Twitter 和 WhatsApp 等几个流行的应用程序提供了内置的黑暗模式选项。 Facebook Messenger 首次推出了作为复活节彩蛋的黑暗模式,您可以通过发送表情符号来触发,但现在任何人都可以在他们的应用程序设置中打开它。

一些智能手机应用程序提供深色模式,但用户必须将他们的 Apple 或 Android 主题切换到此模式。 换句话说,它不是通过应用程序设置提供的。

暗模式电子邮件和应用程序也可用于减少具有 OLED 屏幕的设备的电池消耗。 使用 OLED 时,屏幕上的暗像素不会发光,因为它们是黑色的。 然而,对于 LCD 和标准 LED 屏幕,暗像素仍然需要电池寿命。

哪些客户提供暗模式电子邮件?

电子邮件客户端似乎不愿意接受暗模式。

不一定是他们不想提供它,但很难实现美观的深色版本,因为每个电子邮件活动的编码都不同。

一些电子邮件客户端提供暗模式作为您可以在应用程序中打开的特定设置。 同时,其他客户端要求您在应用程序自动切换到暗模式之前更改操作系统的设置。

以下是我们所知道的现在提供暗模式的客户端和应用程序:

  • Gmail 应用程序(iOS 和 Android)

  • Outlook 应用程序(iOS 和 Android)

  • 苹果邮箱(桌面)

  • Outlook 2019(Mac、Windows 和 Web)

您还会注意到,虽然 Gmail 可能不提供特定的“深色模式”,但它确实可以让您将主题从浅色调切换为深色调。

暗模式电子邮件是什么样的?

与所有电子邮件一样,这取决于。

对于应用程序,暗模式很简单。 开发人员只需切换一些 CSS 片段并允许用户选择。

Twitter 提供两种版本的黑暗模式:熄灯和昏暗。

推特暗模式手机截图 描述已自动生成

来源:推特

这是 Facebook Messenger 和 Reddit 上的暗模式。

Facebook 和 reddit 暗模式计算机的屏幕截图 描述已自动生成

资料来源:Facebook、Reddit

在完美的世界中,暗模式电子邮件看起来与 Microsoft 博客中的这张图片完全一样。

微软博客暗模式

来源:微软博客

这是关于暗模式电子邮件的事情:电子邮件客户端尚未选择要使用的特定版本。 我们似乎在不同的电子邮件客户端中看到了三种特定类型的暗模式。

1.没有颜色变化

首先,我们使用独特的 HTML 呈现电子邮件,而电子邮件客户端保留了暗模式主题。

在桌面版 Gmail 的情况下,电子邮件的内容不会发生一点变化 - 只有 Gmail 主题切换为深色。

这是 Gmail 桌面应用程序中的样子。

Gmail 深色模式

Gmail 深色模式

来源:Gmail

对于 Apple 来说,纯文本电子邮件似乎会触发从亮模式到暗模式的切换——但不是 HTML 电子邮件。

2.部分黑暗模式

使用部分暗模式电子邮件,客户端识别浅色背景并自动将它们切换为暗(同时将暗文本切换为亮)。

在这种情况下,如果订阅者打开了深色模式,设计具有深色背景的电子邮件活动将不会改变。

暗模式设计

资料来源:石蕊

3.全倒暗模式

最后,全暗模式针对每封电子邮件——不管它是如何设计的——并完全反转 CSS。

这意味着如果您为具有黑色背景的暗模式设计电子邮件,电子邮件客户端会将其切换回白色。

这是许多人使用的暗模式版本。

Gmail 和 Outlook 等热门客户端也不允许您定位暗模式用户。 希望随着电子邮件开发人员开始适应,电子邮件客户端将更改他们的代码以找到适合每个人的暗模式。

为暗模式电子邮件设计

要记住的最重要的设计元素是背景颜色将切换为黑色。

设计师通常会选择具有部分白色元素的图像与屏幕背景融合。 其他时候,设计师会创建具有特定颜色的图像,并为背景使用相同的颜色,使其看起来无缝。

如果暗模式反转颜色,那可能会破坏深思熟虑的设计。

看看这封电子邮件中的颜色如何变化如此之小。

部分暗模式设计

来源:中

浅色模式下的亮黄色在深色模式下变为棕色。 同时,由于电子邮件背景颜色变深,三星图像中的青色背景在深色模式下显得尤为突出。

为暗模式电子邮件创建图像

尽可能多地使用具有透明背景的图像是一个聪明的主意。

当您无法控制背景颜色时,您会希望照片和徽标保持干净。 所以透明度是要走的路。

同样,大多数设计师使用边缘带有白色装饰的徽标和图片。 通常,这不是问题,因为修剪会融入电子邮件的白色背景中。

然而,在黑暗模式下,这种装饰脱颖而出。 这通常不是一个大缺陷,但它会使您的电子邮件看起来有点混乱。

看到这些社交媒体图标的区别了吗?

社交媒体图标暗模式

来源:活动监视器

在黑暗模式下可能会感觉刺眼的任何明亮图像上添加调光过滤器也是值得的。

优化暗模式电子邮件的文本

许多品牌使用纯黑色徽标。 当您添加透明背景并将徽标放在黑色背景上时,这会使您的徽标不可见。

幸运的是,只需稍加规划,即可轻松解决。

如果您正在处理纯黑色的徽标或标题,请添加一个白色边框,使其在深色模式电子邮件中显示在黑色背景上。

添加白色边框适用于深色和浅色模式,因为当背景变成白色时,边框会消失。

站点暗模式

来源:活动监视器

不要忘记测试

与所有电子邮件营销一样——尤其是在黑暗模式下——确保不要在没有运行大量测试的情况下发送你的活动。

请记住,电子邮件客户端和应用程序仍未找到理想的暗模式策略,因此预计标准和 CSS 样式会更改几次。

另外,暗模式电子邮件在每个人的客户端上看起来都不一样。 但是,在明暗模式下运行测试有助于让您的电子邮件在所有设备上都清晰易读。

包起来

确定一致的电子邮件设计已经是一个挑战,而暗模式电子邮件功能无济于事。 幸运的是,您可以了解您的订阅者使用哪些电子邮件客户端,并遵循一些最佳实践来使您的电子邮件看起来很棒。

  • 在纯黑色文本或徽标周围添加白色轮廓。

  • 为任何明亮的图像添加晕影或暗淡滤镜。

  • 尝试使用具有透明背景的图像、徽标和照片。

  • 避免将图像与背景颜色混合。

  • 运行大量测试。

想要改进您的设计并发送最好的电子邮件吗? 查看此终极指南,了解有效的电子邮件设计。