設(shè)計ui與心理學色彩
99 2016-01-04
首先我們要快速對顏色及其心理暗示的意義有個基本的了解:
1黃色:過度耀眼會讓人討厭,有警示的寓意(交通法規(guī)中常用),但兒童非常喜歡這個顏色;
2橘色:溫暖而不危險,與能量有關(guān)(飲料、運動、健身),兒童也同樣喜歡這個顏色;
3紅色:提示操作,興奮,沖動,血腥,象征激情和理想的時尚/化妝品牌,交友網(wǎng)站和食物(麥記,肯德基爺爺)
4紫色:代表奢華,典雅,溫柔,女性,只有在暗色系的紫色才有一些恐怖灰暗的聯(lián)想;
5黑色:上等的,漂亮的,傳統(tǒng)的,團體的,企業(yè)的,優(yōu)秀卓越等
6綠色:自然,能提升幸福感,健康產(chǎn)品,道德活動,新理念,新觀點;
7藍色:智力理性,深藍色和奢侈品有關(guān)聯(lián),淺藍與清新的產(chǎn)品和想法有關(guān),藍色有利于抑制食欲,所以幾乎食品都不用藍色系做廣告;
8粉色:用來吸引女性用戶的注意力,一般為喜愛甜食的人比較有刺激效果;
9白色:純凈,涼爽,冷靜和現(xiàn)代;
研究表明,色彩心理受個人認知影響。社會因素中如社會性別也對顏色如何被感知有一定影響作用。進一步研究表明,不僅是顏色自身含義的影響,也是關(guān)于在使用中如何讓用戶恰當?shù)母兄接迷谄放粕系念伾x。那我們知道色彩及心理學的關(guān)聯(lián)后,它們又是如何作用于UI之上呢?
首先,我們設(shè)計一個網(wǎng)站,一個app一般都需要確定一個主題顏色,網(wǎng)站只有一種顏色這是不可能的,除非你打算用純單色。所以你應(yīng)該考慮整體的配色方案和使用的每個色彩,以及它們的統(tǒng)一性。另外還要考慮顏色對用戶的影響,以及如何讓你正在使用的主色和輔助色相匹配??紤]到這一點,你應(yīng)該會關(guān)心怎樣混搭顏色能匹配并且能夠幫你解決網(wǎng)站顏色問題?;貞浐芫们拔抑v過的色彩基本方法中就是有這樣3個方法:1三角色彩計劃;2復合色(互補色);3近似色;如想再深入了解可以看維基百科。
其次,當我們?nèi)涡缘臎Q定了一個黑色為主題色后,便要開始YY各類其他元素,如按鈕,列表,文本,表單等。繼續(xù)拿高端大氣上檔次的黑色來舉例,我們的按鈕一般會采用表達產(chǎn)品感覺的顏色,這樣會使按鈕和黑色的背景形成鮮明的對比,鼓勵更多人去點擊,又去掉用戶瀏覽的全黑頁面單一的感受。而文本,我們一般使用白色或者對比度略高的顏色,便于用戶在不費勁的情況下閱讀瀏覽。表單的操作思路同文本。最后就剩注意事項了,色彩是設(shè)計的一個重要組成部分,也是整個品牌重要的一部分。所用的顏色所傳達的意義必須喝品牌個性和品牌故事一致。通常情況下,設(shè)計師有時不得不用現(xiàn)有的藝術(shù)作品,如logo,并且不得不再此基礎(chǔ)上選擇顏色。然而這過程似乎是被完全壓縮了的,但調(diào)色板的實用性也許可以讓你在做的過程中比較容易些。雖然說起來很容易,但真正能運用好顏色的設(shè)計師可是非常難得的。
掃一掃
獲取更多福利
獵學網(wǎng)企業(yè)微信
獵學網(wǎng)訂閱號
獵學網(wǎng)服務(wù)號