色彩心理學(xué)對網(wǎng)頁設(shè)計的作用有哪些
根據(jù)網(wǎng)站網(wǎng)絡(luò)數(shù)據(jù)分析結(jié)果表明,當(dāng)我們觀察顏色的時候,我們的眼睛會將消息發(fā)送到我們大腦中被稱作下丘腦的這個區(qū)域。然后這將進(jìn)一步的信號傳輸?shù)侥X垂體,最后到甲狀腺腺體。然而這個信號激素的釋放會導(dǎo)致我們情緒和情感的波動,并且最終導(dǎo)致我們的行為結(jié)果。
根據(jù)網(wǎng)站網(wǎng)絡(luò)數(shù)據(jù)分析結(jié)果表明,當(dāng)我們觀察顏色的時候, 我們的眼睛會將消息發(fā)送到我們大腦中被稱作下丘腦的這個區(qū)域。然后這將進(jìn)一步的信號傳輸?shù)侥X垂體,最后到甲狀腺腺體。然而這個信號激素的釋放會導(dǎo)致我們情緒和情感的波動,并且最終導(dǎo)致我們的行為結(jié)果。
科學(xué)告訴我們,顏色可以引起我們消極的負(fù)面感覺。對于一個站點來說,訪問者只需花費90秒就可以做出判斷或者意見。進(jìn)一步來說,“62%—90%的交互是由產(chǎn)品自己的顏色決定的。”
顏色的含義是什么
對于每個人來說,每種顏色都意味著些什么,盡管這些意義取決于我們個人的喜好和文化背景。看看下面的色卡,可以作為一個顏色含義的快速參考。
設(shè)計中的色彩心理學(xué)不是一門精準(zhǔn)的科學(xué),并且研究表明,色彩心理受個人認(rèn)知影響。社會因素中如社會性別也對顏色如何被感知有影響。進(jìn)一步研究表明,不僅是顏色自身含義的影響,也是關(guān)于在使用中如何讓用戶恰當(dāng)?shù)母兄接迷谄放粕系念伾x。
所以,如果你是給女性設(shè)計的,那么紫色是一個不錯的選擇,因為一般來說它是普遍女性喜歡的顏色,但是男性是不喜歡的(當(dāng)然通常情況下是這樣)。在下圖中,對巴黎歐萊雅來說是一個很好的效果 。正如你所看到的那樣,頁眉和頁腳都是黑色的,它表明了地位感和優(yōu)雅感,讓你總體感覺到該產(chǎn)品并不便宜,而是高端產(chǎn)品。
此外,文字用白色的,表示著現(xiàn)代和平靜感,然而選定的紫色代表著奢華的,優(yōu)雅和女人味——所有這些都清晰的適合于一個網(wǎng)站。
當(dāng)我們進(jìn)入到網(wǎng)頁的次層級中,那么標(biāo)題的顏色理所應(yīng)當(dāng)使用在每一個頁面上。當(dāng)你快速瀏覽減肥標(biāo)簽下的頁面。
確定顏色主題
你創(chuàng)建一個網(wǎng)站,這個網(wǎng)站只有一種顏色這是不可能的,除非你打算用純單色。所以你應(yīng)該考慮整體的配色方案和使用的每個色彩,以及它們的統(tǒng)一性。另外還要考慮顏色對用戶的影響,以及如何讓你正在使用的主色和輔助色相匹配。
考慮到這一點,你應(yīng)該會關(guān)心怎樣混搭顏色能匹配并且能夠幫你解決網(wǎng)站顏色問題。那么你可以了解下面三個顏色混合的基本方法。
1三角色彩計劃
這是一個基本的,并且穩(wěn)定平衡的方法。原理是使用了色彩的活力和互補(bǔ)特性。使用這個12項色環(huán),你可以選擇任何三種顏色,這三種顏色的位置關(guān)系是彼此是120度的距離,依次作為背景,內(nèi)容和導(dǎo)航的顏色。
2復(fù)合色(互補(bǔ)色)
第二種方法有一點難并且你可能為了證明它是恰當(dāng)合適的顏色不得不去做些實驗,如果實驗做得好,它會是非常有效的。這個概念用了四種顏色,即兩組對比色(色環(huán)上相鄰兩個顏色的180度補(bǔ)色)
3近似色
這個方法僅側(cè)重于互補(bǔ)色,當(dāng)決定你想要的計劃要去傳達(dá)給用戶的時候,你可以考慮這個方法。它強(qiáng)調(diào)了選擇顏色的活力,當(dāng)這些色彩被夸大后就可能太多了。
因此考慮色彩心理學(xué)時,重要的是你應(yīng)該把所有色彩作為一個整體去考慮,它們在一起怎么工作,而不是只選一個顏色,還有希望顏色要與其它的內(nèi)容如背景,文本等這些按鈕起到作用。
看看下面的這張圖片,并且考慮下它向用戶傳達(dá)了什么內(nèi)容。
1背景顏色——黑色的背景展現(xiàn)了網(wǎng)站的優(yōu)質(zhì),精細(xì),正式和統(tǒng)一的企業(yè)形象。顯然,當(dāng)考慮網(wǎng)站提供輔導(dǎo)的時候,你應(yīng)該會想傳達(dá)卓越,精益求精這些東西。網(wǎng)站的形式上表明,當(dāng)和學(xué)習(xí)相關(guān)的這些企業(yè)社團(tuán)表明用戶可能不是作為一種愛號學(xué)習(xí)代碼,而是作為他們未來職業(yè)生涯中的一種技能來學(xué)習(xí)的。
2按鈕的顏色——該網(wǎng)站使用了紅色的按鈕作為交易按鈕。和黑色的背景形成了鮮明的對比,鼓勵更多用戶去注冊。對于不太重要的按鈕則使用白色描邊,與整體方案一致。
3文本顏色——對于文本,白色規(guī)定了所有重要的對比度,同時和整體顏色方案相匹配。白色的線性圖標(biāo)(白色半透明的按鈕)被放在了下面來鼓勵用戶在必要的時候向下滾動來獲取更多內(nèi)容。
總體來說,設(shè)計工作做得很好——我們都知道黑色和白色搭配在一起能夠協(xié)調(diào),在這種情況下,這個網(wǎng)站感覺優(yōu)雅和相對正式。紅色,如果使用過度,可能會使網(wǎng)站的取意遠(yuǎn)離整個信息的傳達(dá),所以它在使用時非常的謹(jǐn)慎,只是為了突出并讓它清楚的表達(dá)所需的動作是去注冊這個功能的目的就好了。
避免一些顏色
棕色在設(shè)計中通常會喚起自然感,但是這個顏色是大多數(shù)男性最不喜歡的顏色,但它確實在某些情況下工作使用,因為用它來表示可靠性。
當(dāng)然,你可以使用現(xiàn)成的調(diào)色板,你的選擇色彩的時候來幫助你。當(dāng)涉及到網(wǎng)頁UI設(shè)計,你不需要重新發(fā)明色輪。