51黑料不打烊

[Beta 版]{class="badge informative"}

管理深色模式内容 dark-mode

设计电子邮件时，Journey Optimizer 电子邮件顿别蝉颈驳苍别谤允许您切换到? 深色模式 ?视图。

在此深色模式视图中，您还可以定义特定的自定义设置，支持此功能的电子邮件客户端在其深色模式打开时将显示这些设置。

什么是深色模式？ what-is-dark-mode

在各种电子邮件客户端中呈现深色模式的方式比较复杂。 让我们先定义深色模式。

深色模式允许支持此功能的电子邮件客户端和应用程序为文本、按钮和其他UI元素显示具有更暗背景和更浅颜色的电子邮件。 它可减少眼睛疲劳、节省电池续航时间，并改善在弱光环境中的可读性，以获得更舒适的观看体验。

作为主要操作系统和应用程序中的一种增长趋势，它已成为现代电子邮件设计中的一个重要考虑因素，以确保内容清晰易读，并且对所有用户都具有吸引力。

护栏 guardrails

必须谨慎考虑暗模式渲染的期望，因为不同的电子邮件客户端应用暗模式的方式可能大不相同。

在Journey Optimizer电子邮件顿别蝉颈驳苍别谤中使用深色模式之前，了解主要电子邮件客户端如何处理该模式至关重要。 有三种情况可以区分：

客户端不支持深色模式 not-supporting

某些电子邮件客户端根本不支持此功能，例如：

无论您是否在Email Designer中定义深色模式自定义设置，这些电子邮件客户端都不会显示任何深色模式渲染。

客户端应用自己的深色模式 default-support

某些电子邮件客户端会系统地将其自己的默认深色模式应用于收到的所有电子邮件。 颜色、背景、图像等 使用特定于电子邮件客户端的深色模式设置自动进行调整，这意味着无法进行外部修改。

例如，这些客户端包括：

在这种情况下，如果您在电子邮件顿别蝉颈驳苍别谤中定义自定义深色模式设置，则电子邮件客户端设置会覆盖这些设置。

请务必了解一点，这些电子邮件客户端确实可以处理深色模式，但不会呈现您特定的深色模式设计。

支持自定义深色模式的客户端 custom-support

其他电子邮件客户端提供了使用@media (prefers-color-scheme: dark)查询呈现自定义深色模式的选项，该查询是Journey Optimizer电子邮件顿别蝉颈驳苍别谤使用的方法。

以下是处理此选项的主要客户端列表：

在这种情况下，应显示您在电子邮件顿别蝉颈驳苍别谤中定义的特定设置。

但是，可能会根据每个电子邮件客户端应用某些限制。 例如，如果电子邮件内容中存在图像，则某些客户端(例如Apple Mail 16 (macOs 13))将不会生成深色模式。

为了获得最佳结果，请使用您定位的电子邮件客户端测试您的内容。 若要查看与每个客户端的最终结果尽可能接近的模拟，请使用Email Designer中的电子邮件渲染选项。

电子邮件设计器中的深色模式 dark-mode-email-designer

在Email Designer中，当涉及到深色模式时，需要考虑两个方面：

预览默认深色模式 preview-dark-mode

要在Email Designer中访问深色模式并预览默认深色模式设置，请执行以下步骤。

默认情况下， Email Designer深色模式预览会将“全色反色”配色方案应用于除图像和图标之外的所有元素。

这意味着它可以检测包含亮元素和暗元素的区域，并将它们反转，这样浅色背景变为深色，深色文本变为浅色，而深色背景变为浅色，浅色文本变为深色。

定义自定义深色模式 define-custom-dark-mode

切换到? 深色模式 ?后，您可以选择编辑内容的特定样式元素，这些样式元素仅在收件人的电子邮件客户端中启用深色模式时才会显示，前提是它支持该功能。

为了利用Email Designer自定义深色模式样式，Journey Optimizer使用 @media (prefers-color-scheme: dark) 颁厂厂查询，可检测用户的电子邮件客户端是否设置为深色模式，并应用电子邮件中定义的深色主题设计。

要定义自定义深色模式设置，请执行以下步骤。

最佳实践 best-practices

随着主要电子邮件客户端采用深色模式的次数增加，必须考虑您的电子邮件在浅色和深色环境中的呈现方式 — 无论您是否使用自定义深色模式。

深色模式可以改变颜色、背景和图像 — 有时会覆盖设计选择。 要确保可视一致性、可访问性和品牌完整性，请遵循下面列出的最佳实践。

优化您的图像和徽标

观看您的背景

在深色模式下设计可访问的内容

在深色模式环境中测试电子邮件