- 相關(guān)推薦
網(wǎng)頁(yè)設計的色彩心理學(xué)知識
學(xué)習網(wǎng)頁(yè)設計的人,對于色彩一定要有所了解,下面小編為大家帶來(lái)了關(guān)于網(wǎng)頁(yè)設計的色彩心理學(xué)知識,歡迎大家閱讀!

紅色:危險,重要,激情
紅色是血與火的顏色,它是最強大的色彩之一,同時(shí)代表著(zhù)愛(ài)與戰爭。
紅色所傳遞出的情緒是非常激烈的,甚至可以直接引起相應的生理變化,包括血壓升高,呼吸頻率提升,等等。
紅色還代表著(zhù)精力充沛,能夠引起沖動(dòng),還是是速度與力量的象征。Netflix和Youtube都采用紅色作為主色調。
勇士是引人注意的,它是非常具有性格的色彩,就像頒獎典禮現場(chǎng)的紅地毯,它代表著(zhù)走紅毯的名人和明星的重要性。而紅色運用在網(wǎng)頁(yè)當中,則意味著(zhù)這個(gè)元素是最重要的、值得重視和注意的。
橙色:自信、能量、樂(lè )觀(guān)
橙色同樣是非常鮮艷的色彩,它和紅色也有著(zhù)許多共通的地方,但是相對而言程度較低。它沒(méi)有紅色那么強烈的侵略性,但是它同樣有著(zhù)精力充沛的含義,可以營(yíng)造出積極向上的情緒和氛圍。
就像紅色一樣,橙色同樣具備有很高的識別度,能夠強烈地吸引用戶(hù)的注意力,高亮特定元素的作用。另一方面,一些研究表明,橙色還能傳遞出“便宜”的含義,這也是為什么許多電商網(wǎng)站和APP會(huì )傾向于將購物車(chē)和購買(mǎi)相關(guān)的鏈接標識為橙色。
Hipmunk中的橙色按鈕非常的吸睛。
黃色:陽(yáng)光,幸福,注意
黃色是非常有意思的色彩,它同時(shí)具備了幸福和焦慮兩種特性,不得不說(shuō)它的這個(gè)特征非常的哲學(xué)。在設計中,黃色非常容易引起注意力,所以它也是日常生活中近視標識的常用色。盡管它在警示效果上不如紅色強烈,但是依然給人傳遞出危險的感覺(jué)。
當黃色與黑色搭配起來(lái)的時(shí)候,可以獲得更多的關(guān)注,著(zhù)名的紐約出租車(chē)就是采用的這樣的設計。
綠色:自然、生長(cháng)、成功
與綠色聯(lián)系最緊密的毫無(wú)疑問(wèn)是自然。絕大多數的植物都是綠色的,它與生長(cháng)和健康都有著(zhù)緊密的關(guān)聯(lián)。
在設計中,綠色可以起到平衡和協(xié)調的作用,在今年,年度色就是草木綠,它甚至被稱(chēng)為新的中性色。不過(guò)在設計過(guò)程中,綠色的飽和度需要好好控制。高飽和度的綠色讓人興奮,引人注意,而低飽和度的綠色則接近中性色的作用,可以平衡整個(gè)設計。
藍色:舒適,放松,信任
藍色是天空和海洋的色彩,它是UI設計中最重要也是最常用的色彩,你在設計中所選取的藍色的色調和色度,都會(huì )直接影響到你的設計對于用戶(hù)的影響。
·淺藍色給人清爽、自由、平靜的感覺(jué)。這種輕松友好的氛圍還能轉化為信任的感覺(jué),這也是為何如此多的銀行類(lèi)網(wǎng)頁(yè)/APP會(huì )使用淺藍色。
·深藍色能夠給人強大而可靠的感覺(jué)。
紫色:豪華,靈性,創(chuàng )造性
紫色的使用頻率并不算高,它本身的這種稀缺性使得它在設計使用中有著(zhù)特殊的地位。歷史上,曾經(jīng)一度只有歐洲皇室能使用,直到今天,它依然保持著(zhù)某種奢侈感。將紫色運用到網(wǎng)頁(yè)或者APP中,常常會(huì )給用戶(hù)一種高端的感覺(jué)。
一個(gè)有趣的調查表明,有接近75%的兒童喜歡紫色和相近的色彩。
黑色:力量,優(yōu)雅,精致
黑色是所有色彩中最有力量的,它能夠很快地吸引用戶(hù)的注意力,這也是為何它是文字的基準色,也常常作為許多設計的主色。
在 Squarespace 這個(gè)網(wǎng)站中,黑色的“Get Start”按鈕非常引人注意。
當黑色作為UI控件和視覺(jué)元素的主色調的時(shí)候,它常常會(huì )帶來(lái)相應的情感聯(lián)系,它可以輕松傳達出復雜的情緒,營(yíng)造神秘的氛圍。
白色:健康,純潔,高尚
白色通常代表著(zhù)純潔,給人以干凈、健康、高尚的感覺(jué)。由于白色常常同健康服務(wù)和創(chuàng )新啊所關(guān)聯(lián),所以你可以使用白色來(lái)強調安全性,推廣醫療和高科技的產(chǎn)品。
在設計當中,白色常常用作留白,用以突出周?chē)纳、控件。正確使用留白是一項非常重要的設計技能。以Google首頁(yè)為例,白色讓其他的色彩更加突出,更有力量:
大量的留白讓其他的元素脫穎而出。
灰色:正是,中性,專(zhuān)業(yè)
灰色代表中性和中立。相比于其他的顏色,灰色更為安全,當灰色作為主色調而存在的時(shí)候,能讓設計的形式感更為強烈,這并不算壞事。和白色相似,這種中性色能夠讓其他的色彩更為顯眼。
灰色通常同其他更為明亮的色彩搭配起來(lái)使用。Dropbox 就常常使用灰色來(lái)突出CTA按鈕
拓展閱讀:網(wǎng)頁(yè)設計中的色彩理論
一、顏色術(shù)語(yǔ)
你們當中很多人可能已經(jīng)在學(xué)校學(xué)過(guò)一些色彩基礎知識,讓我們快速回顧一些術(shù)語(yǔ),來(lái)更好的把握色彩和運用色彩。
色輪的主要組成
所有的色彩能在一個(gè)色輪中呈現。在這個(gè)色輪中,我們能把顏色分成3大塊:原色,輔助色和第三顏色。
三原色分別是紅色,藍色和黃色。這些色彩是基礎色,他們組成了色輪上的所有其他顏色。
把原色混合在一起,你就能得到輔助色,它們是橙色、綠色和紫色。
二、顏色的關(guān)系
描述顏色有大量的術(shù)語(yǔ),了解這些術(shù)語(yǔ)將有助于我們討論的色彩和色彩的情感含義。
互補色是互補互調的色彩,它們坐落在色輪上對立的位置。這些互補色有藍色和橙色、紫色和黃色、以及紅色和綠色。
鄰色是色輪上相毗鄰的色彩,所以當鄰色一起用時(shí),可以是很好的搭配,但不會(huì )有明顯的對比。
第三顏色是由中間色組成的,例如黃綠色和藍綠色,即由一個(gè)原色和一個(gè)輔助色混合組成。
三、基于情感的色彩群體
一些色彩群體是和情感聯(lián)系在一起的,比如溫暖、冷靜和中立的情感。
暖色能讓人感覺(jué)到溫暖,例如紅色、黃色和橙色。
冷色讓人聯(lián)想到?jīng)鏊秃,例如藍色,綠色和紫色。
中性色,顧名思義,并不創(chuàng )造怎樣的情感。像灰色和棕色就是中性色。
了解色彩這些方面的知識可以用幫助一個(gè)設計師在設計網(wǎng)頁(yè)時(shí)不用文字就能表達特定含義和特定情感,并彰顯優(yōu)勢。
四、設計中顏色的類(lèi)型
這里有兩種不同的顏色系統,兩者的運用取決于你設計什么。
RGB是這個(gè)色彩系統中三個(gè)基本色“紅、綠、藍”的英文縮寫(xiě),這三種基本色是光的三原色。RGB運用在電視電腦屏幕和任何類(lèi)型的屏幕上。
CMYK是“青色、洋紅、黃色、黑色”的英文縮寫(xiě),這些顏色是顏料的原色,CMYK被運用于印刷。
網(wǎng)頁(yè)上的設計是建立在RGB色彩系統上的。
五、明智地選擇色彩、傳達意義
色彩理論是運用顏色背后的意義給用戶(hù)帶來(lái)感官體驗的實(shí)踐所得。這種實(shí)踐經(jīng)驗再加上一些知識和想法可以運用到網(wǎng)頁(yè)的設計中去。
【網(wǎng)頁(yè)設計的色彩心理學(xué)知識】相關(guān)文章:
網(wǎng)頁(yè)設計對色彩的思考02-08
網(wǎng)頁(yè)設計的色彩搭配12-01
網(wǎng)頁(yè)設計中色彩的運用07-10
如何設計網(wǎng)頁(yè)色彩04-07
網(wǎng)頁(yè)設計色彩進(jìn)階技巧06-14
網(wǎng)頁(yè)設計色彩搭配技巧03-11