UX設計背後的"SSR玄學" — 色彩心理學

01-26

文 | Falin
SODO資深交互設計導師

設計師這個職業在當今社會到底扮演著一個怎樣的角色呢？實際上設計師就是一個連接社會需求和科技革新的橋樑。

工程師和科學家們能夠引進最新的科技，但他們並不能將新的科技運用到人們日常的生活中，這個時候就需要設計師做一個「翻譯官」，在了解用戶的需求之後，將新的科技融入設計中去解決用戶的問題。說實在的，設計師真的是個特別全能的職業，既要了解科技又要了解用戶。

我們經常說要設身處地的替用戶著想，了解用戶的需求，分析用戶的痛點。設計師在做設計的時候應當將自己視為一個局外人，不要直接將自己的觀點帶入設計中，設計師自身的需求不能代表目標用戶的需求，要真正了解用戶，我們就不得不提到心理學。

看到這裡先別怵！心理學不是抽ssr一樣的玄學，而是以理性的角度科學地進行分析，這裡我們就以UX設計中的心理學為例來聊一聊這門所謂的「玄學」。

大家在使用某一款APP的時候是否有考慮過這些問題，比如：「為什麼這些按鍵（或者任何UI的components）會被設計成這樣的形狀？又為什麼會使用這樣的顏色？」

或許有的人會說：「這就是設計師憑自己喜好的選擇。」又有人會說：「或許這是遵循一定的設計規則吧。」實際上，確實在UX設計中確實存在一定的法則，這些規則實際上就是來源於人們的行為和想法，今天我們先就顏色進行討論。

說到顏色，據研究表明很多人對顏色的辨別都有一定的障礙，我們稱之為色盲或色弱。其中9%的男性和0.5%的女性都是色盲。

色盲並不是完全無法分辨顏色，只是對某幾種顏色的辨別中存在障礙，比較常見的有紅綠色盲、黃藍色盲以及黃綠色盲。所以在設計中就需要設計師遵循兩個原則：

1. 選擇所有色盲都能識別的配色方案。例如：不同色度的褐色或黃色，設計師應當盡量避免使用紅色、藍色或綠色

但是設想一下所有的APP界面如果都是褐色跟黃色，其實是一件挺可怕的事。針對這一情況就需要遵循下一個原則。

2. 在使用顏色代表特定意義時，應當同時使用另一種區分方案。例如：同時使用顏色和線條粗細來代表不同內容，這樣色盲者即使無法辨認特定顏色，也能看懂圖的含義

這裡建議大家在做設計時使用以下兩款網站進行模擬測試，了解色盲或色弱人士看到的效果：

雖然一定程度上我們對顏色可以精確地定義為物理，但對它的感知、解釋和反應是高度個性化和多變的。比如：紅色、橙色和黃色通常被認為是「溫暖」和「刺激」。紫色、藍色和綠色通常認為產生感覺的「平靜」和「寧靜」，弱的顏色通常被認為是更遙遠的強烈的顏色。

除此之外，在不同的文化背景下顏色也具有不同的意義，比如股票行情的走勢：

在A股中，紅色表示上漲的牛市，綠色則表示下跌的熊市。原因是在中國紅色通常表示熱情、喜慶，要不我們怎麼會說紅紅火火過大年呢！

但是反觀美國，紅色代表下跌，綠色則代表上漲，原因是財政赤字（也就是經濟困難）英文是red ink，所以自然紅色是代表下跌。另一方面，美元的紙幣是綠色，所以綠色在美國也代表著金錢。

實際上，由於許多隱含的聯想和假設，設計師應當特別注意謹慎紅色和綠色的使用。

顏色的搭配在一定程度上也會影響可讀性，不同的顏色搭配會產生不同的立體效果，我們稱之為「色彩實體視覺（chromostereopsis）」

雖然我們常說」自古紅藍出cp「，但是實際上由於紅藍搭配的效果過於強烈，紅色配綠色也是同理。所以在同一頁面中應當盡量避免紅藍或紅綠搭配，老話說」紅配綠賽狗屁「還是有科學依據的。

除此之外，不知道大家有沒有發現，無論是KFC還是M記這類快餐店都大量使用了紅色、橙色和黃色，原因是這類顏色在一定程度上會引發人們焦慮不安的情緒，所以顧客不會停留太長的時間。

反觀一些酒吧（靜吧，不是能蹦迪的）則大量使用了褐色或藍色，這是因為這種顏色會給人帶來平靜、安逸的感覺，因此顧客會想要長時間待在那裡。

根據網路分析公司KISSMETRICS的說法，顏色的選擇對消費者的購買行為有很大的影響。85%的消費者認為顏色是他們購買產品的主要原因，而52%的人由於美觀性而選擇是否再去訪問瀏覽一個網站。

最後建議大家去讀一讀COLORSCAPE指南

它包含658種顏色，分為56個主題。每個表項包括印刷顏色、CMYK和Munsell值、一個正式名稱、每個顏色的歷史描述和人們對每個顏色主觀反應的關鍵字。

歡迎關注SODO官方微信（搜索：sodo_art）

如有設計求職、專業技法、職業提升、求職作品集方面的問題，可私信宇文妍諮詢