當(dāng)用戶體驗(yàn)設(shè)計(jì)遇見(jiàn)色彩情感

2018-01-16 1474 0
小C:有一段時(shí)間沒(méi)分享東西了,記得上次與大家分享過(guò)“情感化設(shè)計(jì)中的手繪應(yīng)用表現(xiàn)”。今個(gè)再次煽情一下,與大家分享一點(diǎn)關(guān)于色彩情感的那些事兒,可能前部分的色彩介紹大家有了解過(guò)。但任何事情有因有果,所以還是先讓大家了解下關(guān)于色彩的組成和色彩的情感等,再來(lái)簡(jiǎn)單說(shuō)說(shuō)在我們生活中和界面設(shè)計(jì)中的運(yùn)用所帶來(lái)的感受,以及人們對(duì)色彩的喜好偏差和色彩的決定性作用等等。
一、關(guān)于色彩 1、色彩 色彩,對(duì)于人類而言,始終屬于自然界最神奇的奧妙之一,永遠(yuǎn)都在激發(fā)著我們的好奇心和創(chuàng)造力。在我們生活中無(wú)論何時(shí)何地,充滿著各種多采多姿的色彩,哪里有光,哪里就有顏色。有時(shí)我們會(huì)認(rèn)為顏色是獨(dú)立的:天空是藍(lán)色的、植物是綠色的、而花朵是紅色的。但事實(shí)上,其實(shí)色彩并不會(huì)單獨(dú)存在,漂亮的色彩搭配常??梢宰尞?huà)面更加吸引人你的目光。色彩就像是音符一樣,沒(méi)有某一種顏色是所謂的“好”或“壞”,唯有一個(gè)個(gè)的音符組合起來(lái)才能譜出美妙的樂(lè)章,才能說(shuō)是協(xié)調(diào)或者不協(xié)調(diào)。
2、色相環(huán) 色相環(huán)告訴我們顏色之間的相互的關(guān),在很多關(guān)于色彩文章中,都可以看到色相環(huán)的身影,它是我們選擇顏色的一個(gè)強(qiáng)有力的工具。色相環(huán)是指人類的肉眼可以辨識(shí)的色彩色相所組成的色環(huán),它由12種基本的顏色組成。包含三原色,即紅、黃、藍(lán),原色混合產(chǎn)生了二次色,即橙、綠、紫,二次色混合產(chǎn)生了三次色。三原色是色相環(huán)中所有顏色的“父母”。在色相環(huán)中只有這三種顏色不是由其它顏色混合而成,在色環(huán)中的位置是平均分布的。 01
  二、色彩情感 每個(gè)人有自己所喜愛(ài)的音樂(lè),同樣每個(gè)人也有自己鐘愛(ài)的色彩,每一種顏色都有一種寓意。色彩做為第一視覺(jué)語(yǔ)言,當(dāng)人類初接觸到一個(gè)事物產(chǎn)生第一印象時(shí),色彩的吸引力往往高于其造型所產(chǎn)生的印象。適當(dāng)?shù)膽?yīng)用色彩能夠增強(qiáng)畫(huà)面感染力,提升產(chǎn)品印象與感覺(jué),而不同的色彩常常左右了產(chǎn)品最終給人的感受。 色彩具有象征性,而且色彩的象征性具有區(qū)域性,民族性。說(shuō)到象征我們腦海里首先會(huì)蹦出:紅玫瑰象征熾熱的愛(ài)情,黃色總是與富麗,權(quán)利地位相連,白色純潔,藍(lán)色優(yōu)雅平靜,黑色肅穆,邪惡等。因?yàn)轭伾哂邢笳餍裕晕覀円謭?chǎng)合著裝,送禮等。
