從 Gmail、Outlook 和 Apple Mail 等平台上的介面到電子郵件顯示,深色模式徹底改變了數位世界。這種轉變並非純粹是出於美感目的;它很實用,旨在讓事物更容易查看、閱讀並節省電池。在本文中,我們將探討多個電子郵件平台(包括 Gmail 和 Outlook)上電子郵件的暗模式優化的所有細節,以及設計技巧和電子郵件行銷社群的建議。
什麼是暗模式?
深色模式是深色背景與淺色文字相結合的模式,可緩解眼睛疲勞,打造現代優雅的外觀。現在它在設備和應用程式中廣泛使用——作業系統和個人應用程式現在都有深色模式選項。
深色模式給電子郵件行銷人員帶來了新的挑戰。它會改變電子郵件的視覺外觀,可能會影響品牌顏色、照片和文字的可讀性。讓電子郵件在深色模式下看起來不錯需要仔細考慮的設計決策和技術修復。
為什麼深色模式對於電子郵件行銷很重要
隨著越來越多的人選擇深色模式,電子郵件行銷人員了解深色模式至關重要。 Gmail、Outlook 和 Apple Mail 等大型電子郵件用戶端使用深色模式,為它們自訂電子郵件有助於提高 英國電子郵件清單 100000 聯絡人線索、參與度和可讀性。不要忘記使用 GlockApps 檢查電子郵件的送達率!
測試您的交付能力
這就是為什麼電子郵件行銷中的黑暗模式很重要:
使用者偏好:許多使用者喜歡深色模式,以減少眼睛疲勞和美學偏好。
增強可讀性:深色背景上的淺色文字可以減少眩光並提高可讀性,特別是在低光源環境中。
電池效率:深色模式對於配備 OLED 螢幕的裝置特別有利,因為深色像素消耗的電量較少。
不同的電子郵件用戶端如何處理深色模式
不同的電子郵件用戶端應用深色 模式的方式不同,因此電子郵件在每個電子郵件用戶端上的外觀可能會有所不同。以下是處理暗模式的 Gmail 和 Outlook 等熱門用戶端的細分。
Gmail 深色模式
當使用者在其裝置上或 Gmail 應用程式中啟用深色模式時,Gmail 的深色模式會自動套用。但是,Gmail 可能會反轉某些顏色,這可能會導致品牌標誌和圖像出現意外的顏色變化。
主要特點:
顏色反轉:Gmail 在許多情況下會反轉背景和文字顏色。
自動調整:Gmail 的深色模式普遍適用,除非使用特定程式碼來覆寫它。
Outlook 深色模式
Outlook 的深色模式為使用者提供了啟用深色介面的選項,同時允許電子郵件保留對其外觀的部分控制。 Outlook 有時會反轉背景顏色,但處理影像和文字的一致性比 Gmail 更一致。
主要特點:
部分反轉:Outlook 不會那麼積極地反轉顏色,但測試仍然很重要。
相容性:Outlook 中的深色模式與網頁版和桌面版相容。
蘋果郵件深色模式
Apple Mail 整體上與深色模式更加一致 使用專案管理軟體工具優化專 它應用的配色方案沒有太多反轉。但在編寫電子郵件時必須考慮到 Apple 的顏色變化,因為圖像和文字仍然會發生變化。
主要特點:
細微調整:Apple Mail 不會大幅反轉顏色,從而保持了設計的完整性。
高採用率:Apple Mail 用戶是深色模式的早期採用者之一,因此優先考慮。
如何為 Gmail、Outlook 和 Apple Mail 啟用深色模式
Gmail 上的深色模式
1. 在瀏覽器中開啟 Gmail:
前往Gmail.com並登入您的帳戶。
2. 存取 Gmail 設定:點選右上角的「設定」圖示(齒輪圖示)。
3. 進入主題:
在設定選單中,按一下主題。
在“主題”部分中,向下捲動以查找並選擇“深色主題”選項。
4. 儲存變更:
選擇深色主題後,按一下“儲存”以套用變更。
Outlook 上的深色模式
1. 開啟 Outlook 網頁版:
開啟 Web 瀏覽器並前往登入您的帳戶
2. 存取設定:
在螢幕的右上角,您將看到「設定」圖示(齒輪圖示)。
按一下「設定」圖示可開啟快速設定側邊欄。
3.啟用深色模式:
轉到常規>外觀。
在快速設定側欄中,您將看到一個標記為「深色模式」的選項。
4. 儲存您的設定:
啟用深色模式後,設定會自動儲存,因此您可以退出設定側邊欄。
Apple Mail 上的深色模式
1. 開啟系統設定:
轉到螢幕左上角的 Apple 選單(小蘋果標誌)。
選擇系統設定(或較舊的 macOS 版本上的“系統偏好設定”)。
2. 選擇外觀:在系統設定中,按一下外觀。
3.選擇深色模式:
在“外觀”下,選擇“深色”。
這會將整個系統外觀變更為深色模式,包括 Apple Mail。
深色模式設計 5 個關鍵技巧
為深色模式設計電子郵件涉及 銷售數 識別和可讀性之間的平衡。以下是建立有效的暗模式電子郵件的一些策略:
1.避免純黑色背景。
純黑色 (#000000) 背景可能會讓人不知所措,因此您應該使用深灰色 (#121212) 來創造更柔和的效果。深灰色背景提供了更好的對比度以提高可讀性,而沒有純黑色的明顯粗糙感。
2.優化Logo和影像。
具有透明背景的影像在深色模式下看起來可能不一致。例如,黑色徽標可能會在黑色背景上消失。使用帶有白色或淺色輪廓的徽標,或專門為深色模式創建版本,以確保品牌知名度。
3. 調整字體顏色以提高可讀性。
在深色模式下,白色或淺灰色等較淺的字體顏色可提高可讀性。但是,避免太亮的顏色,因為它們會使眼睛疲勞。為獲得最佳效果,請對淺色文字使用 #ffffff 或 #dddddd。
4. 謹慎使用漸層。
漸變可以增加深度,但在黑暗模式下需要小心。它們在暗模式電子郵件用戶端中的顯示可能有所不同,因此請測試您的漸層以確保它們在跨平台上保持視覺吸引力。
5. 實現深色模式特定的 CSS。
利用 CSS 控制電子郵件在深色模式下的呈現方式。 CSS 媒體查詢可讓您偵測深色模式何時處於活動狀態並相應地調整顏色。