顏色是UX設(shè)計師可用的最強大的工具之一,并且一個話題肯定會在平面設(shè)計師之間產(chǎn)生一些熱烈的辯論。在UX設(shè)計中顏色選擇的重要性比簡單地選擇美觀的調(diào)色板要深刻一些。除了應用顏色心理影響網(wǎng)站用戶之外,設(shè)計師還必須說明我們的大腦如何看待顏色,顏色對可用性的影響以及顏色的文化內(nèi)涵。
顏色組合可以使您的設(shè)計更容易(或更難)查看
你有沒有訪問過一個網(wǎng)站,并且驚嘆于這兩種顏色如何相輔相成,提供恰當?shù)膶Ρ榷龋窟@個效果可能是有意的。顏色值在可讀性和用戶體驗中起著重要作用。每種顏色都有一個基于它在顏色輪中的位置的值,它決定了它與其他顏色的一致性。色輪兩側(cè)的色彩搭配可以使閱讀更容易 - 特別是對于用戶在明亮的光線下閱讀智能手機屏幕的用戶而言。另一方面,將文本放置在背景相似的顏色值上可以使閱讀更加困難。
在為您的網(wǎng)站設(shè)計配色方案時,您應該避免使用一些顏色組合。你有沒有看過一個圖像,某些顏色似乎彈出屏幕?這種效應稱為色譜。這種現(xiàn)象在圖像或文字中產(chǎn)生了深度的幻覺,這種效應可能會造成疲勞。大腦經(jīng)常使用某些顏色組合,特別是藍色和紅色的色差,并且可以在網(wǎng)頁設(shè)計中創(chuàng)造一個令人吃驚的效果 - 只是看下面的例子。以下是一些簡單的設(shè)計提示,可幫助您在網(wǎng)頁設(shè)計中有效地使用顏色:
覆蓋顏色不同的值可讀性。
不要使用具有一致的色彩模式的背景。
請勿重疊亮起或暗黑暗。
不要使用霓虹燈或彩虹設(shè)計。
在UX設(shè)計中考慮色盲
UX設(shè)計師面臨的一個特殊挑戰(zhàn)是容納具有色盲或色覺缺陷(CVD)的游客。這種共同的病情影響了超過百分之八的男性和約百分之零點五的北歐血統(tǒng)婦女。由于CVD的這種高度流行性,UX設(shè)計師采用適合于多種顏色盲人的彩色盲人調(diào)色板。在某些情況下,個人不能在紅色和綠色之間破譯,而在其他情況下,藍色和黃色顯示相同。在非常罕見的情況下,個人可能根本看不到顏色。以下是創(chuàng)建色盲可訪問設(shè)計的一些有用提示:
避免在具有相似顏色值的背景上重疊文本。雖然這對大多數(shù)讀者來說是困難的,但CVD患者可能無法在具有相似顏色值的背景上閱讀文本。換句話說,您的網(wǎng)頁可能看起來像一個純文本的顏色,沒有文字。這并不意味著您不一定使用您想要的顏色組合,只需確保調(diào)整顏色值,使其具有足夠的獨特性。
符合顏色和線條厚度編碼。提高可訪問性的一種方法是向用戶提供多種方式來了解您的內(nèi)容。例如,如果您的網(wǎng)站上的文字或圖形是一致的顏色,請選擇一致的線條厚度。這樣一來,即使有人無法區(qū)分出另一種顏色,他們?nèi)匀荒軌蚶斫饽愕哪J健?/p>
要考慮到最常見的難以辨別的顏色。您對用戶吸收內(nèi)容的能力了解越多,您可以對設(shè)計做出更明智的選擇。例如,為了避免使用藍色CVD的人難以實現(xiàn)的網(wǎng)站設(shè)計,可以幫助您吸引更多的用戶,并提高整體的可訪問性。一個很好的一般提示是避免嚴重依賴于紅色,綠色和藍色的設(shè)計。
檢查你的工作 對于那些沒有CVD的人來說,嘗試猜測一個設(shè)計可能是很難的。幸運的是,有一些國外的網(wǎng)站,如Vischeck,Colorblind網(wǎng)頁過濾器和Coblis,可以向您展示如何顯示不同類型的色盲患者。Colbis甚至為設(shè)計師提供了有色盲人的機會,以檢查您的設(shè)計的可讀性,以確保您的設(shè)計可訪問。
建立與文化的顏色設(shè)計
了解人類大腦生理解釋顏色的方式只是UX設(shè)計師的難題之一。除了生物學方面,文化和語境也在您的用戶體驗和反應顏色方面發(fā)揮巨大的作用。這個概念可以更復雜的應用,因為不同于幾乎每個觀察者的紅綠色組合,顏色可以在不同的文化中帶來顯著不同的含義。了解用戶的文化遺產(chǎn)對于創(chuàng)建有效的網(wǎng)頁設(shè)計至關(guān)重要。黃色可能在美國造成溫暖友善的感覺,但意味著法國背叛,中國色情,日本勇敢,泰國運氣。紫羅蘭色可以表示西方人的使用權(quán),中國觀眾的貴族和巴西文化的哀悼。在開始設(shè)計之前了解這些文化線索研究是一個好主意。請咨詢概述不同文化的常見顏色含義,以確保您不會產(chǎn)生任何令人遺憾的錯誤。有效地使用顏色可以打破或破壞您的用戶體驗。了解不同背景下的顏色可以幫助您避免刺激性設(shè)計,使您的網(wǎng)站更易于訪問,并與文化多樣的受眾更深入地共鳴。