所有營銷人員需要了解的有關暗模式電子郵件的信息

已發表: 2022-06-29

如今,甚至應用程序也在利用哥特趨勢。

更嚴重的是,我們正在談論暗模式。 操作系統一直提供反轉配色方案,但暗模式電子郵件和應用程序略有不同。

雖然許多用戶對暗模式感到興奮,但它卻讓電子郵件營銷人員有些頭疼。

毫無疑問,您已經註意到每個電子郵件客戶端可以以不同的方式顯示相同的廣告系列。 好吧,暗模式的引入為等式增加了一層。

在這篇文章中,我們將介紹一些您在優化暗模式的電子郵件活動之前需要了解的基礎知識。

什麼是暗模式,人們為什麼要使用它?

多年來,操作系統和應用程序默認顯示具有白色背景和黑色文本的內容。 出於我們的目的,我們將其稱為“輕模式”。

輕量模式仍然是大多數應用程序和系統的默認選項,但它已不再受到許多精明的互聯網用戶的青睞——尤其是那些大部分時間都在網上度過的用戶。

新數據顯示,普通人每週上網時間超過 44 小時。 對於很多人來說,在電腦或筆記本電腦上呆上六個小時不算什麼。

好吧,事實證明整天盯著屏幕對我們的眼睛不利。 過多的屏幕時間——無論是電視、手機還是筆記本電腦——都會導致眼睛疲勞。

Bright Screens 數碼眼疲勞

資料來源:週末

有害的不僅僅是亮度。 白色屏幕發出的藍光會阻止您的身體產生褪黑激素,這會影響您的晝夜節律和睡眠週期。 考慮到多達一半的美國人患有慢性或急性失眠症,我們都可以改善睡眠衛生。

許多手機和操作系統現在允許您切換到較暖的色調以減少藍光或在每天特定時間後自動打開藍光過濾器。

暗模式電子郵件和應用程序提供了不同的選擇。 無需調整白色色調,您只需將整個主題更改為黑色或深灰色,它將消除有害的藍光 - 很容易。

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 暗模式計算機的屏幕截圖 自動生成的描述

資料來源:臉書、Reddit

在一個完美的世界中,暗模式電子郵件看起來與 Microsoft 博客中的這張圖完全一樣。

微軟博客黑暗模式

來源:微軟博客

這是關於暗模式電子郵件的事情:電子郵件客戶端尚未選擇要使用的特定版本。 似乎我們在不同的電子郵件客戶端中看到了三種特定類型的暗模式。

1.沒有顏色變化

首先,我們使用其獨特的 HTML 渲染電子郵件,而電子郵件客戶端保留了深色模式主題。

在桌面版 Gmail 的情況下,電子郵件的內容不會發生任何變化——只有 Gmail 主題會變為深色。

這是 Gmail 桌面應用程序中的外觀。

Gmail 深色模式

Gmail 深色模式

來源:Gmail

對於 Apple 來說,純文本電子郵件似乎觸發了從淺色模式到深色模式的切換——而不是 HTML 電子郵件。

2.部分暗模式

使用部分深色模式電子郵件,客戶端識別淺色背景並自動將其切換為深色(同時將深色文本切換為淺色)。

在這種情況下,如果訂閱者打開了深色模式,則設計具有深色背景的電子郵件活動不會改變。

深色模式設計

資料來源:石蕊

3.全倒暗模式

最後,全暗模式以每封電子郵件為目標——不管它是如何設計的——並且完全反轉了 CSS。

這意味著如果您將電子郵件設計為具有黑色背景的暗模式,電子郵件客戶端會將其切換回白色。

這是許多使用的暗模式版本。

Gmail 和 Outlook 等熱門客戶端也不允許您針對暗模式用戶。 希望隨著電子郵件開發人員開始適應,電子郵件客戶端將更改他們的代碼以找到適合每個人的暗模式。

為暗模式電子郵件設計

要記住的最重要的設計元素是背景顏色將切換為黑色。

設計師通常會選擇具有部分白色元素的圖像與屏幕背景融合。 其他時候,設計師會創建具有特定顏色的圖像,並使用相同的顏色作為背景,以使其看起來無縫。

如果深色模式會反轉顏色,那可能會破壞周到的設計。

看看這封電子郵件中的顏色如何變化如此輕微。

部分暗模式設計

來源:中

亮模式下的亮黃色在暗模式下切換為棕色。 同時,三星圖像中的藍綠色背景在深色模式下很突出,因為電子郵件背景顏色變得更暗。

為暗模式電子郵件創建圖像

盡可能多地使用具有透明背景的圖像是一個聰明的主意。

當您無法控制背景顏色時,您會希望照片和徽標保持乾淨。 因此,透明度是要走的路。

同樣,大多數設計師使用邊緣有白色飾邊的標誌和圖片。 通常,這不是問題,因為修剪會融入電子郵件的白色背景。

然而,在黑暗模式下,這種裝飾很突出。 這通常不是一個大缺陷,但它會使您的電子郵件看起來有點混亂。

看到這些社交媒體圖標的區別了嗎?

社交媒體圖標暗模式

資料來源:活動監視器

在黑暗模式下可能會感到刺眼的任何明亮圖像上添加調光濾鏡也是值得的。

優化暗模式電子郵件的文本

許多品牌使用純黑色標誌。 當您添加透明背景並將徽標放在黑色背景上時,這會使您的徽標不可見。

幸運的是,只需稍加規劃,即可輕鬆解決。

如果您正在處理純黑色的徽標或標題,請添加白色邊框,以便在深色模式電子郵件中跨黑色背景顯示。

添加白色邊框適用於深色和淺色模式,因為當背景變為白色時邊框會消失。

站點點暗模式

資料來源:活動監視器

不要忘記測試

與所有電子郵件營銷一樣——尤其是在暗模式下——確保不要在沒有運行大量測試的情況下發送你的營銷活動。

請記住,電子郵件客戶端和應用程序還沒有找到理想的暗模式策略,因此預計標準和 CSS 樣式會更改幾次。

此外,每個客戶的暗模式電子郵件看起來都不同。 但是,在明暗模式下運行測試有助於讓您的電子郵件在每台設備上都清晰易讀。

包起來

確定一致的電子郵件設計已經是一個挑戰,而暗模式電子郵件功能也無濟於事。 幸運的是,您可以了解訂閱者使用哪些電子郵件客戶端,並遵循一些最佳實踐來使您的電子郵件看起來很棒。

  • 在純黑色文本或徽標周圍添加白色輪廓。

  • 為任何明亮的圖像添加暈影或暗色濾鏡。

  • 嘗試使用具有透明背景的圖像、徽標和照片。

  • 避免將圖像與背景顏色混合。

  • 運行大量測試。

想要改進您的設計並發送您最好的電子郵件嗎? 查看此終極指南,了解有效的電子郵件設計。