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