邮件服务正在更改电子邮件代码,以使设计适应深色主题。他们的算法如何工作尚不清楚。你只能观察实践中发生的情况并得出结论。
我们不断为 Google、Yandex、Mail、Yahoo、Outlook 365 工作(并调整电子邮件),并在这些电子邮件服务中确定了一些调整模式。
在本文中,我们将展示使用深色主题的示例以及最终如何创建在深色和浅色主题中精美显示的电子邮件的解决方案。
字母元素-透明背景上
文本、标题和徽标中的突出显示和描边
许多公司使用品牌字体。但大多数邮件程序不会渲染它们,而是用安全的网络字体替换它们,因此,这封信看起来与设计布局完全不同,并且可能会“散开”。
为了防止这种情况发生,我们用带有图片的 这些应用程序不仅仅是销售产品的平台 品牌文本剪切文本,但对于深色主题,我们需要使用轻描边。笔画的问题在于,有时它在经典主题中也可见。
解决方案:选择类似的标准字体而不是专有字体。这将使您不必在笔画上浪费时间,也不会冒轻主题设计的风险,因为文本会自动适应
一封电子邮件包含一个包含静态和动态部分的 GIF。为了使其在黑暗主题中看起来不错,我们使用了一种不寻常的方法来剪切图像。
我们将 gif 分为几个组成部分:静态线条和动画轮播。该线条被突出显示,并且 gif 被剪切在透明背景上。
彩色基材的光滑和波浪形边缘看起来很 ZNB 目录 漂亮,但在深色主题中会带来困难:基材必须切割成图片,但切割时它们总是呈矩形;无法用波浪切割它们。
因此,您需要用两个矩形进行剪切,但在深色主题中,图片的颜色会变为相反。结果看起来像中间的屏幕截图。
解决方案:将波浪设为半透明。因此它在深色背景下呈现出深色。
还可以做得更好:在块之间的文本下方放置一个半透明的背景图像,以便深色主题中的颜色完美匹配。但不幸的是,在紧迫的期限下,有时根本没有时间考虑更好的解决方案。
-
莱西亚布局设计师收件箱营销
“现在模具的情况相当模糊。 Yandex 移动应用程序。邮局已经“学会”识别代码中的空白,但到目前为止还不够成功——这种情况时不时地发生。
我认为,此类区块的最佳解决方案是为区块本身设置高度的透明度。如果字母本身的背景最初是白色的,那么这不会以任何方式影响它们的外观,但它将有助于解决黑暗主题问题。”
并收集解决方案
在黑暗主题中调整电子邮件的解决方案需要反复试验,只有测试才能帮助您找到最佳选择。请阅读我们关于在何处以及如何测试字母显示的文章。
根据测试结果,收集成功的解决方案并将其放在手边 – 这可以节省时间。以下是关于黑暗主题的一些最后提示。