當前位置：
首頁 > 最新 > 提高色盲人群的色彩理念

提高色盲人群的色彩理念

最新 04-17

色盲是影響人的視力不足。無論我們是否知道，作為設計師通過創造和推出的工作對他們日常生活產生了巨大的影響。既然如此，我相信我們應該花一些時間，探索一些簡單而有效的解決方案，以幫助改善他們的狀況，從而改善他們的生活質量。


在我們完全理解什麼是色盲之前，我們應該先花點時間談談色彩，它是什麼以及它的行為。

據名詞的顏色定義為：

現在，光線本身由多種不同波長的顏色組成，其中紅色是人類可以看到的最長的一種，而紫色是最短的。

自1666年以來，我們知道這一點，艾薩克牛頓爵士進行了一個小實驗，在這個實驗中，他拍了一束白色的陽光，並通過一個玻璃稜鏡。自從稜鏡把光束分成七個組成顏色的波段，他稱之為「光譜」以來，他所觀察到的情況一定是令人難以置信的。這些顏色從頻譜的較低端的順序是紫（V），靛藍（I），藍色（B），綠色（G），黃色（Y），橙（O），和紅色（R）哪位我們現在稱ROYGBIV。


根據其物理特性（光吸收，發射光譜等），物體可以或多或少地單獨反射或吸收這七種顏色，並賦予它我們稱之為色彩的屬性。

所以當我們說我們看到一種特定的顏色時，我們實際上可以看到物體被光源擊中時所反射的顏色數量。當一個物體反射所有波長時，我們認為它是白色的;當它吸收它們時，它是黑色的。

由於視網膜內有數百萬個光敏細胞，我們能夠將這些特性可視化，這些細胞將光線處理成神經衝動，然後通過視神經傳遞到大腦皮層。

這些細胞有兩種不同的形狀：棒狀和錐狀。這些棒高度集中在視網膜邊緣周圍（大約9000萬個細胞用於人類），並且由於它們含有單一的光色素，因此可以傳輸大多數黑白信息，正是這些信息可以幫助我們適應更暗的環境。

的錐體，在另一方面，集中在視網膜（4.5-6百萬個細胞）的中間，並且能夠捕獲三種不同波長：小號（短），中號（平台），和大號（長）。

短錐通常被稱為「藍色」，因為它們為該特定波長的光提供顏色信息。中等圓錐體被稱為「綠色」，而長圓錐體被稱為「紅色」。

正常的色覺使用全部三種類型的光錐（紅色，綠色和藍色），並且被稱為三色性。

事實上，我們日常工作和互動的RGB色彩空間是圍繞由這三種類型的錐體確定的三色視覺創建的，其中每種圖像都是使用三種顏色的組合來構建的。


我們現在對於什麼顏色有一個基本的想法，但什麼是色盲？

好吧，很多人認為色盲意味著你看到這個世界是黑白的，但事實並非如此。

正如醫學詞典的在線版本指出的那樣，色盲是：

一個色盲的人通常會出生這種情況，這是由X染色體內發現的缺陷基因決定的。根據美國眼科學會的報告，「當一個或多個彩色視錐細胞不存在，無功能或檢測到與正常不同的顏色時，就會出現色盲。」

色盲意識表示，該病症每12名男性（8％）和1英寸中約有1人受到影響每200名女性在世界各地。


正如我們剛才所學，我們的眼睛有三種類型的錐形細胞。取決於哪些人受到影響，一個人可能遭受以下三種情況之一：

據國家眼科研究所（NEI）稱，最常見的色盲類型是由於「紅錐體（稱為protan）或綠錐體（deutran）photopigments」的損失或有限功能，「視其嚴重程度而定至：

Protanomaly：當人的紅錐光敏色素異常時，導致紅色，橙色和黃色顯得更綠。

Protanopia：當沒有工作的紅色圓錐細胞時，紅色顯示為黑色，某些橙色，黃色和綠色的陰影顯示為黃色。

Deuteranomaly：當人的綠色錐形色素異常時，引起黃色和綠色變得更紅，使得難以辨別紫色與藍色分開。

Deuteranopia：當沒有工作的綠色錐形細胞時，導致紅色顯示為棕黃色和綠色，如米色。


與紅綠色色盲相比，藍色 - 黃色色盲更罕見，並且當藍色色素感光色素丟失或功能受限時，就會出現藍色黃色色盲。

根據具體情況，我們可以擁有：

Tritanomaly：當人的藍色圓錐細胞功能有限時，會使藍色看起來更綠，並且很難從粉紅色中區分出黃色和紅色。

Tritanopia：當人的藍色圓錐細胞缺失時，導致藍色呈現綠色和黃色紫色或淺灰色。


