第14部分(第2/4 頁)
正確理解某些顏色(最常見的是紅綠色盲)。假如您想知道色盲如何感知顏色,請訪問。那裡還有完全色盲(非常少見),還有一些人只能看到某些顏色(“色盲”沒有任何修飾或限制)。
那些視覺稍有損傷的人僅僅在生活中會有些不便。損傷嚴重的人也會有一系列可用的技術幫助他們改變瀏覽器中網頁的色彩—“為了更清楚地看到你呀,乖乖。”①
從根本上說,我們這裡討論的是最小公分母策略,它最大的好處就是正確使用後就不會流失顧客!
一位英國的網站設計可用性諮詢師瑪塔?埃倫尼克提供了一系列的顏色一覽表,“這會幫助您設計出適合廣大使用者的網站。”這是她的提高網站可用性的一些觀點:
? 背景顏色和其上的文字顏色對比明顯。
? 保持文字下的背景顏色為純色—沒有圖案什麼的。
? 確保顏色不是傳達給顧客資訊的唯一方式—僅僅透過顏色來表示表單中的某一區域需要修改可不是什麼好主意。
? 小心使用色彩編碼—不超過四種顏色,保持在所有網頁上的使用的一致性。
? 網頁可讀的最佳組合是白底黑字。
? 如果訪客看一張網頁的時間比較長,如果您的具體顧客是老年人,那麼使用亮一些的顏色。
? 為了使顧客輕鬆地辨別顏色,選擇深藍、深紅和深紫色,或者淺綠、淺黃和淺桔色。
? 當鄰近顏色有必要作出區別時,請不要把紅色和綠色或黃色和藍色放在一起。
? 表達關鍵資訊的文字或圖表不要使用灰色。
? 由於眼睛中藍色接受體數量最少,所以小號字不要使用藍色,圖表的線條顏色不能太淡。
? 有些顏色組合會導致頭痛、幻影,給訪客帶來其他錯覺。避免使用相反色(如藍色和紅色)和高色度顏色(如藍色和黃色)。
您可以做的一個比較重要的驗收測試,是評估每一張網頁,可以先看灰色的,再看黑白的(最強烈的對比,這種情形下網站可以由輔助技術來表現)。您希望確保說服架構在這些技術的控制之下。
顏色應該增強網站的體驗感覺,但由於不同人對顏色有不同看法,顏色不能決定網站體驗。記住著名的教育家約瑟夫?埃伯斯說的話:
對於“紅色”,五十人會有五十種“紅色”,並且各個均不同。
另外一位網站設計大師亞歷克斯?沃克建議結合文字開始顏色設計:拿一張紙,寫下描述網站氛圍的形容詞。思考您想表達的風格和感覺,想想目標使用者的個性特徵,把所有能想到的詞語都列出來。然後遴選出前五個詞,用這些詞來指導顏色的選擇和含義。
蒐集一些特定的題材和顏色,並且可以代表您的想法和行為的自然圖片。選擇一張,感覺顏色最符合要求的,把它掃描到電腦裡,然後取色,選出調色盤,準備處理最突出的顏色。
把顏色和心情、品質和情感聯絡起來,這就是選擇顏色的下一個參照點。當您看到前五個詞時想到的是什麼顏色?深綠?褐色?淺藍?鮮紅?選擇二到三種顏色,但絕對不要超過四種。我們還見過巨牛的網站,只用一種顏色!極簡的顏色表達含義更加明確,不會過分刺激訪客。在電子商務中,顏色很清晰地證明了簡潔就是美的真理。
第二章 構建(34)
下一步,不要把顏色作為設計的核心。沃克讓我們想起有六種基本但同等重要的元素對高效設計很有用:
(1)線條
(2)形狀
(3)明暗度(顏色的深淺和明暗)
(4)空白區域
(5)結構或模式
(6)顏色
顏色還有另外一個重要作用,它可以幫您直觀地組織網站。它可以使訪客注意到網頁上最重要的資訊,同時降低其他資訊的重要性。顏色還可以幫助您展示導航系統結構,可以給不同服務的特徵編碼,還可以強調出特別商品或限時供應的商品。
在踏上電子商務的“黃磚路”之前,您應該:
? 確定網站的整體風格。
? 選擇顏色有限的調色盤。
? 使顏色成為強大的設計中一個完整的元素。
? 使顏色為組織內容服務。
關鍵是巧妙地、有意識地使用顏色,它有超強的影響力。
模型
顏色模型完成後,這個圖片就可以轉變為HTML檔案。
本章未完,點選下一頁繼續。