02 色彩能夠快速幫助我們建立用戶認(rèn)知: 下面簡(jiǎn)單介紹下三原色給我們帶來(lái)的色彩感受,以及在生活中和設(shè)計(jì)中的運(yùn)用。 紅色 紅色是三原色之一,紅色的純度高、注目性高、刺激作用大,是視覺(jué)效果最強(qiáng)烈的色彩。 紅色是中華民族最喜愛(ài)的顏色,甚至成為中國(guó)人的文化圖騰和精神皈依,中國(guó)人近代以來(lái)的歷史就是一部紅色的歷史,承載了國(guó)人太多紅色的記憶。紅色代表著平安、喜慶、福祿、康壽、尊貴、和諧、團(tuán)圓、成功、忠誠(chéng)、勇敢、興旺、浪漫、性感、熱烈、濃郁、委婉的感受;意味著百事順?biāo)?、?qū)病除災(zāi)、逢兇化吉、棄惡揚(yáng)善…… 在生活中,也隨處可見(jiàn)紅色的存在,由于紅色容易吸引人眼的注意,因此許多警告符號(hào)與提示符號(hào)都使用紅色來(lái)表示,例如紅綠燈中的紅色表示停止、路邊的維修燈號(hào)、車輛的煞車燈都使用紅色來(lái)表示警告、提醒行人注意等等。在消防設(shè)備、消防栓、滅火器都使用紅色,方便在必要的時(shí)候能夠快速的找到它們。 03 紅綠燈、消防栓、滅火器 在網(wǎng)頁(yè)設(shè)計(jì)中,以紅色為主色的并不多,在大量信息的頁(yè)面里有大量面積的紅色是不易于閱讀的。但若搭配好的話,也可以起到振奮人心的作用。過(guò)純的紅色容易使人疲勞,引起人的心理反感,所以一般只有在以活動(dòng)節(jié)慶為主題的網(wǎng)站中才會(huì)大面積使用純紅色,而在其他主題的網(wǎng)站中,要使用大面積的紅色就需要加白或調(diào)暗。 04 黃色 黃色屬于色彩三原色之一,是所有色彩中最明亮的色彩。作為暖色調(diào)的基準(zhǔn)色彩之一,黃色給人一種快樂(lè)、輕快、通透、輝煌、充滿希望與活力的色彩印象,給人一種莊重、高貴、明亮的心理感受。但也由于黃色的明度相當(dāng)高,黃色很容易受到其他顏色的影響,色相稍微偏紅、綠一點(diǎn)就會(huì)被覺(jué)得是橙色或綠色,明度降低時(shí)就容易被認(rèn)為是土色,所以某方面而言,黃色是一個(gè)相當(dāng)難以掌握的色彩。 黃色會(huì)令人想起太陽(yáng),而且在自然界及人類世界中都非常常見(jiàn)。這是一種會(huì)引起人注意的顏色。從大黃蜂到校車,從交通燈到熒光筆,到處都有醒目的黃色出現(xiàn)。嚴(yán)重犯規(guī)的足球運(yùn)動(dòng)員會(huì)被出示黃牌作為警告,而在環(huán)法自行車賽中穿黃色領(lǐng)騎衫的選手是所有人追逐的目標(biāo)。 05 校車、足球黃牌 黃色是在網(wǎng)頁(yè)設(shè)計(jì)配色中使用極為廣泛的顏色之一,它具有明朗愉快的感覺(jué),在各類信息網(wǎng)站中都可以使用。但純黃色很少大面積使用,同純紅色一樣,過(guò)于強(qiáng)烈了,但小面積點(diǎn)綴用得頗多。比如用暗清色的黃與其他色彩的暗清色調(diào)和使用,頁(yè)面就會(huì)多一些典雅和奇特的感覺(jué)。
06 藍(lán)色 藍(lán)色屬于色彩三原色之一,它是最冷的色彩,非常純凈,給人一種美麗、寧?kù)o、清潔、理智、安詳與廣闊的感覺(jué),產(chǎn)生對(duì)浩瀚宇宙、萬(wàn)里晴空、碧波海洋的聯(lián)想; 藍(lán)色是大海與天空的顏色,在自然界中也非常常見(jiàn)。藍(lán)色是永恒的象征,它的種類很繁多,每一種藍(lán)色又代表著不同的政治或其他含義。藍(lán)色有著勇氣、冷靜、理智、永不言棄的含義,所以許多國(guó)家警察的制服是藍(lán)色的,警察和救護(hù)車的燈一般是藍(lán)色的。 07 藍(lán)色有沉穩(wěn)的特性、具有理智、準(zhǔn)確的意象,同時(shí)還表示希望。在商業(yè)設(shè)計(jì)中,強(qiáng)調(diào)科技,效率的商品或企業(yè)形象,大多選用藍(lán)色當(dāng)標(biāo)準(zhǔn)色,企業(yè)色,如科技、知識(shí)、計(jì)算機(jī)、企業(yè)、政府、銀行和門(mén)戶等。藍(lán)色還代表了“可信”的心理感受,很多企業(yè)做網(wǎng)站時(shí)都選擇了藍(lán)色。騰訊公司官網(wǎng)就是其中之一。 08 騰訊公司官網(wǎng)、騰訊客服頁(yè)面、中國(guó)建設(shè)銀行官網(wǎng)、中國(guó)南方航空官網(wǎng) 在生活和設(shè)計(jì)中還有很多諸如此類的色彩運(yùn)用,比如橙色使人感到成熟的瓜果而產(chǎn)生甜的感受;綠色為植物的顏色,象征著生命,傳達(dá)出清爽、理想、希望、生長(zhǎng)的意象,如果將它與藍(lán)色、黃色,甚至紅色搭配起來(lái)用于網(wǎng)頁(yè)設(shè)計(jì)中,則可以給網(wǎng)站增加一絲活潑、輕快的感覺(jué);而紫色給人的情感是高貴、嬌艷與幽雅。色彩種類如此之多,在這里就不一 一做詳細(xì)說(shuō)明了。 三、色彩情感在界面設(shè)計(jì)中的一些運(yùn)用 色彩是我們接觸事物所第一個(gè)感受到的,也是印象最深刻的。睜開(kāi)眼睛,點(diǎn)開(kāi)網(wǎng)頁(yè),最先感受到的并不是網(wǎng)站所提供的內(nèi)容,而是網(wǎng)頁(yè)中的色彩搭配所呈現(xiàn)出來(lái)的一種感受,各種色彩爭(zhēng)先恐后地沿著視網(wǎng)膜印在我們腦海中,色彩在無(wú)意識(shí)中影響著我們的體驗(yàn)和每一次點(diǎn)擊,它暗示了用戶登入這個(gè)網(wǎng)站所代表的方向與意義。 有看過(guò)網(wǎng)站色彩分析相關(guān)文章的人一定對(duì)這類圖片不陌生,它把各種知名網(wǎng)站的Logo與CIS系統(tǒng)以色彩分門(mén)別類整理。我們發(fā)現(xiàn),大部分網(wǎng)站以及互聯(lián)網(wǎng)企業(yè)的商標(biāo)色彩都分布在紅色系以及藍(lán)色系附近。因?yàn)殚偌t色帶給人溫暖、熱情、主動(dòng)的活力感,而藍(lán)色則具有可靠、專業(yè)的形象感,可以說(shuō)都是網(wǎng)路公司形象上致力想營(yíng)造出的形象,而藍(lán)色系色彩,其實(shí)還具有另外一個(gè)重要的特性。 以下這張是來(lái)自ColorLovers的整理: 09 色彩的喜好偏差: 如上面所講到的色彩帶給人的感受存在著客觀上的代表性意義,但在每個(gè)人的眼里所實(shí)際感受到的色彩存在著大大小小的差異。從一個(gè)客戶網(wǎng)站分析公司KISSmetrics的調(diào)查報(bào)告圖表中,我們清晰的看到,男性和女性都喜歡藍(lán)色和綠色,或許這是自然中最常見(jiàn)的色彩;男性和女性都比較討厭橙色和褐色。而不同的是男性喜歡黑色,而女性則討厭灰色;女性則喜歡紫色,而男性則討厭紫色。因而得知男性和女性對(duì)于色彩的喜好度是有所偏差的。所以在選擇配色時(shí)不仿多考慮不同觀賞者的角度下所呈現(xiàn)的樣子來(lái)做選擇、深入體會(huì)閱讀者的感受。 10 色彩能夠在理解和決策階段起到?jīng)Q定性作用: 美國(guó)流行色彩研究中心的一項(xiàng)調(diào)查表明,人們?cè)谔暨x商品的時(shí)候存在一個(gè)”7秒鐘定律”:面對(duì)琳瑯滿目的商品,人們只需7秒鐘就可以確定對(duì)這些商品是否感興趣。在這短暫而關(guān)鍵的7秒鐘內(nèi),色彩的作用占到67 %,成為決定人們對(duì)商品好惡的重要因素,這就是20世紀(jì)80年代出現(xiàn)的”色彩營(yíng)銷”的理論依據(jù)。同樣道理,在界面設(shè)計(jì)中,如果色彩的選擇和搭配恰到好處,可以在段時(shí)間內(nèi)給新用戶留下深刻的印象,會(huì)給我們的設(shè)計(jì)帶來(lái)意想不到的效果。 11 色彩能夠決定轉(zhuǎn)化率的差距: 美國(guó)數(shù)字營(yíng)銷公司Hubspot曾經(jīng)做過(guò)一場(chǎng)A/B Testing,用于測(cè)試不同顏色對(duì)于用戶點(diǎn)擊轉(zhuǎn)化造成的差異。 在下圖中,左右兩個(gè)測(cè)試頁(yè)面在內(nèi)容上完全一致,唯一不同的是按鈕的顏色,在超過(guò)2000人次的樣本測(cè)試中,最終紅色方案的點(diǎn)擊率超過(guò)綠色方案的點(diǎn)擊率足足21%。而在測(cè)試之前,大部分的研究員都猜測(cè)綠色方案會(huì)獲得更高的點(diǎn)擊,因?yàn)榫椭庇X(jué)而言,綠色代表著通行、準(zhǔn)許通過(guò)的意思,而紅色則更傾向于警告、阻止意味。
12 因?yàn)榧t色具有刺激心血的緊迫感,常出現(xiàn)在清倉(cāng)場(chǎng)景,而橙色的呼叫意味濃厚,用于創(chuàng)建下訂、購(gòu)買(mǎi)、出售的行動(dòng),所以紅色和橙色一般用于購(gòu)物網(wǎng)站或App的購(gòu)買(mǎi)和支付按鈕。另外還會(huì)用于一些錯(cuò)誤提示頁(yè)面,表示警示提醒你注意。 13 因?yàn)榫G色代表著安全、通行、準(zhǔn)許的意思,可以讓人感到輕松,緩解壓力,所以綠色通常用于開(kāi)始按鈕和下載按鈕,還有成功提示頁(yè)面。 14 手機(jī)QQ、QQ音樂(lè)產(chǎn)品下載頁(yè) 15 電腦管家8 所以在設(shè)計(jì)時(shí),不能單純憑借自己的喜好去配色,還有很大一部分原因由產(chǎn)品本身的定位以及標(biāo)準(zhǔn)色和整體的色調(diào)而決定,另外我們要充分的考慮用戶使用時(shí)的感受,雖然不能完全滿足所有用戶,但起碼我們要顧及大部分的用戶。當(dāng)然色彩的運(yùn)用不是限定死的,并非說(shuō)購(gòu)買(mǎi)按鈕一定用紅色、橙色,而下載按鈕一定用綠色。具體的色彩風(fēng)格需去認(rèn)真的了解設(shè)計(jì)需求,跟甲方討論產(chǎn)品的定位與感覺(jué),比如:穩(wěn)重、可信賴、活潑、簡(jiǎn)潔、科技感…等等,了解到客戶對(duì)產(chǎn)品的定位,我們就可以確定如何選擇最合適的色彩方向來(lái)進(jìn)行設(shè)計(jì)。


22
評(píng)論區(qū)(0)
正在加載評(píng)論...