在我們的生活中,無處不見色彩的存在。然而,色彩不僅僅與藝術美感相關,它還能影響和反映出我們的心理情緒和生理狀態,並因文化差異而產生不同的聯想。色彩理論、色彩意義和色彩模式的研究領域,幫助我們為作品選擇最合適的配色方案。因此,在廣告設計、室內裝潢等領域,色彩的選擇都扮演著至關重要的角色,背後蘊含著色彩心理學的影響,也稱為色彩療法(Chromotherapy)。藉由深入了解色彩的力量和影響,我們可以更好地平衡設計,使之達到更好的視覺效果和心理感受。
色彩心理學研究了色彩如何影響人們的感知和行為。當我們看到一種顏色時,我們的眼睛會向大腦的下視丘傳遞訊息,然後進一步向腦下垂體發送信號,最後影響到甲狀腺腺體的激素釋放,進而影響我們的情緒、情感和行為。色彩引發情緒,這可能導致消極、積極或不協調的感覺。而客戶在觀看產品時,從形成評價到總結觀點的時間只需要90秒,其中產品的顏色與設計對於在主觀評比中佔62-90%的項目。這些都說明了色彩是產品使人建立第一印象的關鍵。
每一種顏色對每個人來說都有特定的含義,但這種含義因個人偏好和文化背景而異。可以參考以下的色彩圖表:
圖片來源: Mailjet
圖片來源: Mailjet
色彩心理學受人的知覺(sensation)與感覺(perception)的影響,社會、文化與生活環境會影響產品設計的整體評價,並非只是單純的色彩條配。而人的性別與年齡同樣會影響顏色的喜好。研究發現,顏色帶來的影響不只是顏色本身,還會使客戶對於品牌的體驗有不同的評價。
例如,在下面的圖像中,在了L'Oréal巴黎公司的網站上。沉著的粉膚色和照片中的大地色展示出優雅和成熟,幫助人們感受到產品並不廉價,而是有品質的產品。
此外,以suqqu的視覺設計為例,白色用於文字,表示現代和平靜的感覺,而霧藍色有低調、典雅和女性化的象徵,這些特質在這樣的網站上顯然是相當合適的。
然而,有時選擇色彩並不總是那麼直接。在考慮色彩心理學時,重要的是要考慮所有顏色作為整體的效果,以及它們彼此之間的和諧性,而不僅僅是挑選一個顏色,然後希望它能與背景、文本和按鈕等其他元素相融合。
在設計中,很少會只使用一種顏色(除非你打算完全單色),因此你應該考慮整體的色彩方案以及每種顏色本身,以及它們如何與其他顏色相互配合。還要考慮用戶的反應以及輔助顏色與主要顏色的搭配。
在這方面,你可以參考三種基本的顏色搭配方法:
圖片來源: Unlayer
1. 三色搭配法:這是最基本、平衡的方法,使用顏色的明亮度和互補性。使用12步色彩輪,你可以選擇任何三種顏色,這三種顏色彼此間的角度為120度,用於背景、內容和導航。
2. 複合搭配法(分割互補):第二種方法更加複雜,你可能需要進行多次實驗才能搞清楚,但如果做得好,它會非常有效。這種方法使用四種顏色——兩種對比色(在色彩輪上相鄰的顏色)和兩種互補色(在色彩輪上相對的顏色)。
3. 類似搭配法:這種方法僅關注互補色,你應該仔細考慮你希望這種方案向用戶傳遞什麼信息。由於它強調了選擇顏色的鮮艷程度,可能會因為顏色的過度渲染而變得過於搶眼。除了選擇色彩,設計師還需要關注色彩搭配的對比度,特別是當用戶可能有色盲或色覺障礙時。在這方面,有一些工具可以幫助你選擇適合的顏色,比如Adobe Color CC、Paletton、Flat UI Color Picker、Mudcube Color Sphere等等。
圖片來源:The Economic Times
色彩意義除了年齡和性別,另一個影響色彩偏好的因素是我們的文化背景。查看不同顏色的含義。這非常重要,因為不同的顏色在不同的國家有不同的含義。例如,在中國和印度,紅色是婚禮的顏色;而在南非,紅色是悼念的顏色。因此,紅色是與多種文化中的情感激烈相關聯的顏色,但所連結的事件在意義上有所不同,如婚禮和死亡,因此不同文化背景的人在看相同的顏色產生不同的情感。而白色在很多民族中都有喪禮的象徵意義,如俄語稱病人為“белый"(白色的),健康的人則為“красный"(紅色的) 。因此,在選擇目標受眾時,可以參考以下的圖表,選擇合適的顏色。
有成千上萬的網站運用色彩效果非常出色,同時也有很多網站未能運用得當。在這方面,我們來看一個贏得awwwards網站的例子,這個例子很容易理解為什麼會獲獎。
Calamigos Ranch網站背景白色,整體視覺是黑白與大地色調。簡單的設計和大字體非常有效傳達最重要的資訊。照片中新人的穿搭色能銜接網頁布局的其他顏色,讓整體的版面顯得簡約有質感,隨著頁面滑動,以淺土色與淡灰色區塊不僅讓頁面顯得生動,也能有效區別資訊內容。此外,圖片與資訊錯落有致的擺放方式,不僅能讓頁面看起來活潑,也不會錯過重要的資訊。
圖片來源:Calamigos Ranch
參考Moooi網站,網站運用動畫結合產品,既有現代感又能讓客戶對於產品有完整的想像。網站區塊配置簡約,而動畫與產品搭配一起的呈現方式,提升了更高的價值與科技感,既不是面向特定性別的,還能有效傳達設計師的設計理念與故事。產品不再只是死板的圖片陳列,還能建立鮮明的品牌印象,在競爭的市場中,展現品牌獨特的價值。
圖片來源:Moooi
整體視覺看來,Moooi的網頁給人一種精緻高級的現代城市生活感。
色彩在設計中起著舉足輕重的作用。通過色彩心理學的運用,設計師可以選擇合適的顏色來傳遞特定的訊息,並對用戶產生強烈的第一印象。了解不同顏色的含義、年齡、性別和文化等因素對顏色感知的影響,幫助設計師制定適合目標受眾的色彩方案。在進行色彩設計時,設計師應選擇色彩搭配方法,如三色搭配、複合搭配和類似搭配,來確保色彩之間的和諧性。同時,設計師應注意對比度,以確保色盲或色覺障礙的用戶也能正確感知內容。選擇合適的色彩需要仔細考慮品牌個性、品牌故事和目標用戶,而不僅僅是個人偏好。使用各種工具和實例來幫助選擇適合的顏色,能夠提高設計的效果,創造出引人入勝的用戶體驗。設計師應該不斷學習,不斷優化色彩運用,以實現設計的成功。
1. 設計配色完整攻略:色彩意義、色彩理論、色彩心理學讓您一次擁有!
2. CO18:色彩背後的意義
3. 色彩心理學(上):顏色有「性格」?你的日常衣服怎樣配色?