面向色障人群的網頁色彩設計研究

俞璋凌，汪阜艷

（安徽藝術職業學院，安徽 合肥230001）

色彩作為一種最普遍的審美形式，存在于五彩絢麗的大千世界，存在于我們日常生活的方方面面，色彩使宇宙萬物充滿情感顯得生機勃勃.然而，有些人天生就患有不能正確辨認部分或全部色彩的疾病，通常稱為色盲.“色盲”并不表示色盲患者看不到顏色，或所看到的事物都是黑白的，國外對其更為確切的稱呼為色覺障礙，他們占世界人口的8%［1］，可以說是一個相當龐大的群體（以下稱之為“色障人群”）.

網頁已經成為所有人生活中必不可少的工具，對于網頁色彩的研究具有重要的研究意義和實用價值［2］.目前對于色障人群的研究主要集中在醫學領域，雖然國內外在研究色障人群可見色彩方面已有一定基礎，通過計算機的輔助，可以模擬色盲人群所見的色彩，但功能較為簡單，還未達到普及階段［3］.本文利用色彩理論中有利于色障人群視覺色彩的知識，為網頁設計師在設計過程中提供一些有關色彩選擇和運用的方法.

1 色障人群可用色彩分析

1.1 色彩定義新發現

美國光學學會（Optical Society of America）的色度學委員會把顏色定義為：顏色是除了空間的和時間的不均勻性以外的光的一種特性，即光的輻射能刺激視網膜而引起觀察者通過視覺而獲得的景象［1，4］.根據這一定義可以得出，色彩不僅僅屬于光學、物理學、美學等領域的研究范疇，它還受外表狀態、物體環境、人的經歷、記憶、視覺靈敏度等因素影響［1］.所以說，對于色彩的研究漸漸會向更深層次、更邊緣性的領域擴展，也正是因為這一點，它給設計師提供了更加豐富的靈感，同時也為色障人群打開了另一片廣闊的視界，從而使得他們有可能不再為灰暗的世界而郁郁寡歡.

1.2 色障分類及辨色特點

色覺障礙有多種類型，最常見的是紅綠色盲.根據三原色學說，光譜內任何顏色都可由紅、綠、藍三色組成.如果能辨認三原色的就為正常人，三種原色均不能辨認則稱全色盲；辨認任何一種顏色的能力降低者稱色弱，在物體顏色深且鮮明時，則能夠分辨，若顏色淺而不飽和時，則分辨困難，主要有紅色弱和綠色弱；如有一種原色不能辨認都稱二色視，主要為紅色盲與綠色盲.正常色覺與色覺障礙光譜見文獻［3］（圖1，彩色效果見插頁）.

全色盲：是色覺障礙中最嚴重的一種，但較為罕見，七彩世界在患者眼中就像觀看黑白電視一樣，僅有明暗之分，而無顏色差別.

紅色盲：又稱第一色盲或甲型色盲，患者不能分辨紅色，對紅色與深綠色、藍色與紫紅色以及紫色不能分辨，常把綠色視為黃色，紫色看成藍色，將綠色和藍色相混為白色.

綠色盲：又稱第二色盲或乙型色盲，患者不能分辨淡綠色與深紅色、紫色與青藍色、紫紅色與灰色，把綠色視為灰色或暗黑色.

藍黃色盲：又稱第三色盲，患者藍黃色混淆不清，對紅、綠色可辨，較少見.

2 面向色障人群具體可行的配色方法

網頁設計時對于色彩的選用，可以利用儀器、科學技術或人們的關愛來彌補視覺所帶來的缺陷，比如說在頁面中使用通用色彩設計，配色時選用色彩分明的色塊，盡量不要選用混合色，以防色障人士對其認知吃力；提供相關改善的選項；利用圖案、肌理等構成要素來裝飾、豐富整個頁面等.

2.1 面向色障人群提出的色彩方案

通過上文色彩定義可知，色彩是人的一種認知過程，人生來其實并不了解自然界中顏色該稱為何種色彩，它是人在成長過程中，由別人告知、傳授經驗，再通過自己識別、記憶，最后形成了對于色彩的認知.由于色障人群從小就沒有正常辨別色彩的能力，通常自己難以發現具有色覺障礙，只有經過色覺檢查或者在辨色過程中與正常人發生沖突時，才會發現自己是色障患者（圖2，彩色效果見插頁）.

正是因為如此，除了全色盲患者容易被發現異常，色障人群中絕大多數的紅色盲（弱）和綠色盲（弱）患者，他們只是對光譜中的某些顏色辨認不清.因此，網頁設計師可以從中獲得靈感，在選擇網頁色彩時，設計師要做到因人而異，對于色障人群中不同的色障患者，提出不同的色彩方案與之相適應.

