許多人受到色盲的影響，設(shè)計(jì)師和藝術(shù)家應(yīng)該磨練他們的技能，創(chuàng)造出讓觀眾驚嘆的產(chǎn)品，并創(chuàng)建盡可能廣泛地對(duì)色盲者可見的網(wǎng)站。

色盲譜

在開始創(chuàng)建和設(shè)計(jì)之前了解色盲的工作原理是個(gè)好主意。有三種類型的色盲——deuteran、protan 和 tritan——描述了哪些視錐細(xì)胞不能正常工作。Deuteranopia 和 protanopia 是綠色和紅色的色盲。它們是三者中最常見的。Tritanopia 描述了無法看到藍(lán)色，它也是三者中最罕見的。

為什么不是一切都是黑白的？

許多物體，比如地鐵地圖，都是用顏色編碼的，當(dāng)它們模糊在一起時(shí)，色盲的人很難分清。那么，為什么不簡(jiǎn)單地將它們?cè)O(shè)置為黑色、白色和灰色以放松局勢(shì)呢？

事實(shí)是，成功取決于許多設(shè)計(jì)因素。你可以把顏色去掉，但如果沒有其他標(biāo)記，就不會(huì)只有色盲的人會(huì)感到困惑。每個(gè)人都會(huì)很難從另一條線或?qū)ο笾姓页鲆粭l線或?qū)ο蟆?

使用顏色很重要，但使用不會(huì)使顏色成為將所有東西結(jié)合在一起的關(guān)鍵的設(shè)計(jì)技巧也很重要。

設(shè)定你的目標(biāo)

想想您或您的公司希望從創(chuàng)建一個(gè)色盲友好的網(wǎng)站中獲得什么。您可能致力于確保您的網(wǎng)站符合合規(guī)標(biāo)準(zhǔn)，這意味著所有用戶都必須有權(quán)訪問軟件或網(wǎng)站功能，無論他們是否殘疾。這是網(wǎng)站的正常做法，但您在制作網(wǎng)站時(shí)需要牢記這些相同的標(biāo)準(zhǔn)。只有滿足合規(guī)性，它才會(huì)被視為完全可訪問。

如果您正在為私人或商業(yè)用途進(jìn)行設(shè)計(jì)，您的目標(biāo)可能是最大化您的受眾。您最不希望的事情是讓用戶查看一個(gè)幾乎不可讀的站點(diǎn)，該站點(diǎn)充滿了與其他圖標(biāo)無法區(qū)分的圖標(biāo)。如果您可以針對(duì)色盲優(yōu)化每個(gè)組件，那么您就更接近于吸引他們的注意力。

使用模式

模式是區(qū)分變體和識(shí)別數(shù)據(jù)的好方法，而不依賴于顏色。如果顯示的變量不止一個(gè)，請(qǐng)考慮重復(fù)圖案并選擇對(duì)比設(shè)計(jì)：一個(gè)帶有對(duì)角線，另一個(gè)帶有圓點(diǎn)。

設(shè)定初始目標(biāo)后，就該考慮您的配色方案了：

高對(duì)比度。您有多種顏色，因此請(qǐng)使用該范圍并創(chuàng)建非常淺或非常深的顏色。這是相當(dāng)籠統(tǒng)的，因?yàn)榭梢栽诓桓淖兩{(diào)的情況下改變對(duì)比度。

單色。很多人在聽到“單色”這個(gè)詞時(shí)會(huì)想到黑白，但事實(shí)并非如此。請(qǐng)記住，黑色和白色實(shí)際上并不是顏色。單色是吸引色盲用戶的流行方案。您可能習(xí)慣于每天看到一個(gè)著名的例子：Facebook 中的許多藍(lán)色調(diào)。

單色頁(yè)面可以相當(dāng)簡(jiǎn)單，因?yàn)樗鼈兺ǔＪ褂镁哂邢嗤伾亩鄠€(gè)陰影的良好符號(hào)組合來幫助將它們分開。

色相、飽和度和亮度. 這些是顏色的基礎(chǔ)知識(shí)，通過細(xì)微的修改，它們可以在不使用多種顏色的情況下為用戶創(chuàng)建更好的圖像。

色調(diào)是連接所有你知道和喜愛的顏色的屬性，比如藍(lán)色、綠色和黃色。如果您更改色調(diào)的定義，它有助于設(shè)置色盲用戶最容易看到的色調(diào)。

飽和度適用于灰度。如果你把它發(fā)揮到極致，你可以完全去除色調(diào)。作為設(shè)計(jì)師，目標(biāo)是將飽和度從最鮮艷的狀態(tài)轉(zhuǎn)變?yōu)樽钊岷偷臓顟B(tài)，直到找到合適的平衡。

亮度是指在目標(biāo)物體上反射的光量。這與對(duì)比度有關(guān)——亮度影響它的水平。您應(yīng)該找到亮度的最佳點(diǎn)，因此它不會(huì)太亮、太暗或色盲用戶難以區(qū)分。

在顏色中構(gòu)建

提交表單）設(shè)計(jì)錯(cuò)誤消息時(shí)，這絕對(duì)值得研究。

您不必將圖像保留在一個(gè)陰影中。隨意使用條形和按鈕上的圖案和紋理來打破單調(diào)，以最小的陰影變化增加對(duì)比度。

考慮更多色盲設(shè)計(jì)技巧

橙色和藍(lán)色作為互補(bǔ)色創(chuàng)造了一種具有高色調(diào)對(duì)比度的組合，這對(duì)眼睛來說并不容易，特別是如果它們的飽和度很高。嘗試使用藍(lán)色色調(diào)，但考慮切換到另一種高對(duì)比度顏色，如黃色，以獲得更好的可見性或可讀性。

不要將綠色文本放在紅色背景上. 它會(huì)產(chǎn)生難以閱讀的振動(dòng)效果?？杀氖牵@種組合在許多網(wǎng)站上都很常見，對(duì)患有紅眼癥或紅眼癥的用戶來說是一種折磨。有色覺的人也會(huì)遇到紅色配綠色的問題。其他不良組合包括：

- 紅色和藍(lán)色

- 紫色和紅色

- 粉色和藍(lán)色

在細(xì)節(jié)中，尤其是懸停效果。您知道始終為鏈接的移動(dòng)選擇不同的顏色，但您還應(yīng)該確保這些顏色對(duì)于色盲用戶也是最佳的。