起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識做一名有愛的設計師，為色盲人群帶來更便利的產品
編輯導語：如何針對有不同需求的用戶群體設計出相應的產品方案？這要求產品設計及研發團隊站在用戶的角度、做出富有同理心的設計。設計出符合色盲人群需求的產品亦是如此。本篇文章里，作者總結了顏色的基本理論及色盲人群的相應需求，一起來看一下。
也許是因為我越來越關注 “設計時考慮色盲使用者” 這個議題，也許是因為世界對色彩的關注減少了，使我頻繁地遇到色盲使用者的問題。據我所知，對于許多設計師來說，顏色似乎是神秘莫測且難以捉摸的，但那其實是個糟糕的情況。
在我們開始談論顏色之前，需要首先說明，我患有紅綠色盲癥（一種紅色弱和綠色弱的組合）。從本質上講，我是那 0.5％ 擁有紅綠色盲癥的女性。
具有紅綠色盲癥的人通常是可以分辨顏色的，只有當我們看到具有相似明度的紅色和綠色時，它們才會變得非常渾濁，以至于讓我們無法真正分辨出它們之間的區別。
如果你想了解更多信息，www.colorblindness.com 是一個不錯的資源網站。
話雖如此，我發現當告訴人們我是一個色盲的藝術家 / 設計師時，他們的反應會很有意思。當告訴他們我教授色彩理論已經很多年時，他們總是感到很驚訝，盡管這件事本身其實也沒什么稀奇的。如果我解釋了身為一個部分色盲的人是如何來做設計的，你將知道它根本不是什么大問題。
作者：thom masat，發布網站：Unsplash
在我們當前生活的世界，從設計師和產品角度看來，色彩可視性經常是最后一個納入考慮范圍內的因素。
坦白地說這種看法是愚蠢的。在眾多視覺障礙里，色盲是近視和遠視之后第三常見障礙，它是被漏報數量最多的，也是最難以被糾正的。
我不知道為什么這么多設計師沒有簡單檢查一下他們對顏色的使用情況。我更傾向于認為我們只是沒有時間認真去探究它，并就這些問題審核我們自己的工作。
對于一個將同理心視作其最大特征之一的行業，設計從業人員往往缺乏對色盲使用者的同理心；直到客戶明確投訴之前，他們甚至拒絕解決因此造成的問題。好吧，只要了解顏色背后的基本理論和色盲人者對項目的看法就會有很大幫助。
首先，在關注顏色以及它如何與用戶使用體驗相關，我們需要了解基本術語。
當涉及單個顏色時，我們有色相（hue）、明度（value）、陰影（shade）、和飽和度（saturation）。
當我們在處理多個顏色時，我們需要注意用的術語有對比度、彩色的、單色的、和諧的，以及各種各樣的構圖術語，比如原色（primary）[1]，二次色（secondary）[2]，三次色（tertiary）[3]等諸如此類的詞語。
我們接下來將主要看看關于單個顏色的一些術語。
( [1]原色 ( primary color ):指不能通過其他顏色的混合調配而得出的基本色。)
( [2]二次色 (secondary color ): 指兩種原色混合而成的顏色。）
( [3]三次色/中間色 (teritary color ): 指原色和相鄰的二次色各混合一半而成的中間色。)
一、最基本的色相?Hugh, I mean Hue!
色相是你本質上看到的 “顏色”。
藍色是一種色相，就像紅、綠、橘等等。
色相是我們操作的光譜，它是我們處理顏色的基礎部分。
對于我來說，就色盲而言，色相是最不重要的因素。
在設計中使用色相引領我們達到和諧。
色相唯一的真正目的是確定你想要使用的顏色。其次更重要的是我們將要去了解的其他術語，第一個就是明度。
二、有價值的明度?Valuable Values
明度（Hue）是人們喜歡稱之為亮度的東西。它是顏料的補充術語，通常用于解釋將多少白色混入基礎顏色或色調中。
在談論設計中的明度（Hue）時，它通常不僅僅用來解釋將多少白色稀釋到顏料中，它還涉及到飽和度和亮度（luminosity）。
亮度不屬于我上面列出的那些（顏色的術語），主要是因為每個人都認為它與眾不同，并且沒有人在談論顏色時真的使用它。
從另一方面而言，明度非常重要：當你將色相（hue）的亮度和飽和度（saturation）結合在一起時，你基本上就發現了色盲人的噩夢。如果兩種色相的明度、亮度和飽和度相同，我簡直無法分辨兩者之間的區別。
在針對這些情況進行設計時，如果你拒絕更改顏色，在顏色中添加一些輔助工具，比如可以通過添加圖案和符號之類的幫助像我這樣（色盲）的人。
通常，我會使用內置色盲選項的 APP，但是如果沒有，我通常會花錢買一個可以使用（色盲模式）的 APP，或者選擇一開始就對顏色更具包容性的 APP。這個術語并不難，接下來（介紹的顏色術語）就是暗度（shade）。
Dots & Co 游戲（色盲模式關閉）屏幕截圖
Dots & Co游戲（色盲模式開啟）屏幕截圖
三、有溫度的暗度?Shadiness
暗度是指在色相中添加的黑色顏料的多少。與明度一樣，暗度本質上與飽和度有關，因為用任何東西稀釋色相都會影響飽和度。
對于理解色盲的人如何看待你在設計中使用的顏色，暗度也是非常重要的。與明度一樣，如果兩種顏色的暗度相同，我們色盲人根本看不到差異。
但色溫（temperature）在這種情況下對我們是有幫助的。色溫（temperature）是另一個有關顏色的小術語，但它并不是很重要。
當說到黑色，或者更確切地說是缺乏光的黑色，我們需要使用色溫。你可以去工藝品店，看看有多少種黑色涂料你可以找到吧。你會發現燈黑，象牙黑，佩恩斯灰（基本上是黑色），還有我最喜歡的火星黑（實際上是灰色），以及更多其他的黑。
黑色的種類是無止境的，范圍以從創建它的人命名到以創建它所使用的礦物命名。這些單獨的黑都有色溫。
火星黑之所以成為我最喜歡的黑色的原因之一，就是因為它的色溫是暖色。它可能混有氧化鐵顏料，但對我來說，溫暖的黑色無法與深紫色和藍色相提并論。根據一個簡單的推動使得黑色的色溫不一樣，我就可以更好地區分顏色。
當您在研究數字空間的設計時，將 #000000 黑色到在色相條中添加一些溫暖，然后將其從 100％ 的暗度調整到 99％ ，可以為我們色盲人中的有些人帶來很大的影響（讓我們區分顏色）。
這也適用于你在考慮任何有關黑色物品的設計上相關。如果它沒有任何色相，則會在某些時候造成問題。
四、有變化的飽和度?Saturation Station
飽和度（saturation）與所使用的顏料的強度有關。
當你擁有最純凈類顏料時，你將處于最飽和點。隨著顏料含量百分比的下降，顏色的飽和度也會下降。
通過稀釋來變淺和變深色相，對調整飽和度來不是很有效。飽和度（saturation）與明度（brightness）也絕非同義詞。盡管明度在某種程度上是指飽和度，但豐富度（richness）也是如此。您可以擁有完全不亮的豐富色彩。
當實際處理色彩飽和度時，就是在不使用白色或黑色的情況下將顏料與其他顏料混合。啟蒙運動（the enlightenment) [4]中許多畫作如此明亮和豐富,有一部分部分原因是它們在混合色相時沒有使用白色或黑色。
例如，它們的黑色是，一種非常豐富的群青與另一種極其豐富的顏色（如氧化鐵紅）混合在一起，還有混合了一些只有上帝知道的其他混合物。那時的油畫總是有我們會認為奇怪的東西的痕跡，例如適當的牛血紅，你可能永遠不會知道里面到底放了些什么。
對于色盲而言，飽和度是其與暗度（shade）和明度（value）之間關系的關鍵， 如果色相的飽和度相同，則他們的明度將相似或相同。
( [4] 啟蒙運動(the enlightment )：文藝復興后又一場哲學及文化運動，發生在歐洲的17-18世紀。該運動認為科學和藝術的知識的理性發展可以改進人類生活，包含自由與平等概念的世界觀。)
灰度的作者對原色和輔助色已完成測試的樣本：
- 圖1，我在 Adobe Illustrator 能畫的飽和度最高且純度最高的的原色和輔助色；
- 圖2，這些相同的顏色轉成灰度模式后；
- 圖3，色相是相同的，只有飽和度和明度在這之間被錯開了；
- 圖4，這些顏色轉成灰度模式后，明度形成了對比。
Robert Ryman，無題，2010，在拉伸棉布畫板上的油畫（55.9 cm x 55.9 cm x 6.4 cm) ? 2019 Robert Ryman / 藝術家權利協會（ARS），紐約（ 由佩斯畫廊提供 ）
所以，當談到色彩和色盲設計時，這一切意味著什么呢？
好吧，我會告訴你，這與我那些曾經向我扔紅綠球，看我是否能看見球或被球擊中的學生們無關。實際上，這沒那么有趣。對于那些和我患有相同疾病的人來說，我們只需要確保在進行（顏色）設計時，從不同的明度和暗度中提取顏色。
如果你不確定自己做得是否足夠好，這里有一種便捷的小測試可以輕松完成你們所有的規范：將圖像或設計轉換為灰度或單色（單一色相）調色板。這樣可以消除之前提及的色相。
說到底，這意味著您需要具有足夠的對比度 (暗度或明度的差異）才能區分任何事物。沒有對比度，你實際上像是擁有一幅羅伯特·雷曼（ Robert Ryman）的畫（他實際上是我最喜歡的畫家），或者更加極端，你會只有一個可看到的對象（設計里實際上可能有上百個）。
注意使用顏色的明度和暗度來滿足色盲人群的使用需求。當處理配色時，不僅要注意色相，還要在色相之間錯開飽和度。（在配色中）從高明度到低暗度的顏色的對比度越多，則設計對我們色盲人越容易使用。
還有另一件事，如果您有疑問，并且你的設計沒有通過灰度測試，請詢問一些色盲用戶看他們是否能夠使用你的設計。我們色盲人可能會非常直言不諱，但請不要（像我學生曾經做的一樣）朝我們的臉投擲你的設計。
本文翻譯已獲得作者的正式授權（授權截圖如下）。
作者：Jenny Elaine Purcell
原文：http://uxdesign.cc/a-colorblind-person’s-guide-to-using-color-acb79e0d27a5
譯者：陳羽姿；審核：蔡林燕、李澤慧、張聿彤；編輯：孫淑雅
本文由@TCC翻譯情報局 翻譯發布于人人都是產品經理，未經許可，禁止轉載。
題圖來自 Unsplash，基于 CC0 協議
- 目前還沒評論，等你發揮！
