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

已發表: 2021-08-18

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

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

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

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

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

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

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

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

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

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

Bright Screens 數碼視覺疲勞

資料來源:Weekdone

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

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

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

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

資料來源:Facebook、Reddit

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

微軟博客暗模式

來源:微軟博客

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

1.沒有顏色變化

首先,我們使用獨特的 HTML 呈現電子郵件,而電子郵件客戶端保留了暗模式主題。

在桌面版 Gmail 的情況下,電子郵件的內容不會發生一點變化 - 只有 Gmail 主題切換為深色。

這是 Gmail 桌面應用程序中的樣子。

Gmail 深色模式

Gmail 深色模式

來源:Gmail

對於 Apple 來說,純文本電子郵件似乎會觸發從亮模式到暗模式的切換——但不是 HTML 電子郵件。

2.部分黑暗模式

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

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

暗模式設計

資料來源:石蕊

3.全倒暗模式

最後,全暗模式針對每封電子郵件——不管它是如何設計的——並完全反轉 CSS。

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

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

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

為暗模式電子郵件設計

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

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

如果暗模式反轉顏色,那可能會破壞深思熟慮的設計。

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

部分暗模式設計

來源:中

淺色模式下的亮黃色在深色模式下變為棕色。 同時,由於電子郵件背景顏色變深,三星圖像中的青色背景在深色模式下顯得尤為突出。

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

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

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

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

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

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

社交媒體圖標暗模式

來源:活動監視器

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

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

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

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

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

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

站點暗模式

來源:活動監視器

不要忘記測試

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

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

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

包起來

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

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

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

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

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

  • 運行大量測試。

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