現在國際上設計界正掀起一股浪潮，人們越來越關心特殊人群.“通用色彩設計”（Color Universal Design–CUD）的系統，正是一個面向所有用戶（包括色障人群）的設計系統，其選擇色彩的方案并非只從美觀的角度考慮，而是基于最容易被任何色障人士辨認到的色彩，提倡照顧色障人群的需要，體現人性化原則.如果遵守CUD的設計原則，設計時便需要工具來幫助設計師模擬色盲人士的視覺，通過實驗找出各種不能被色盲人士分辨出來的色彩.

目前，國外在色盲人群的色彩視界研究方面己經有了一定的基礎，例如通過計算機的輔助，可以模擬色盲人群所見的色彩，如圖2（彩色效果見插頁）所示的Vischeck色彩設計軟件的插件就可以實現將位圖的色彩轉換成為色障人群可見的色彩，以檢驗配色方案是否便于色障人群的使用.

2.2 色彩的肌理表現

色彩與物體的材料性質、形象表面紋理關系很密切，影響色彩感覺的是其表層觸覺質感及視覺感受.肌理指客觀存在的物質表面形式，是單位形象的群化而產生的某種質感.因此肌理的變化可以引起人們諸多直接的感受和形態的意味，通過肌理美感的視覺表現，不僅為網頁本身增強豐富的情感和情趣，對于嚴重的色障人群，還可以使得單調的網頁界面顯得更加豐富，增添一絲生氣［5］.

1）對比雙方的色彩，如采用不同肌理的材料，則對比效果更具情趣性.

2）同類色或同種色相配，可選用異質的肌理材料變化來彌補單調感.

2.3 色彩的易見度

色彩在視覺中容易辨認的程度稱之為色彩的易見度.光對人眼產生刺激而產生色彩的感覺，光的刺激強度也稱為色彩的強度，一般而言，純度高、明度對比強烈則易見度高.因此在網頁配色時需要考慮的一個重要因素就是：要在前景色和背景色之間產生強烈對比，這樣可以便于用戶閱讀信息［6］.對于色障人群來說，這一點尤為重要.

圖3（彩色效果見插頁）的前景色與背景色對比度，這種情況下藍色盲患者是幸運的，他們看到的顏色比色覺正常的人所看到的顏色更鮮明.也許您也可以看到，雖然使用灰度調色板顯示時圖像看起來還不錯，但對于許多患有色覺障礙的用戶來說，這種顏色組合明顯不安全.

2.4 提供相關改善的選項

如今，網頁為了滿足不同人群的需求，出現了很多人性化的設計，插頁圖4為YAHOO網頁界面設計中為不同用戶需求提供的改善選項：現在人們常用的顯示器分辨率是1024×768，然而還有小部分用戶仍在使用800×600分辨率的顯示器，為了不給他們在閱讀時造成不便，在網頁上設置了“窄版觀看”的選項.為了豐富界面的變化，或者為了緩解視覺疲勞，或者是不同人群對于色彩的喜好，頁面上也設置了改變界面色彩的按鈕，這些小小的變化必將給瀏覽者帶來驚喜（圖4，彩色效果見插頁）.

同樣，通過這種方法，在界面上也可為色障人群提供相關改善的選項.設計師如果覺得使用通用色彩無法表達網站的含義，或者說實在覺得不美觀，但色彩選擇卻又給色障人群帶來不便，可以嘗試在頁面的適當位置為不同的色障人群設置方便的選項，比如分為全色盲、紅色盲、綠色盲、藍色盲等選項，這樣設計師就可以調配出更適合色障人群閱讀的網頁界面.

3 結束語

本文研究了面向色障人群的網頁色彩研究方法，給網頁設計師的配色方案提供了一套思路.網頁色彩的表現手法是多種多樣的，設計師在設計時，多觀察、多留心，多替被遺忘的色障人群考慮一下感受，想必設計出的網頁界面有助于更好地滿足視覺障礙者閱讀的需求，而且也會更加得到大眾的認同.

［1］王亞林.21世紀高等院校藝術設計精品規劃教材－色彩［M］.天津：天津大學出版社，2010.

［2］梁景紅.設計師談網頁設計思維［M］.北京：電子工業出版社，2006.

［3］王 寧，余隋懷，茍秉宸，等.面向色盲人群的計算機輔助色彩設計技術研究［J］.科學技術與工程，2007，7（12）：2 880－2 884.

［4］蘇 娜，張 凱.炫數碼色構網頁［M］.北京：中國宇航出版社，2005.

［5］馬 月.網站界面設計［M］.北京：北京理工大學出版社，2006.

［6］朱長利，劉宇平，鄒 紅.多媒體課堂網頁設計師必修［M］.北京：電子工業出版社，2006.