首頁?>?知識?資訊?>?設(shè)計頁面,不可忽律色盲對顏色的敏感度?>?正文

設(shè)計頁面,不可忽律色盲對顏色的敏感度

2020/12/10 0:14:17 · 稿源:傳誠信

世界上近5%的人口是色盲。使用Outlook.com或Yahoo!的人數(shù)大致相同?郵件。盡管數(shù)量眾多,但營銷人員很少會問選擇正確的配色方案的問題。為了顯示有色覺缺陷的人如何看待電子郵件新聞,我們通過色盲人的眼神展示了不同的電子郵件模型。在這里,您還將找到有關(guān)創(chuàng)建可訪問的電子郵件通訊的一些實用技巧。

色盲有多普遍?

image.png

您能找出這六種平板電腦上的數(shù)字嗎?如果是這樣,那么您很幸運!根據(jù)Ishihara測試(日本診斷測試),您不是270萬色盲患者之一。但這是地球總?cè)丝诘?.5%。色盲的類型不同?;加羞@種疾病的人中有99%仍能分辨出一些顏色。完全色盲(也稱為單色)非常罕見。色盲最常見的紅綠色類型,也稱為盲目?;加羞@種疾病的人不會感知紅色光譜的顏色。

開頭出現(xiàn)的數(shù)字應該使您在電子郵件時事通訊設(shè)計上更加小心。如果您的目標受眾是男性,這一點尤其重要,因為8%(十二分之一)是色盲的。婦女不太容易患這種疾?。?00人中只有1人。

順便說一下,這是Facebook為什么是藍色的原因-社交網(wǎng)絡的創(chuàng)始人馬克·扎克伯格(Mark Zuckerberg)就是色盲。因此,他認為藍色最好。

色盲人士如何看待電子郵件

設(shè)計適合所有人的電子郵件并不意味著取消配色方案。您只需要特別注意要突出顯示的字母的那些區(qū)域。讓我們看一下使用色盲模擬器制作的電子郵件通訊。這是色盲人看到彩色電子郵件的方式:

image.png

唯一的區(qū)別是用紅色突出顯示的區(qū)域看起來不那么亮。右邊的示例是一個示例,該示例顯示了一種較罕見的色盲患者-偏盲患者如何看待:

image.png

同樣,盡管文本可讀性強,但對比度卻丟失了。這在粉紅色文本中尤其明顯。這些是選擇電子郵件中文本和背景顏色時應注意的功能。

為色盲人士創(chuàng)建電子郵件新聞通訊的提示

盡管聽眾在查看電子郵件方面的方式有所不同,但可以在不影響調(diào)色板的情況下進行設(shè)計。只需遵循我們的建議:

  1. 不要試圖僅通過顏色傳達消息。這是色盲人的紅色和綠色選擇按鈕的外觀示例:

    image.png

    文字措辭也有助于突出差異。建議使用可變調(diào)色板的產(chǎn)品,并在每個選項下添加標簽。對于色盲的人來說,這不會造成問題。

  2. 確保文本在背景下突出。通常,沒有人在彼此頂部使用兩個紅色陰影。文本和背景之間的對比度越大,讀者對其的感知就越好。

  3. 使用單色。盡管您不需要只使用黑白,但應堅持使用一種陰影??纯醋仙ㄖ虚g),紅綠色(左)和藍黃色(右)模擬的原始字母:

    image.png

    如您所見,字母設(shè)計令人贊嘆。通過使用單色,您可以生動地突出您的號召性用語和文字。

  4. 測試您的電子郵件廣告系列。使用色盲模擬器上傳圖像。因此,您可以通過色盲患者的眼睛看到一切。對于Mac用戶,有一個名為Color Oracle的應用程序。屏幕頂部的菜單欄中將有一個開關(guān)。它將允許您根據(jù)特定的色盲類型來更改配色方案:

    image.png

    無需截屏,您可以“根據(jù)”某種類型的色盲查看當前的電子郵件設(shè)計,并在以后進行編輯。
    知道您的號召性用語按鈕在電子郵件背景下的突出程度也很有幫助。例如,色盲的人在紅色背景上看不到綠色按鈕。確保按鈕和背景之間存在對比度。您需要做的就是在按鈕周圍添加不同顏色的邊框,例如銀色。在編輯電子郵件以獲取顏色可訪問性時,請記住,相同的規(guī)則可以應用于將訂戶發(fā)送到的頁面。登陸頁面的設(shè)計也應易于訪問。

因此,通過考慮色盲用戶,您不僅會成為一個好人,而且還會增加閱讀電子郵件的可能性。希望閱讀本文后,您將了解電子郵件和登錄頁面中的顏色可訪問性的價值。


  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354