色彩通用設計()是針對色覺障礙和白內障所作的設計輔助,旨在設計中選用色覺障礙者與正常人分辨效果一致的色彩。通常使用的方法是加上輔助紋路或使用普遍可以認知的色碼,使其不單獨依賴顏色或讓對比明顯。
背景
在男性总人口中,色覺障礙者約佔8%,其中綠色弱約5%、紅色弱1%、綠色盲1%、紅色盲1%,还有少量其他較罕見的類型。
色覺障礙者並非對顏色失去感覺,而是無法有效分辨在混淆線上對稱的顏色。虽然大多數人都能轻易分辨一般設計的配色,但如果在選色时结合通用設計,避免讓顏色於混淆線對稱,則可以讓人口眾多的色覺障礙者體驗同等程度的色彩分辨性,同时又不會影響正常用戶對顏色的分别。
在天氣圖、交通導覽及候選人席次分配圖等需要以色彩分類的資訊上,政府可以導入色彩通用設計使色覺障礙者易於理解。
運作的民間團體
日本的CUDO是當前具代表性的以提昇色覺障礙者體驗为宗旨的民間團體。此團體提供各種通用設計經驗及方法,並为符合色彩通用設計的產品提供認證。
ColorADD是另一個民間色彩通用設計計畫,出版公司可以與其合作,推出符合色彩通用設計的產品,比如UNO。
概念
混淆線
File:Confusionlines of Protan-.svg|紅色盲、紅色弱混淆線。
File:Confusionlines of Deuter-.svg|綠色盲、綠色弱混淆線。
混淆線是一個抽象的概念,由1855年詹姆斯·克拉克·馬克士威所提出。
在相同亮度下,混淆線會對稱於白點所延伸的曲線軸上。比如在上列的綠色盲、綠色弱混淆線示意圖,穿越白點從右上黃色到左下藍色的軸分割了混淆線,在軸的兩方形成了對稱性,若使用這些對稱的顏色會無法分辨。只有在相同亮度下可以使用對稱性來說明;不同亮度的情形下,同一條混淆線上任意色都可能會混淆。
設計要點
岡部正隆及伊藤啟提出了三個設計方針在設計選色上,可以使用這套方案。
使用此方案顏色配對時,建議以亮度差組合顏色配對。黃色與白色的組合、紅色與紫色的組合遠不比白色與藍色的組合及黃色與藍色的組合明顯。
{| class="wikitable"
|+ CUD推薦配色組合
- 不要以顏色為唯一識別資訊的方法。
** 不要單以顏色指示圖片裡的事物,應以其他特徵指示。
*** 紅色的盒子、藍色的盒子。→紅色長方體的盒子、藍色正方體的盒子。
** 不要單以顏色來表示超連結,應強調標示。
** 不要單以顏色來提示已更新/未完成,應改變顯示文字。
** 不要單以顏色來反白未填寫表單提示用戶未填寫,應加入提示文字。
可考慮色彩通用設計的對象
魁北克省舊款交通燈,各色燈號加上形狀,方便色盲者辨別燈號,包括:
紅燈使用正方形顯示(有時更會於綠燈旁延伸重覆顯示)、
黃燈使用菱形顯示、
綠燈使用圓形顯示。|thumb|right]]
透過色彩通用設計,可以提高色覺障礙者體驗的對象如下:
- 月曆
** 假日的色彩可以加強標示以便於紅色盲、紅色弱者閱讀。
- 折線圖
** 單純以色彩區分線條的折線圖容易混淆,可以用不同種類(風格)的線條表示。
- 圓餅圖
** 相鄰的圓餅區塊可能會有相似色,加深邊界、使用高對比色或加上紋路可以讓整體易於辨識。
- 地圖
** 低彩度且相似鄰近色塊可能會使人混淆。深色底色區塊結合深色說明文字可能讓文字難以閱讀,可以給文字加上白邊以和底色區別。
- 交通禁止標誌
** 紅色標誌讓紅色盲、紅色弱難以閱讀,紅色標記可以使用加入橘色避免使用純紅,紅色文字可以加入白邊以區別底色黑框。
- 發光二極體顯示器
** 紅色文字讓紅色盲、紅色弱難以閱讀,可以改成藍色燈光避免這個問題。
- 紅綠燈
** 綠燈帶有藍光,多數情況下已滿足多數色覺障礙者的分辨。但是可以加上形狀以方便全色盲患者。
- 醫院、福利機構、政府組織
** 病患或辦公人員對於路線、區域、發光二極體顯示器或文件的顏色分辨可能產生疑慮,嚴重時可能影響病患就醫時效,應在明顯處標明用色名稱讓口語與認知一致以方便溝通。
- 港口、機場
** 空間平面圖的布局以單純顏色區分時,可能會導致初次訪問的遊客無法區分入境與出境的區域。
- 學校
** 粉筆的選色及教材選色可能產生學習效率差異。
- 報章雜誌、文宣、參考書
** 示意圖及圖表的呈現所使用的套色可能導致讀者疑惑。
- 鐵路路線圖、平面設計圖
** 使用會混淆的顏色可能導致遊客誤認路線或平面空間。可以使用不同類型的線條、標注顏色的名稱、使用不同的圖示或填入不同的紋路。
- 電器
** 比如充電器一類的產品使用橘燈與綠燈切換可能令人無法分辨,可以考慮改變設計或改變顏色。
- 藥
** 藥粒的用色可能會造成口語溝通上的誤會,可在藥粒上標記藥的用色及改變藥粒的形狀。
- 網頁
** 網頁文字與底色的搭配及圖片文字的描述應儘量符合網頁親合力以確保平等性與通用性。
- 軟體與遊戲
** 軟體與遊戲畫面的用色可能影響用戶體驗,導致無法平等地操作。
其他輔助工具
硬體上,伊藤光學工業有限公司開發了色弱模擬濾鏡模擬體驗不同類型的色盲。
軟體上,EIZO發售的螢幕可使用UniColor Pro軟體快速切換模擬不同色覺障礙。在Android手機作業系統中的開發人員選項裡,也可以模擬色覺障礙輸出,開發用戶可以根據輸出來發現設計上產生對色覺障礙者造成的不便。
網際網路上也有模擬的資源,其中Colblindor也提供了一套圖片模擬的工具協助正常人感受不同類型的色覺障礙。
使用ImageMagick工具,透過Lab色彩空間的控制也能直接輸出完全紅綠色盲共用的情境。
convert -colorspace CIELab \
-separate \( -clone 1 +level 50% \) \
-swap 1 +delete \
-combine -set colorspace CIELab \
-colorspace sRGB
實作案例
ColorADD是個有效的計畫
; 羅姆半導體集團
: 藍綠色晶片LED SMLD12E2N1W/SMLD12E3N1W
; 主要廠牌電視機遙控器
: 使用高對比四色按鍵。
; 不二電機工業株式會社(發光二極體)
: 高色彩識別度LED。
; 富士全錄(多功能事務機)
: 列印時調整色覺障礙配色。
; 柯尼卡美能達(多功能事務機)
: 列印時調整色覺障礙配色。
; 理光(多功能事務機)
: 列印時調整色覺障礙配色。
; 日立(電梯)
: 無障礙操作介面。
; 三菱(發光二極體顯示器)
: 使用高對比度顏色。
; 奧林巴斯(數位相機)
: 使用高對比色按鍵。
; 吉野電氣(Wi-Fi)
: LED、按鍵、圖示及顯示螢幕為無障礙設計。
參見
- 色盲
- 通用設計
- ColorADD
外部連結
- [http://www2.cudo.jp/wp/ 日本社團法人色彩通用設計團體CUDO]
- [http://colororacle.org/ Bernhard Jenny與Nathaniel Vaughn Kelso的研究]
- [http://www.coloradd.net/ ColorADD計畫]
- [http://www.color-blindness.com/ Colblindor色覺障礙百科]
參考來源
评论 (0)