iOS 13、黑暗模式和 Apple 的新 iPhone:这是电子邮件营销人员必须知道的
已发表: 2019-09-20今天,数以千计的 iPhone 粉丝将前往 Apple Store 零售店领取他们全新的 iPhone。 此外,在接下来的几天内,更多人会将他们的手机更新到 iOS 13(Apple 的最新移动操作系统)。 如果您的订阅者也在其中,这会影响您的电子邮件的外观吗?
虽然新 iPhone 的屏幕尺寸和分辨率保持不变(这对电子邮件营销人员来说是个好消息!),但您必须注意一件事:在 iOS 13 中,Apple 为其手机引入了暗模式,包括本机 iOS 邮件应用程序——这可能会影响您的电子邮件向客户显示的方式。
为什么你应该关注 Apple 更新
由于27% 的电子邮件是在 Apple 的 iPhone 上阅读的,因此 Apple 手机、移动操作系统及其电子邮件呈现方式的变化会对电子邮件营销领域产生重大影响。 如果您的受众看起来与全球平均水平相似,并且您看到很多订阅者在 iPhone 上打开您的电子邮件,则您必须确保您的电子邮件在这种阅读环境中看起来很棒并且表现出色。
不想在全新的 iPhone 测试设备上花费数千美元? 你不必。 我们很高兴地与大家分享,Litmus 现已提供适用于最新 iPhone 上的 iOS 13 的电子邮件预览。
![]() | 您的电子邮件在 iOS 13 中的外观如何?了解 iOS13 如何使用 iPhone 11 的 Litmus 电子邮件预览呈现您的电子邮件。 了解更多 → |
新 iPhone 的屏幕尺寸和分辨率
苹果 9 月份发布了三款新 iPhone:iPhone 11、iPhone 11 Pro 和 iPhone 11 Pro Max。
iPhone 11 的屏幕尺寸为 6.1 英寸,iPhone 11 Pro 的屏幕尺寸为 5.8 英寸,iPhone 11 Pro Max 的屏幕尺寸为 6.5 英寸,新 iPhone 的尺寸与其前辈(iPhone XR、XS 和 XS Max)相同. 分辨率、像素密度和像素密度比也相同。
iPhone 11
iPhone 11 | iPhone XR | |
屏幕尺寸 | 6.1 英寸 | 6.1 英寸 |
解析度 | 1,792 x 828 | 1,792 x 828 |
像素密度 | 326ppi | 326ppi |
像素密度比 | 2 | 2 |
iPhone 11 专业版
iPhone 11 专业版 | iPhone XS | |
屏幕尺寸 | 5.8 英寸 | 5.8 英寸 |
解析度 | 2,436 x 1,125 | 2,436 x 1,125 |
像素密度 | 458ppi | 458ppi |
像素密度比 | 3 | 3 |
iPhone 11 专业版
iPhone 11 专业版 | iPhone XS Max | |
屏幕尺寸 | 6.5 英寸 | 6.5 英寸 |
解析度 | 2,688 x 1,242 | 2,688 x 1,242 |
像素密度 ![]() | 458ppi | 458ppi |
像素密度比 | 3 | 3 |
设备尺寸没有变化对电子邮件营销人员和设计师来说是个好消息。 如果您过去曾使用特定的媒体查询来定位 Apple 的每部 iPhone,那么这些方法也适用于 Apple 的最新型号。
如果您不针对特定尺寸而是使用断点来触发响应式样式,则您也无需进行任何更改,因为该断点与之前的iPhone 型号相同:414px。 将媒体查询设置为max-device-width: 414px将确保响应式样式显示在所有三款新 iPhone 机型上。
@media screen and (max-device-width: 414px) { /* Insert styles here*/ }深色模式即将登陆 Apple 的 iPhone
去年,Apple将深色模式引入其桌面操作系统,允许 MacOS Mojave 的用户将所有窗口、视图、菜单和控件切换到较暗的调色板,使界面更适合在低光环境或夜晚。
在 iOS 13 中,这项流行的功能也将出现在 Apple 的 iPhone 上。 让我们看看这可能会如何影响您的电子邮件。

如何在 iOS 13 的深色模式下呈现电子邮件
好消息是:与 MacOS 的暗模式类似,Apple iPhone 上的新暗模式默认不会影响 HTML 电子邮件。 暗模式仅适用于个人和纯文本电子邮件。 即使您没有在 HTML 电子邮件中定义背景颜色,背景仍会呈现为白色。 因此,您不必担心暗模式会干扰您的代码或开箱即用的常规 HTML 电子邮件的渲染体验。

但是,对于在深色模式下阅读电子邮件的订阅者来说,明亮的电子邮件背景可能会产生非常刺耳的体验。 让你的屏幕从黑暗的收件箱视图切换到一个非常明亮的电子邮件(反之亦然)会让眼睛筋疲力尽,并且不会为订阅者带来很好的阅读体验。
那么你能做些什么来改善阅读体验呢? 使用 MacOS 上的暗模式,电子邮件设计人员和开发人员没有机会专门针对暗模式。 相反,他们所能做的就是选择在明亮和黑暗视图中都能很好地工作的颜色选择。
但是,在 iOS 13 中,电子邮件开发人员能够针对暗模式,并为在暗模式下打开的订阅者提供自定义体验。
如何在 iOS 13 上定位暗模式
正如电子邮件极客Thomas Steiner在今年夏天玩 iOS 13 测试版时注意到的那样,Apple 引入了一个全新的媒体查询,允许您专门针对设置为暗模式的电子邮件客户端。
我们的实验还表明,在 iOS 上定位暗模式非常简单:
@media (prefers-color-scheme: dark) { /*Insert all your dark mode classes here, as you would insert mobile responsive classes./ /* Remember to use !important to override inline styles */ }使用此媒体查询,您可以设置仅在您的电子邮件在设置为暗模式的客户端中打开时应用的自定义样式。 这意味着您可以为在深色模式下打开的订阅者使用不同的背景颜色、字体颜色甚至图像。
想看看它的实际效果吗?
这是我们最近针对 iOS 13 暗模式优化的网络研讨会电子邮件之一:
在 iOS 13 深色模式下打开时,电子邮件将使用深色背景显示。 另外,为了确保您仍然可以在深色背景上看到 Litmus 徽标,我们已将此电子邮件设置为使用不同版本的徽标(使用白色字体的版本),以确保它在暗模式下可读且看起来很棒. 您可以在此处查看完整的电子邮件代码。
立即开始在 iOS 13 中测试您的电子邮件
适用于 iPhone 11 的 Litmus 电子邮件预览在您的 Litmus 帐户中可用,因此您可以立即开始测试。 还不是 Litmus 客户? 立即开始使用 Litmus。