對於那些根本沒有任何顏色的人來說，他們受到所謂的單色性的困擾，這就是當他們看到世界的灰色從黑色到白色時。


如果你想確保你的眼睛正常工作，你應該經常去看望驗光師，他將會應用一種簡單的顏色知覺測試，稱為「石原色測試」。這個名字來自它的創造者石原忍史博士於1917年發表了一種簡單而巧妙的方法，用於確定一個人是否色盲或不使用有色板（ishihara板）。每個印版包含多個顏色和大小不同的點，並以圓形圖案顯示，形成中心的數字。

如果你能正確區分數字，那麼這意味著你有正常的色覺。如果您在查看數字的形狀時遇到問題，那麼您可能會遇到我們剛剛討論的色盲類型之一。

如果您現在還不想去看眼科醫生，可以使用以下任何網站在線參加測試：

Colorvisiontesting.com

Colour-blindness.com


作為一名設計師和視覺創意人員，您必須明白，您的工作不僅需要對視力正常的人群以及那些患有一種色盲的人群可見。

尋找問題解決方案的第一步是了解它如何體現自己，試圖了解色盲人士會看到什麼。

幸運的是，有一些解決方案可以讓您拍攝正常圖像並應用濾鏡，以便了解某種視覺缺陷是什麼樣子的。


如果您正在處理常規圖像，這些色盲模擬器可以快速生成一幅遭受特定情況的人看到的圖像：

Coblis通過Colorblindness.com可能是最徹底的解決方案在那裡，因為它為所有類型的色盲生成圖像。

Vischeck是一個更簡單的生成器，可讓您預覽原始和模擬色彩視覺缺陷的並排圖片。

如果你是一位網頁設計師，想看看你的項目對於一個患有色盲的人來說會是什麼樣子，那麼Toptal已經整合了一個聰明的小型色盲過濾器，可以接受任何網站並使用四種可用過濾器之一進行轉換。


由於將您的項目上傳到網路，然後將圖像向前和向後進行比較可能會有點費時，因此有幾個軟體解決方案可以幫助您更快地達到相同的效果。

如果您不知道，Illustrator實際上在其「視圖」菜單（「視圖」>「校對設置」）中提供了兩種顏色校樣（Protanopia和Deuteranopia），可幫助您快速查看您的項目在色盲人。

包含相同的顏色樣張Photoshop（查看>校對設置），幫助您識別並更正最終結果。

Stark是為Sketch創建的免費插件，可幫助您從八種顏色配置文件中進行選擇，並將您的設計作為色盲用戶進行預覽。

Color Oracle是由Bernie Jenny開發的另一款免費色盲模擬器，可以在Windows，Mac和Linux上安裝和使用，並且獨立於您正在使用的創意軟體而創建。

儘管對於色盲的人來說，他們周圍的世界似乎是「正常的」，因為大多數時候這是他們體驗它的唯一方式，但事實是，他們通常在我們所認為的簡單日常任務中面臨困難。從烹飪食物到駕駛汽車或選擇穿什麼衣服，他們看到的確影響他們的反應和行為，直接影響他們的生活。

想像一下，你想駕駛一輛汽車，但不知道這三個狀態中的每一個的位置都不知道紅綠燈是綠色還是紅色。或者，也許你想烹制一塊從當地市場買來的好吃的肉，但是你不能分辨它是否很少或很好。

另外，想一想你想做的但是永遠不會申請的所有創造性工作，因為你無法真正看到其他人看到的是什麼。

這些只是色盲人士每天必須處理的幾種情況，所以為什麼不嘗試學習如何通過遵循下面提供的一些簡單解決方案來幫助他們。


因此，在這一點上，我們知道色盲是什麼，並且有一個基本的想法是什麼，這意味著我們現在可以談論尋找和實施解決方案，旨在調整我們的項目，為受這些視覺缺陷影響的人們。


在項目工作中（無論是現有的還是新的），我們需要問自己的第一件事是色彩組合的效果最好。答案是我們確實沒有一個通用的列表，因為這一切都取決於每種顏色的飽和度和亮度級別。

我們所知道的是，應該避免使用一組顏色組合，因為顏色盲人可能很難區分它們：

紅色和綠色

紅色和棕色

紅色和橙色

紅色和紫色

紅色和黑色

綠色和棕色

綠色和橙色

淺綠色和黃色

藍色和綠色

藍色和紫色

藍色和黃色

當設計基於具有接近色調，飽和度或亮度級別的顏色時，通常會出現問題，使它們看起來像相同顏色的陰影。

因此，我們的目標不是要創建一種色彩方案，該色彩方案可以被患有色盲的人明確識別，但可以讓他們區分一種顏色與另一種顏色，即使他們不確定該顏色是什麼。


