為有效的電子郵件和登陸頁面選擇正確的顏色

已發表: 2014-08-28

顏色是強大的——它可以傳達情感、吸引註意力、設定情緒並發表聲明。 它還可以使您的電子郵件脫穎而出。 但更重要的是,正確的顏色組合可以確保您的在線營銷活動對所有類型的受眾都易於訪問和閱讀。 讓我們來看看顏色可以通過哪些不同方式來傳達您的信息,並研究一些視覺輔助功能的最佳實踐和在線工具。

彩盒 設定心情

顏色非常適合在您的電子郵件和登錄頁面中喚起整體感覺。 根據 The Logo Company 的說法,以下特徵通常與每種顏色相關聯:

  • 紅色:興奮、活力、大膽、浪漫
  • 綠色:和平、成長、健康、自然
  • 藍色:信任、可靠、力量、冷靜
  • 橙色:友善、開朗、自信、創造力
  • 黑色:力量、力量、精準
  • 白色:乾淨、簡單、容易

當然,顏色的含義會隨著時間而改變——直到 1940 年代,小男孩穿粉紅色,女孩不穿。 當您環遊世界時,影響也會發生變化。 如果您要面向全球受眾進行營銷,您需要記住,相同的顏色對不同的受眾可能具有不同的含義。 例如,紫色在日本是特權和財富的顏色,但在巴西,它通常是哀悼的顏色。 在中國,紅色代表吉祥和幸福; 在其他文化中,它可能意味著戰爭、危險或慾望。

組合顏色

在電子郵件和網頁設計中,顏色在引導讀者閱讀重要信息和號召性用語方面也起著重要作用。 太多的顏色會讓人分心。 顏色太少會使您的信息混亂或不那麼有趣。 顏色可以設置消息的整個層次結構。 當某物(如按鈕)顏色鮮豔並在背景中脫穎而出時,您的眼睛會自動首先被吸引。

電子郵件登陸頁面
這封電子郵件表達了一種節日氣氛,但並不華而不實。 登陸頁面也與電子郵件的整體設計和配色方案相匹配。

注意到這個匹配的電子郵件和登錄頁面中的其他顏色嗎? 顏色相當互補。 這意味著它們生活在色輪的相對兩側。 當你想找到兩種顏色在一起看起來很好(並且相互突出)時,互補色是一個很好的起點。 在此示例中,他們還使用了更鮮豔的紅色作為號召性用語 (CTA) 按鈕。

色輪上三種相鄰顏色的組合稱為類似配色方案。 黃色、黃綠色和綠色通常搭配在一起很好看,紅色、紅橙色和橙色也是如此。 您還可以使用單色配色方案,例如將黑色與灰色陰影或紅色與粉紅色相結合。 只需確保有足夠的對比度,這樣彩色背景上的任何文字都完全清晰可辨。

保持可讀性

在為有效的電子郵件選擇正確的顏色時,請務必記住,有視覺障礙的人可能難以瀏覽您的設計。 Color Universal Design (CUD) 是一種最初在日本開發的設計系統,旨在幫助設計師考慮具有各種顏色視覺的人。 通用色彩設計的核心原則是:

  • 結合實際照明條件和使用環境,選擇具有各種色覺的人都能輕鬆識別的配色方案。
  • 不僅使用不同的顏色,還使用不同形狀、位置、線條類型和著色模式的組合,以多種方式向所有用戶(包括無法區分顏色差異的用戶)傳達信息。
  • 明確說明顏色名稱,希望用戶在交流中使用顏色名稱。
  • 以視覺友好和美觀的設計為目標。

大約 8% 的男性和 1% 的女性患有某種形式的色盲,這意味著使用高對比度元素始終是個好主意。 Adobe Photoshop 支持 CUD 及其軟打樣功能——它們可以幫助設計師了解圖像對於不同類型色盲的人來說可能是什麼樣子。

您還可以使用像色盲模擬器這樣的在線工具來查看圖形在色盲人士眼中的樣子。

以下是 Act-On 標誌如何解釋三種主要類型的視力障礙。

紅色盲標誌
紅色盲:無法看到紅色或無法將其與綠色或藍綠色區分開來。

綠色盲標誌
綠色盲:無法看到綠色或將其與紅色區分開來。

Tritanopia-act-on-logo 標誌
藍色盲:無法區分藍色和黃色、藍色和綠色以及黃色和紫色。

使用可訪問性色輪之類的工具來測試您對顏色對的選擇(例如,背景上的文本)。 它可以幫助您了解該組合對於不同類型的色盲有何影響,以及亮度和對比度與萬維網聯盟 (W3C) 定義的標準相比如何。 您將在 W3C 網站上找到更多指南和資源,以幫助殘障人士訪問互聯網。

反映您的品牌

在設計電子郵件消息和登錄頁面時,不斷強化您的品牌也很重要。 請記住您的整體品牌調色板,如果您不同於傳統的外觀和感覺,請以您的觀眾仍然可以識別的方式進行。 您在電子郵件活動中使用的顏色和設計元素不必完全匹配或反映您的品牌,但它們應該反映您的整體風格和基調。 這種一致性有助於在讀者心中建立信心。

加拿大國旗
哦,加拿大。 你在人群中脫穎而出。

例如,在為有關加拿大新反垃圾郵件立法的 Act-On 網絡研討會創建電子郵件和登錄頁面時,將加拿大國旗融入設計中是非常誘人的。 畢竟,紅色是一種強大的顏色,沒有什麼比猩紅色的楓葉更能代表加拿大了。

但相反,我們在電子郵件中使用了可以強化我們品牌標識的顏色和設計元素,並將它們也帶到了著陸頁。 這樣,我們的讀者就可以放心,這本身並不是某種垃圾郵件。

在電子郵件著陸頁上採取行動
但最重要的顏色考慮因素是:什麼適合您的觀眾? 您是否在電子郵件活動中測試過各種不同的顏色組合? 您是否嘗試過不同的按鈕顏色選項? 您是否對著陸頁進行了 A/B 測試? 測試是發現與您的客戶和潛在客戶產生共鳴的最佳方式——結果將不言自明。

剛剛開始電子郵件營銷? 使用這個免費的工具包開始吧:

電子郵件營銷工具包入門