計(jì)算機(jī)屏幕中的顏色是由RGB 顏色模型（R代表紅色，G代表綠色，B代表藍(lán)色）所定義的。這三種顏色被稱為（三）原色（primary colors），分別對(duì)應(yīng)L-、M-和S-cone中最易接收的光波。三原色不能由其他顏色混合而生成。相反，通過混合三原色，可以生成其他所有的顏色。屏幕上的每一個(gè)像素都是由一束紅光、藍(lán)光和綠光相互作用而生成的，它們挨的非常近，是無法分辨出來的。

顏色對(duì)比度

通常情況下，UI中的有色對(duì)象或區(qū)域并不是孤立存在的，都會(huì)與其他的對(duì)象或區(qū)域比鄰或者重疊。這就產(chǎn)生了對(duì)比效果。沒有足夠的對(duì)比，我們是不能在屏幕上分辨出不同的區(qū)域的。這也正是辦公軟件例如微軟的Word、Powerpoint、Excel、Outlook為什么都會(huì)默認(rèn)設(shè)置成白底黑字的原因了—— 因?yàn)樗鼤?huì)產(chǎn)生最強(qiáng)的對(duì)比度，以及最佳的可視度。

除此之外，顏色對(duì)比度通常被用于把瀏覽者的注意力引向某些傳遞關(guān)鍵信息或者需要輸入的重要UI元素。

顏色對(duì)比度也會(huì)提高UI的視覺吸引力。實(shí)驗(yàn)研究顯示，暖色調(diào)（比如紅、黃、橙）非常適合作為冷色調(diào)（比如藍(lán)、綠、紫）的背景，反之亦然。

對(duì)比效果同樣會(huì)對(duì)用戶體驗(yàn)產(chǎn)生不利的影響。下面講的兩個(gè)例子是比較有代表性的。通常情況下，任何視覺區(qū)域都會(huì)趨于臨域的補(bǔ)色。比如，一個(gè)灰色的方框，如果周圍是紅色，那它看起來就會(huì)發(fā)綠，如果周圍是綠色，看起來就會(huì)發(fā)紅。這種情況被稱為同時(shí)對(duì)比（simultaneous color contrast）[4]。在UI中，通常是一個(gè)控件，比如一個(gè)按鈕，在不同的背景色下會(huì)產(chǎn)生完全不同的視覺效果。

另外一種對(duì)比度產(chǎn)生的問題是色差（chromatic aberration）[5]。透鏡（包括我們眼睛中的水晶體）會(huì)對(duì)不同的光波產(chǎn)生不同程度的折射。這種情況是因?yàn)椴煌墓庠赐渡涞揭暰W(wǎng)膜中不同的地方所引起的，比較明顯的情況是紫色與紅色的組合，還有藍(lán)色與紅色的組合（如圖2），因?yàn)樽仙c藍(lán)色的光波位于光譜的一端，而紅色位于另一端（如圖1）。

因此，圖2中的文字看起來與背景相比，顯得有些模糊。所以，在UI中應(yīng)當(dāng)避免紅色和紫色/藍(lán)色的對(duì)比。盡管如此，紅-藍(lán)組合仍然比比皆是，或許是因?yàn)閁I 設(shè)計(jì)者為了考慮色覺障礙（color deficiency，下有詳述）的問題而避免采用紅-綠組合的替代選擇。圖3展示了生成良好對(duì)比度的不同前-背景色組合。

色覺障礙

由S-cone引起的色覺誤差會(huì)導(dǎo)致顏色的接收都是基于紅、綠色調(diào)，而深受贊譽(yù)的藍(lán)、黃配色則無法感知。但這是一種非常罕見的情況，只有0.004%的男性以及0.002%的女性會(huì)出現(xiàn)此類癥狀。還有一種非常罕見的情況——全色盲，這是由完全缺失視錐細(xì)胞所導(dǎo)致的：只有0.003%的男性以及0.002% 的女性看不見任何顏色，他們的視覺是非彩色的，完全基于黑、白、灰。

從表1可以看出，色覺障礙患者中最典型的一類人是無法接收紅、綠兩色的男性。非紅-綠色覺障礙的患者比例非常低。實(shí)際上，由閃爍的UI元素引起癲癇的比例都要比非紅-綠色覺障礙的比例高出400倍。

問題是，色覺障礙的程度為產(chǎn)品的可用性帶來了巨大的挑戰(zhàn)。這會(huì)因?yàn)閼?yīng)用程序的類型差異而有所不同。在所有對(duì)顏色的使用有美學(xué)要求的地方（比如大多數(shù)公司的網(wǎng)站），它對(duì)色覺障礙的重要程度就遠(yuǎn)遠(yuǎn)低于某些表示狀態(tài)的系統(tǒng)（比如控制系統(tǒng)和dashboards）。通常情況下，建議不要通過顏色來表明某些重要信息。比如，通過紅光或綠光表明系統(tǒng)狀態(tài)，這會(huì)給紅-綠色覺障礙者會(huì)帶來麻煩。所以，最好提供一些有意義的文本標(biāo)識(shí)（“OK” vs. “警告”），或符號(hào)（“對(duì)號(hào)” vs. “感嘆號(hào)”）代替有色碼。

顏色與視覺感染力

應(yīng)當(dāng)注意的是，表2中所列的這些對(duì)顏色的感知都起源于西方的文化。因?yàn)轭伾^念是與文化密切相關(guān)的，他們?cè)诓煌膮^(qū)域會(huì)表示截然不同的涵義。比如紅色，在埃及象征著“死亡”，而在印度卻代表“生命”與“創(chuàng)新”，在中國(guó)則是代表“幸?！盵9]。

有感染力的UI是由一組協(xié)調(diào)、相關(guān)的顏色所構(gòu)成。創(chuàng)建配色方案（color scheme）也是一個(gè)技巧，而且是非常重要的，因?yàn)樾枰紤]很多因素，包括所要傳達(dá)的公司品牌價(jià)值、強(qiáng)調(diào)的顏色感知（見表2），此外，還要考慮人類個(gè)體的問題（比如之前提到的對(duì)比度）。

無需圖像設(shè)計(jì)師的幫助，有很多種方法可以用來創(chuàng)建簡(jiǎn)單的配色方案[10]。舉個(gè)例子，你可以在12色環(huán)（color wheel）中任選3個(gè)相鄰的顏色（analogous color——相似色，見圖4）?；蛘哌x擇完全相對(duì)的兩個(gè)顏色（conplementary color——互補(bǔ)色）。不要忘記，紅色與藍(lán)色對(duì)紅-綠色覺障礙者可不是很友好（詳見前文“色覺障礙”）。

關(guān)于作者
Tobias Komischke博士已在用戶體驗(yàn)領(lǐng)域工作超過10年。他是技術(shù)刊物、會(huì)議的評(píng)論家，發(fā)表論文超過30篇。在Infragistics，他負(fù)責(zé)用戶體驗(yàn)的內(nèi)（開發(fā)）、外（培訓(xùn)與咨詢）工作。