修復不良色彩組合的第一步是注意到它。這是顏色模擬工具派上用場的地方，因為通過瀏覽不同的可用過濾器，您可以快速觀察到是否有無法區分的重疊片段或元素，這些片段或元素可能完全相同或不可見。

根據您正在處理的創意項目的類型，無論是插圖，移動應用程序還是某種圖形數據表示形式（條形圖，折線圖或餅圖），您都可以使用以下建議進行調整對於患有這種疾病的人的最終結果。


如果您看一下經典Game Boy的這個插圖，您可能會注意到，當使用Deuteranopia濾鏡時，設備的上部看起來好像有一個切口，因為背景和屏幕的色調是真的在飽和度方面接近（紅色和黃色為57.83％）42.96％綠色）。

我們可以調整屏幕部分的飽和度，以增加色相的強度，但正如您所看到的，在這種特殊情況下，我們無法達到任何效果。

我們想要做的是將背景的色調從紅色調整為紫色，正如您所看到的那樣，將在兩部分之間創建清晰的分隔。


我們已經解決了背景問題，但正如您所看到的，控制台的某些部分（如正面和側面）很難區分，因為它們使用相同的色調值（0％）以及類似的亮度級別（正面和背面92.94％86.67％）。關於d-pad按鈕也是如此，橫截面使用45.88％亮度級別，而中心點使用類似的40.78％數值。

發生這種情況時，您可以通過選擇相應的形狀並調整其飽和度和/或亮度級別，直到它們開始突出顯示，從而快速解決問題。

一般的規則是儘可能少地使用色調和陰影，並讓藝術品脫穎而出，儘可能使用高對比度。

由於在現實生活中，控制台的外殼是由白色塑料製成的，如果我們想更準確地表示它，使用幾種色調和陰影似乎是公平的，但如果項目允許，通過使用不同的色調，您總是可以獲得更高的對比度。


如果您嘗試了以前的某些解決方案，但無法獲得理想的結果，那麼您有時可以使用粗黑的輪廓將不同顏色的合成物的不同部分分開。就我們的Game Boy而言，我們可以將它的一些形狀變成輪廓，並向支持它們的人添加新的形狀，從而給我們一個更明確的結果。


添加或移除顏色可能會造成或破壞設計，特別是無法區分所有設計的人所看到的設計。如果我們看看我們的控制台的概述版本，您可能已經注意到，圓形按鈕現在正與他們的輪廓融合在一起。

只要我們知道患有特定視力不足的人（在我們的案例中，Deuteranopia）可以看到什麼顏色，我們就可以通過引入兩種新色調（淺黃色和藍色）輕鬆解決這個問題。

在其他情況下，您可能會發現消除顏色會改善整體設計，因為有時更簡單更好。


有時顏色可能會成為你最大的敵人，特別是在處理視力不足時，例如Deuteranopia，所以將調色板減少為單色配色方案可能是一個好主意。

通常，人們會將單色配色與灰度配色混為一談，其中只有黑色，灰色和白色，但它們實際上是兩個完全不同的東西。

根據維基百科，單色配色方案源於「單一基本色調並使用其色調，色調和色調進行擴展」。

正如您在下面看到的那樣，通過堅持單色方案，您可以消除整個嚴格的色彩匹配過程，並專註於僅使用不同飽和度和亮度級別創建色調和色調的一種色調。


另一個完全避免顏色的解決方案是完全灰度。通過這樣做，您幾乎可以消除上述所有步驟，這意味著您可以專註於藝術品本身。


確保您的設計能夠被視力不足者清楚地理解的最後一種方法是添加質地。無論是紋理，水平線還是任何其他類型，紋理都可以輕鬆分離和突出顯示圖像的特定部分，幫助您打破任何顏色邊界。


無論我們是否意識到，色盲都是一種影響大量人群的疾病，通過限制他們通過顏色過濾器可以看到和理解的事物來增加他們的日常生活。

幸運的是，正如我們所看到的，作為設計師，我們可以通過幾件事情來改善生活質量，從而讓事情變得輕鬆一步。

我真的希望這篇文章能夠讓你看到一個經常被忽視的設計領域，並且設法教會你幾個可以在未來項目中實現的關鍵概念。

- 微課堂-

UI設計微課堂|越努力，越幸運

精選 | 乾貨 | 分享 | 課程 | 資源

-----------------------------------------------------------

微信：學習交流諮詢


喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！

本站內容充實豐富，博大精深，小編精選每日熱門資訊，隨時更新，點擊「搶先收到最新資訊」瀏覽吧！


請您繼續閱讀更多來自 UI微課堂 的精彩文章:

TAG:UI微課堂 |