色彩的含義和對(duì)于用戶(hù)體驗(yàn)的影響算的上是基礎(chǔ)的色彩知識(shí)了,在開(kāi)始做配色方案滿(mǎn)腦子漿糊的階段,這些色彩知識(shí)可能會(huì)非常有用~
色彩和形象是用戶(hù)視覺(jué)感知中快也是最直接的元素,無(wú)需語(yǔ)言和文字,色彩會(huì)在一時(shí)間通過(guò)眼球反饋到大腦,觸發(fā)感受,影響情緒。不同的色彩能夠給予用戶(hù)不同的刺激,喚醒用戶(hù)不同的感受,所以,今天的文章簡(jiǎn)單總結(jié)一下不同色彩能帶來(lái)的效果,在情緒上的作用,通過(guò)案例展示它們是如何影響用戶(hù)體驗(yàn)設(shè)計(jì)的。紅色
危險(xiǎn),重要,激情
紅色是最強(qiáng)有力的色彩之一,它能展現(xiàn)愛(ài)的炙熱,也能反映戰(zhàn)爭(zhēng)的慘烈。英文當(dāng)中的“to see red”,中文中的“見(jiàn)紅”都能夠很好的反映出這種色彩中蘊(yùn)含的情感色彩。
通常而言,紅色的元素更容易被人注意到,它的強(qiáng)調(diào)作用讓使用這一色彩的部分顯得更為重要,當(dāng)然這一部分本身是提示還是警告,是好是壞就是另外一個(gè)問(wèn)題了。
紅色可以用作警告色,自然界中生物的充滿(mǎn)警示性的紅色皮毛,表示停止和警告的交通燈都是紅色。但是紅色的含義會(huì)根據(jù)場(chǎng)合、用量和設(shè)計(jì)而表示不同的含義。少量的紅色常常能夠很好的起到高亮的作用,而過(guò)量使用可能讓氛圍顯得不是那么輕松。橙色
信心,能量,樂(lè)觀
和紅色同為暖色系的橙色同樣有著“激勵(lì)”的一面,不過(guò)程度相對(duì)會(huì)輕一些。橙色不像紅色那么富有侵略性,但是同樣充滿(mǎn)活力,橙色經(jīng)常出現(xiàn)在與健康相關(guān)的場(chǎng)合下,比如維他命C(當(dāng)然這和飽含維生素的橙子分不開(kāi))。
橙色是俏皮而樂(lè)觀的,非常適合于出現(xiàn)在休閑場(chǎng)所。不過(guò)對(duì)于企業(yè)而言,橙色并不是選的色彩,有研究顯示,橙色會(huì)給人一種廉價(jià)的感覺(jué)。不過(guò),Hipmunk 基于自身的配色方案很好的運(yùn)用了橙色。不論廉價(jià)與否,一個(gè)提示性效果明顯的CTA按鈕,在藍(lán)色白色為主的頁(yè)面中總是相當(dāng)顯眼的吧?黃色
注意,提醒,快樂(lè)
黃色其實(shí)是一種矛盾而有趣的色彩,它同時(shí)包含了快樂(lè)和焦慮兩重情緒。黃色不僅僅能夠表現(xiàn)經(jīng)歷充沛、樂(lè)觀的情緒,但是同時(shí)它還是用作警示、禁止和提示的色彩。
當(dāng)黃色同黑色搭配到一起的時(shí)候,整體效果會(huì)醒目不少。這也是為什么世界上許多城市的出租車(chē)都選擇了黃黑搭配的配色,這樣的搭配讓行人很好的同其他的車(chē)輛區(qū)分開(kāi)來(lái),注意到。
當(dāng)然,黃色的選取和情緒傳達(dá)也是有規(guī)律的。淺黃色通常會(huì)顯得更加陽(yáng)光,而色調(diào)更暗的黃色(比如金色)則通常顯得更加嚴(yán)肅,給人的感受也更加厚重和復(fù)古。綠色
生長(zhǎng),自然,成功
植物和自然同綠色在視覺(jué)上有著天然的聯(lián)系,所以作為含義的自然延伸,綠色也具有生長(zhǎng)、健康的含義。
色彩的飽和度其實(shí)是非常值得注意的。高飽和度的綠色會(huì)給人非常振奮、富有動(dòng)態(tài)的感受,非常的搶眼,這也是為什么CTA按鈕大多會(huì)選擇高飽和度的綠色。藍(lán)色
信任,舒適,放松
藍(lán)色是
UI設(shè)計(jì)中最重要也是使用的最頻繁的色彩。不同的色調(diào)和色度的藍(lán)色能夠營(yíng)造出不同的氛圍,傳遞出不同的情緒。深沉的藍(lán)色能夠給人憂(yōu)傷的感受,英文俗語(yǔ)中的“Feeling Blue”說(shuō)的就是這個(gè)。
淺藍(lán)色能夠讓人聯(lián)想到天空和水面,給人以清新、自由和沉靜的感受。這種放松、友好同樣可以轉(zhuǎn)化為內(nèi)在的信任,所以,銀行也常常會(huì)使用這樣的藍(lán)色。
最著名的兩大社交媒體Facebook和Twitter 不約而同的將藍(lán)色作為主色調(diào)并非巧合。紫色
奢華,浪漫,創(chuàng)意
紫色之所以有奢華的內(nèi)涵,很大程度上是因?yàn)樗跉v史上很長(zhǎng)一段時(shí)間中都是王室和貴族專(zhuān)用的色彩,這一點(diǎn)成就了它高端和奢侈的文化特質(zhì)。
所以,當(dāng)今許多奢侈品牌選擇紫色作為主色調(diào)。
由于紫色當(dāng)中還含有紅色的光譜,所以它本身還帶有一些“激情”的特質(zhì),類(lèi)似薰衣草紫這樣的色彩尤其明顯。粉色
女性化,天真無(wú)邪,青春
粉色應(yīng)該是最甜蜜的色彩之一,所以這種色彩同樣會(huì)給人一種嬉鬧玩樂(lè)的感受,頗為孩子氣。這就是為什么在很多時(shí)候選擇粉色能夠讓用戶(hù)感到愉悅。
實(shí)際上,粉色并不是任何時(shí)候都代表著女性化。過(guò)度使用粉紅色會(huì)讓部分相對(duì)更加傳統(tǒng)的用戶(hù)感到惱火。棕色
保守,地球,穩(wěn)定
棕色其實(shí)并不適合絕大多數(shù)的網(wǎng)站,而英國(guó)倫敦甚至有“審紳士不穿棕色”的俗語(yǔ)。不過(guò)對(duì)于有些場(chǎng)合,棕色能夠很好的勝任。棕色能夠營(yíng)造出鄉(xiāng)土、老派的感受,非常適合農(nóng)業(yè)、戶(hù)外相關(guān)的頁(yè)面。棕色還可以同木材聯(lián)系到一起,給人穩(wěn)定和可靠的感覺(jué)。
德芙巧克力的
網(wǎng)站設(shè)計(jì)幾乎整個(gè)都是用的棕色,通過(guò)不同色度色調(diào)的棕色相互搭配。
一般說(shuō)來(lái),低飽和度的棕色適用于菜單、控制面板和背景。黑色
正式,權(quán)力,老練
黑色是所有色彩中最強(qiáng)有力的,它甚至比紅色更快吸引用戶(hù)的注意力,這也是為什么文本和強(qiáng)調(diào)默認(rèn)是使用的黑色。當(dāng)黑色在配色方案中起主導(dǎo)作用的時(shí)候,比如用作黑色背景,它可以和其他色彩一樣營(yíng)造特定的情緒。
當(dāng)黑色同銀色、灰色結(jié)合起來(lái)使用的時(shí)候,它可以呈現(xiàn)出老練和成熟的感受。白色
新鮮,清潔,健康
就像和它正好相反的黑色一樣,白色可以和它周?chē)纳蚀钆淦饋?lái),作為次要配色而存在。
當(dāng)白色作為主色調(diào)而存在的時(shí)候,它的干凈和純凈的特質(zhì)就具有壓倒性的優(yōu)勢(shì)了。如果你的網(wǎng)站上使用的白色過(guò)多導(dǎo)致整體看起來(lái)過(guò)于單調(diào),可以用白色的分支諸如象牙白和奶白色來(lái)讓整個(gè)設(shè)計(jì)更加立體。灰色
正式,重力,成熟
棕色代表中性。不論你的網(wǎng)站是使用的冷色調(diào)還是暖色調(diào),加入灰色能夠創(chuàng)造出該色系下不同色調(diào)的色彩。
當(dāng)灰色用作主色調(diào)的時(shí)候,它會(huì)給人一種拘謹(jǐn)?shù)挠∠?,但是這并非是壞事。Dropbox 就是使用灰色的CTA按鈕設(shè)計(jì),用戶(hù)能夠非常快速的找到合適的按鈕。
同樣的,你還可以使用相應(yīng)的內(nèi)容和圖像來(lái)規(guī)避色彩本身“陰郁”的感覺(jué),讓用戶(hù)關(guān)注更吸引人的元素。
分享文章:用戶(hù)體驗(yàn)設(shè)計(jì)師告訴你色彩的意義
本文網(wǎng)址:http://m.rwnh.cn/news26/189676.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有用戶(hù)體驗(yàn)等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)