如何针对暗模式优化您的时事通讯设计
已发表: 2022-07-18如何针对暗模式优化您的时事通讯设计
电子邮件是营销活动的生命线。 没有营销人员会同意在没有电子邮件营销策略的情况下发起活动。 这并不是因为他们已经习惯了,或者他们不想创新。
但是因为它遵循了古老的说法“如果没有坏就不要修理”。 电子邮件营销或您的时事通讯可以为您带来您所能想象的最高投资回报率。 它适用于所有人群的消费者——老少皆宜。
很长一段时间以来,时事通讯营销的世界一直非常顺利。 但是,由于 4 年前开始使用的功能,出现了一个小问题。
是的,我们正在谈论暗模式。 但为什么现在很重要? 它已经存在了一段时间了? 如果您最近购买了智能手机,第一眼看到您的电子邮件收件箱就会让您感到“为什么电子邮件背景是黑色的”?
智能手机公司现在已经开始将暗模式设为默认模式,这意味着采用率(已经很高)只会增加更多。
所以现在是时候创建一个设计策略来优化你的暗模式时事通讯了。 这正是 Kimp 的博客将帮助您实现的目标。
但是,在此之前,有一点历史和对所有黑暗模式的快速回顾。
- 黑暗模式的演变和日益普及
- 但是什么是黑暗模式?
- 为什么突然对黑暗模式产生兴趣?
- 为什么要针对暗模式优化时事通讯的设计?
- 为暗模式优化简报设计的 7 种方法
- 1.选择正确的设计风格
- 2.根据标准选择颜色对比
- 3.构建调色板
- 4.字体选择
- 5. 更新暗模式工作的设计元素
- 6. 不要忘记你的插图
- 7.测试,测试,直到完美
- 使用 Kimp 设计与暗模式兼容的时事通讯
黑暗模式的演变和日益普及
在这个数字丰富的时代,互联网的最爱和我们所谓的健康救星仍然是新来的孩子。 甚至 TikTok 也比暗模式更老,这说明了一些问题。
如果您想了解整个黑暗模式激情情节的开始历史,那一切都始于 Apple 更新。 是的,Apple 是暗模式存在的原因。 Apple 在 2018 年 9 月发布第 15 个 macOS Mojave 系列时推出了深色模式。一年后,它在 Gmail 上可用于 Android 和 iOS 设备,包括 iOS Mail。
Outlook 的更新于 2019 年 6 月稍晚推出,其 Insider 频道的 1907 版成为第一个获得它的频道。 他们后来于 2020 年 6 月将其推广到所有产品。
但是什么是黑暗模式?
我们知道我们经常听到这个词,但并不是每个人都知道它到底是什么。
暗模式不仅仅是屏幕变黑的空白区域。 它本质上是一种将任何设计或屏幕的颜色反转以使背景变暗并将颜色、UI 元素、图标和其他设计更改为浅色元素的功能。
所以现在你知道这不仅仅是一个设计元素。 它本身就是一种完整的体验。
为什么突然对黑暗模式产生兴趣?
好吧,这种嗡嗡声已经建立了几年,但业界认为 COVID-19 大流行加速了它的增长。 如何?
好吧,我们的屏幕时间总是很荒谬,但是当外面正式关闭时,人们别无选择,只能在虚拟体验中找到慰藉。 这意味着要在跨设备的屏幕上花费很长时间。 最终,这导致了头痛、背痛和许多其他抱怨。
虽然大多数问题需要长期调整,但切换到暗模式可以帮助人们避免屏幕的强光、眩光以及由此对眼睛和神经系统造成的影响。
这也意味着黑暗模式不仅适用于移动屏幕,还将其存在扩展到台式机和其他智能设备,如 iPad 和平板电脑。
为什么要针对暗模式优化时事通讯的设计?
我们知道客户喜欢它。 几乎 92% 的 Android 用户和超过 80% 的 MacOS 用户更喜欢深色模式。 这一定是您查看时事通讯设计优化策略的主要原因。
但还有更多。
即使客户没有积极寻找暗模式。 正如我们所提到的,新的智能手机现在正在以这种模式作为默认模式交付产品。 许多应用程序和电子邮件客户端也将采取这一举措。
因此,当这成为默认设置时,如果您的设计不兼容,您将面临丢失有影响力的信息的风险。
暗模式不仅仅是颠倒黑白排列。 许多颜色不一样,一些图标看起来不一样,未经优化的设计也会影响可读性。
这就是为什么一项关于暗模式的调查显示,44% 的电子邮件营销人员正在考虑开发更暗的用户体验,其中 28% 的人希望尽快推出这一点。
您不想成为唯一提供低劣体验的人,是吗?
这可能会导致订阅者流失、投资回报率下降以及为时已晚的大量返工。
因此,从现在开始并保持领先地位。
为暗模式优化简报设计的 7 种方法
既然黑暗模式流行的原因已经出来,让我们来解决手头的问题。 使用暗模式并非易事。 您的许多设计指南和模板必须要么退出窗口,要么适应。
但是作为一家企业,跟踪您必须进行的所有更改可能会令人困惑。 你也不应该盲目相信设计师会告诉你什么。
因此,这里列出了您需要的更改和优化技术的精选列表,以确保您的时事通讯设计在暗模式下运行良好。 通过 Kimp 的这个博客,您将能够评论和欣赏您的团队提供的设计。
让我们开始吧。
1.选择正确的设计风格
如果您现在开始您的电子邮件营销之旅,那么您将拥有一个千载难逢的机会。 您可以对设计进行建模以使其与暗模式兼容。 通常,已经这样做了一段时间的品牌有许多限制,例如设计风格、强制性图像或品牌设计。
为了使您的暗模式优化成功,您需要颜色、图像、图标和其他元素来使用它。 但好消息是您可以随时更新它们。 虽然设计风格有点问题。
设计风格很重要,因为它决定了布局、元素组织和整体信息传递。
通常,深色模式的最佳设计风格是极简主义,因为它包含了丰富的空白空间。 这些设计在较暗的背景下看起来又大又拥挤,但简约的设计风格不会妨碍用户体验。
所以,尽量采用简约或兼容深色模式的设计风格。
Kimp Tip:简约的设计风格可能不是每个品牌的风格。 您之前可能有过基于复古或流行艺术的时事通讯设计。 切换很难,因此请与设计团队合作,看看如何将其调低以使其在暗模式下工作。
如果您想创建您的品牌独有的定制设计风格并从流行风格中汲取灵感,请立即尝试 Kimp Graphics!
2.根据标准选择颜色对比
较暗的背景对所有设计师来说都是一个挑战。 白色或浅色背景让您可以探索不同的颜色、玩转对比,并以非常小的限制处理不同的对齐方式。
但暗模式完全不同。 较暗的背景使识别某些颜色变得更加困难,并极大地影响了可读性。 因此,无论您选择哪种颜色(下一节将详细介绍),对比度都起着重要作用。 这决定了电子邮件设计在暗模式下是否成功。
Google Material Design 建议背景与文本之间的对比度至少为 15.8:1。 这适用于白色文本和黑色背景,表明白色在深灰色背景上效果最佳。
但是,经验法则是调整颜色的亮度和饱和度有助于提高可读性。 因此,请考虑对比度并确保尽可能防止视觉振动。
Kimp 提示:当您想在暗模式下工作时,颜色可能会令人困惑。 如果您想确保您的设计师获得正确的颜色,请在深色模式下预览和查看设计。 不要将浅色模式的颜色与深色模式的颜色进行比较,因为可能无法实现完全匹配。
3.构建调色板
我们认为前面关于对比的观点让您了解为黑暗模式设计选择正确颜色的重要性。 颜色会根据背景而有所不同,尤其是在您为 Web 设计时。
RGB 模式中的颜色根据每种颜色(红色、绿色和蓝色)的百分比来获得阴影。 设计师必须为黑色背景添加的百分比与白色背景的百分比会有所不同。 这意味着您现有的调色板不适用于深色模式。
这就是为什么我们建议构建一个最适合您在深色模式下的时事通讯设计的调色板。 这样,您可以保持品牌一致性,而不必多次担心这一点。
什么颜色在黑暗模式下有效?
好吧,作为一项规则,太饱和的颜色与深黑色背景发生冲突,使眼睛非常费劲。 因此,您可以选择柔和的颜色来更好地与深色背景形成对比,而不是选择大胆的颜色。 由于它们也会看起来更暗,因此设计风格不会发生太大变化。
说到背景,没有必要只选择深黑色。 您也可以尝试使用深灰色,只要其他颜色与之搭配即可。
Kimp 提示:如果您确实打算改变颜色以使其更适合深色模式,请不要立即进行太多更改。 在一些交易和日常电子邮件中测试一些模式。 在进行切换之前分析点击率、阅读时间等方面的影响。
此外,不要忘记颜色反转过程因电子邮件客户端而异,因此请确保您的设计团队分别为每个平台进行设计。
使用 Kimp Graphics 无限设计服务订阅,试验不会花费您任何额外费用。
4.字体选择
每个设计都有三个主要元素——颜色、字体和图像。 我们涵盖了颜色,所以现在让我们继续讨论字体。
设计师对暗模式最大的不满是它在很大程度上影响了可读性。 而影响最大的通常是文本。 深色背景上的白色文本使字体看起来更粗更大。 这导致了非常不和谐和拥挤的设计布局。
这就是为什么我们建议在每个人所做的常规更改之外详细规划暗模式。
因此,在字体选择方面,我们建议选择较轻的字体粗细,以便在深色模式下获得恰到好处的粗体。 这样,整体设计风格不会受到太大影响。
Kimp 提示:如果您觉得您通常使用的较轻字体版本不适用于您的品牌设计,那么我们建议您创建自定义字体。 是的,通过这种方式,您可以从以前的字体中汲取灵感,但可以对其进行修改以适合您的品牌和设计表达方式。
通过深思熟虑的暗模式设计和自定义字体避免视觉振动。 立即注册 Kimp Graphics 订阅以获取此内容!
5. 更新暗模式工作的设计元素
我们已经介绍了颜色和字体,但通讯设计也有许多其他元素。 这包括图标、徽标、品牌名称、图像等。 这些也必须在暗模式下很好地工作才能使设计成功。
现在,如果您查看我们下面的示例,您会看到深色背景的图标在深色模式下与浅色模式下的外观有何不同。 有时,当消费者在暗模式下查看电子邮件时,您的徽标也可能会消失。 因此,您的设计必须具有与此模式良好配合的元素。
你是怎样做的?
- 好吧,对于初学者来说,首先使用具有透明背景的 png 文件用于图标、徽标、品牌名称样式等。
- 如果元素本身具有深色背景或像 TikTok 徽标一样采用黑色,请考虑在黑色设计中添加白色笔触。 这增加了设计的重量并将其与背景分开。
- 一些时事通讯设计还具有叠加在背景图像上的文本。 如果您的文本是白色的,那么暗模式将反转为黑色。 所以选择一个不冲突的背景图像。 如果没有,请考虑在它们之间添加一层。
Kimp 提示:如果您是一家开始品牌设计的小型企业,请确保您的设计团队创建在暗模式下运行良好的资产。 并不是说,您不能有黑色徽标,但要确保它们为您提供 png 文件。
你可知道? 使用 Kimp Graphics,您拥有所有文件的完全所有权,我们跨格式共享设计,以便您充分利用它们。
6. 不要忘记你的插图
我们生活在一个平面设计已经远离库存图片甚至电子邮件中的照片的时代。 是的,插图和涂鸦是当前的趋势,而且有充分的理由。 他们以最好的方式展示您的品牌个性,您绝不能不惜一切代价放弃。
但由于品牌插图带有预设颜色,因此当您针对暗模式优化时事通讯时,它们确实会带来挑战。 但并非不可能做到。 如果您的品牌因品牌原因无法承受更改插图的颜色,专业的设计团队可以为您提供帮助。
他们可以将背景与前景插图分开并更改图层,以便设计在暗模式下运行良好。
如果您正在设计新插图,请确保在设计简介中包含暗模式兼容性。 并与设计团队合作,为插图挑选柔和和不饱和的颜色。
7.测试,测试,直到完美
优化暗模式时事通讯设计的最后也是最重要的一步是进行试验,直到你做对为止。 由于每个电子邮件客户端都以不同的方式呈现暗模式电子邮件,因此几乎不可能第一次就正确处理。 更不用说颜色因屏幕而异,用户体验也会有所不同。
但是,如果您致力于测试、分析和试验,那么您就走在了正确的道路上。
跨设备和暗/亮模式自行检查电子邮件。 了解颜色、字体和图像渲染如何变化。 回到绘图板或设计团队会议来解决问题。
使用 Kimp 设计与暗模式兼容的时事通讯
您为您的时事通讯活动感到自豪吗? 你喜欢每天为它创作内容吗? 我们很高兴知道这一点,您应该继续这样做。 不要被设计风格或趋势的变化吓倒。
Kimp 在这里为您处理所有这些。 是的,我们知道为深色模式找到完美的设计风格是一个漫长的过程,但我们与您同在。 我们无限的设计服务(Kimp Graphics 和 Kimp Video)专为这些场景而设计。 这样您就可以进行实验并获得最佳设计,而无需担心预算。
所以今天就注册我们的订阅并开始优化吧!