設計的換位思考——針對色覺障礙人羣的顏色設計

導言

“紅綠色盲人口佔全球男性人口約8%,女性人口約0.5%,他們能看到多種顏色,但是會混淆識別某些顏色,尤其是紅色與綠色。另外全球約6%人口為三色視覺(色弱),約2%人口為二色視覺(色盲),極少數為單色視覺(全色盲)。”

——Wikipedia 色盲

其中色盲、色弱也分幾種類型,一般來講有紅綠色盲(Red–green Color Blindness)、藍黃色盲(Blue-yellow Color Blindness)。

於是這篇文章大體分為兩大部分:

    1. 考慮色覺障礙人士的設計的必要性
    2. 可行性/操作方法

正文

Part A

導言部分提到了色覺障礙人羣在世界人口中所佔的比例。可見這個人羣並不算太少數,那麼單獨針對這個人羣(重新)設計顏色、更改設計有沒有這個必要呢?
有,當然有。
針對這個人羣重新考量你的設計,這無疑體現的是你的設計同理心,還是對這個人羣的尊重,我可以斷定:這個羣體在大陸還是個弱勢羣體,許多公共設施的標示設計大部分都忽略了這個人羣或者是做的不夠好。對這部分人羣的設計優化,還能讓你的設計得到更多人的認可,也能向更多人分享你的設計,何樂而不為?當你有了針對這類人羣優化設計的想法時,你已經走在了很多設計師的前頭,於是我們面臨一個問題:怎樣針對此類人羣進行設計?

Part B

怎麼做?下面來看看這幾種解決方案:
使用不同形狀的圖案代替單純靠顏色表達不同意思的方法。
舉個反面例子:你可能正在設計一個菜譜,有件披薩餅有多種口味可供選擇,黃色的圓點代表放青椒,黃綠色的圓點代表放葱,橙色的圓點代表放大蒜和辣椒。老實説這是個最糟糕的設計方案了!

正確的設計應該是這樣子的:使用簡單易認的圖形代替用不同顏色分辨。你可以使用三角形、正方形、圓形等等的組合,上述案例還可以用青椒葱和大蒜圖案來代替。

填充紋理的方法
在某些時候,並不能用上面的方法解決問題,於是有了這個方法,你可以盡情地使用你喜歡的顏色,然後在顏色上疊加一層紋理就可以了,很多時候這麼做還可以更美觀。

如果你有強迫症,你不能忍受在顏色上疊加紋理也不具備使用圖案來優化設計的條件,同時你又不肯另外用文字標註的,那麼就請務必針對色覺障礙人羣重新設計一份適合的方案吧,假如是軟件 可以在菜單裏面增加選項有選擇性地開啟“色盲模式”,網頁也可以使用類似的方法。其實他們不太在意你的配色是否美觀,因為比起因為色覺障礙而不能正常使用相關服務這點應該不算什麼。

關於指示燈:
指示燈的問題或許是最嚴重的了,你真的以為大部分的色覺障礙者能夠很輕易地分辨紅綠兩個“截然不同”的顏色嗎?!
更多時候他們都認為這是相同的顏色,但是其實這也不是絕對的,其實必須明白一個事實:色覺障礙人士一般來説判斷不同的顏色更多的是靠他的“明度”,比如紅色會比草綠色看起來“更亮”。之所以用紅綠色做“批判對象”這是因為在某些規格的LED燈裏面這兩個顏色“明度非常相似”,但這個問題不單止對於”紅綠色“而言,換作是黃色綠色這個問題也很嚴重。但是近幾年”紅綠色“這個組合在很多LED的表現下也漸漸趨於可分辨,但是仍然還是要避免單純靠顏色辨認

下面是幾張色覺模擬圖,大家感受下:

從左到右的順序分別是:正常色覺(Normal),綠色色盲(Deuteranope),紅色色盲(Protanope)還有藍色色盲(Tritanope

紅色LED在各種色覺下的模擬視圖

綠色LED在各種色覺下的模擬視圖

藍色LED在各種色覺下的模擬視圖

所以解決的方法有:
使用不同形狀的指示燈。
比如共有有兩個指示燈,一個三角形一個圓形,不過這個很多時候會增加一定的成本。

使用不同的閃爍頻率區分。
比如正常狀態是常亮,異常就快閃什麼的。這是僅僅是在程序上做一下優化,最簡單的解決方案。

結束語

其實我認為很多設計師們並不是“故意”創造出那些令色覺障礙人羣難看的設計的,出現這些問題僅僅是因為他們不瞭解這個人羣,就算知道有這個人羣也不知道該如何去配合他們,於是我有了寫這篇文章的想法,希望大家可以瞭解並關注這個人羣,同時希望大家可以大肆傳播這篇文章,讓更多人能夠在設計時考慮這一部分人羣的切實需要。

下面是一些擴展閲讀的鏈接:

  • 色覚の多様性に配慮した 案內・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット(對色覺障礙者的配色方案參考)[日文]

http://jfly.iam.u-tokyo.ac.jp/colorset/index.html

  • 色覚の多様性に配慮した案內サイン図表等用のカラーユニバーサルデザイン推奨配色セット[漢化版]

https://blog.ooxx.dk/wp-content/uploads/2014/08/A0.png

  • 信息圖形中的顏色探討—面向色盲人士友好的設計解決方案

http://cdc.tencent.com/?p=5677

 

該文章只需在明確註明原作者的前提下即可隨便轉載、修改而不需要與我聯繫.

原作者: 歐峻峯 http://www.ooxx.dk

2014年8月