如何針對暗模式優化您的時事通訊設計

電子郵件是營銷活動的生命線。 沒有營銷人員會同意在沒有電子郵件營銷策略的情況下發起活動。 這並不是因為他們已經習慣了，或者他們不想創新。

但是因為它遵循了古老的說法“如果沒有壞就不要修理”。 電子郵件營銷或您的時事通訊可以為您帶來您所能想像的最高投資回報率。 它適用於所有人群的消費者——老少皆宜。

很長一段時間以來，時事通訊營銷的世界一直非常順利。 但是，由於 4 年前開始使用的功能，出現了一個小問題。

是的，我們正在談論暗模式。 但為什麼現在很重要？ 它已經存在了一段時間了？ 如果您最近購買了智能手機，第一眼看到您的電子郵件收件箱就會讓您感到“為什麼電子郵件背景是黑色的”？

智能手機公司現在已經開始將暗模式設為默認模式，這意味著採用率（已經很高）只會增加更多。

所以現在是時候創建一個設計策略來優化你的暗模式時事通訊了。 這正是 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）專為這些場景而設計。 這樣您就可以進行實驗並獲得最佳設計，而無需擔心預算。

所以今天就註冊我們的訂閱並開始優化吧！