怎么巧用顏色調(diào)配進步轉(zhuǎn)化率 |
發(fā)布時間:2021-01-28 文章來源:本站 瀏覽次數(shù):2568 |
一個好的的網(wǎng)頁規(guī)劃離不開出彩的顏色調(diào)配,顏色的運用關(guān)于網(wǎng)站的視覺效果的決定性效果是無需懷疑的。雖說顏色自身是不會產(chǎn)生品質(zhì)感,可是顏色可以影響用戶的心情,左右用戶的感知和判斷,從而影響用戶用戶的行為。有計算發(fā)現(xiàn)購物是,超越90%的購買決策都受到顏色的影響,雜志上的全彩廣告比是非廣告多26%,這也佐證了顏色的重要性,所以顏色是規(guī)劃師網(wǎng)頁規(guī)劃的重要東西。 定論并不難得出,顏色關(guān)于用戶的影響是顯著的,關(guān)于挑選、轉(zhuǎn)化率的影響是毋庸懷疑的。不過,問題在于,你能否找到真正對的顏色來調(diào)配你的規(guī)劃?為了答復這個問題,今天規(guī)劃師就來剖析和了解顏色是怎么影響人的,以及它關(guān)于男性和女人的影響有著怎樣不同的差異。 顏色心思學 顏色對用戶所傳達的不僅僅產(chǎn)品自身的信息,而且也關(guān)于用戶的心思有著顯著的影響。不同的顏色傳遞著不同的感觸,一同這還和你所在的國家地區(qū)以及文化背景有著嚴密的聯(lián)絡(luò)。不過一般來說,不同的顏色國際范圍內(nèi)絕大多數(shù)的國家與地區(qū)所代表的意義、傳遞的心情是迥然不同的: 赤色:風險,重要,激情 赤色是血與火的顏色,它是最強大的顏色之一,一同代表著愛與戰(zhàn)役。 赤色所傳遞出的心情是十分劇烈的,乃至可以直接引起相應(yīng)的生理改變,包含血壓升高,呼吸頻率進步,等等。 赤色還代表著精力充沛,可以引起沖動,還是是速度與力氣的象征。 勇士是引人注意的,它是十分具有性格的顏色,就像頒獎典禮現(xiàn)場的紅地毯,它代表著走紅毯的名人和明星的重要性。而赤色運用在網(wǎng)頁傍邊,則意味著這個元素是最重要的、值得重視和注意的。 橙色:自傲、能量、樂觀 橙色相同是十分艷麗的顏色,它和赤色也有著許多共通的地方,可是相對而言程度較低。它沒有赤色那么激烈的侵略性,可是它相同有著精力充沛的意義,可以營建出積極向上的心情和氣氛。 就像赤色相同,橙色相同具有有很高的辨認度,可以激烈地招引用戶的注意力,高亮特定元素的效果。另一方面,一些研討標明,橙色還能傳遞出“廉價”的意義,這也是為什么許多電商網(wǎng)站和APP會傾向于將購物車和購買相關(guān)的鏈接標識為橙色。 黃色:陽光,幸福,注意 黃色是十分有意思的顏色,它一同具有了幸福和焦慮兩種特性,不得不說它的這個特征十分的哲學。在規(guī)劃中,黃色十分簡單引起注意力,所以它也是日常生活中近視標識的常用色。盡管它在警示效果上不如赤色激烈,可是仍然給人傳遞出風險的感覺。 當黃色與黑色調(diào)配起來的時分,可以獲得更多的重視,聞名的紐約出租車便是選用的這樣的規(guī)劃。 綠色:天然、生長、成功 與綠色聯(lián)絡(luò)最嚴密的毫無疑問是天然。絕大多數(shù)的植物都是綠色的,它與生長和健康都有著嚴密的關(guān)聯(lián)。 在網(wǎng)頁規(guī)劃中,綠色可以起到平衡和協(xié)調(diào)的效果。不過在規(guī)劃過程中,綠色的飽和度需求好好控制。高飽和度的綠色讓人興奮,引人注意,而低飽和度的綠色則挨近中性色的效果,可以平衡整個規(guī)劃。
藍色:舒適,放松,信任 藍色是天空和海洋的顏色,它是UI規(guī)劃中最重要也是最常用的顏色,你在規(guī)劃中所選取的藍色的色調(diào)和色度,都會直接影響到你的規(guī)劃關(guān)于用戶的影響。 ·淺藍色給人清爽、自在、安靜的感覺。這種輕松友好的氣氛還能轉(zhuǎn)化為信任的感覺,這也是為何如此多的銀行類網(wǎng)頁/APP會運用淺藍色。 ·深藍色可以給人強大而牢靠的感覺。
紫色:豪華,靈性,創(chuàng)造性 紫色的運用頻率并不算高,它自身的這種稀缺性使得它在規(guī)劃運用中有著特別的位置。歷史上,曾經(jīng)一度只要歐洲皇室能運用,直到今天,它仍然保持著某種奢侈感。將紫色運用到網(wǎng)頁或許APP中,常常會給用戶一種高端的感覺。 一個風趣的查詢標明,有挨近75%的兒童喜愛紫色和附近的顏色。
黑色:力氣,優(yōu)雅,精美 黑色是一切顏色中最有力氣的,它可以很快地招引用戶的注意力,這也是為何它是文字的基準色,也常常作為許多規(guī)劃的主色。 當黑色作為UI控件和視覺元素的主色調(diào)的時分,它常常會帶來相應(yīng)的情感聯(lián)絡(luò),它可以輕松傳達出雜亂的心情,營建奧秘的氣氛。 白色:健康,純潔,崇高 白色通常代表著純潔,給人以潔凈、健康、崇高的感覺。由于白色常常同健康服務(wù)和立異啊所關(guān)聯(lián),所以你可以運用白色來著重安全性,推廣醫(yī)療和高科技的產(chǎn)品。 在規(guī)劃傍邊,白色常常用作留白,用以杰出周圍的顏色、控件。正確運用留白是一項十分重要的規(guī)劃技能
很多的留白讓其他的元素鋒芒畢露。 灰色:正是,中性,專業(yè) 灰色代表中性和中立。比較于其他的顏色,灰色更為安全,當灰色作為主色調(diào)而存在的時分,能讓規(guī)劃的形式感更為激烈,這并不算壞事。和白色類似,這種中性色可以讓其他的顏色更為顯眼。
灰色通常同其他更為明亮的顏色調(diào)配起來運用。 性別與顏色 盡管歷來都沒有什么男性色和女人色這樣的詳細規(guī)矩,可是在過去的一個世紀傍邊,不少研討標明,男女在顏色喜好上是有著顯著的差異的: 最喜愛的顏色
最不喜愛的顏色
·藍色是兩種性別都十分喜愛的顏色,而且比較女人,男性更喜愛藍色的各種變體。 ·男性和女人都十分不喜愛棕色、橙色和黃色;疑桥俗畈幌矏鄣念伾,而紫色是男性最不喜愛的顏色之一。 ·當涉及到不同的色調(diào)、色相和色度的時分,男性更喜愛大膽的顏色,而女人則更喜愛愈加柔軟的顏色。 ·大多數(shù)人都認為女人更偏心粉色,可是實際情況并非如此,只要一小部分女人將粉色視為最喜愛的顏色。因而,盡管顏色心思學傍邊將粉色作為女人氣質(zhì)的象征,可是這并不意味著絕大多數(shù)的女人喜愛它。 品牌色的重要性 顏色是許多品牌規(guī)劃的核心元素。品牌網(wǎng)站建設(shè)的每一種顏色都直接或許間接地塑造著這個品牌的特征,乃至一些顏色已經(jīng)超越了品牌,成為了職業(yè)的基準色,比方旅游業(yè)常用藍色,健康相關(guān)的產(chǎn)業(yè)運用綠色,而快餐和飲食業(yè)常用赤色。 可是,當你在為一個品牌選取品牌配色的時分,并沒有捷徑可以走,并沒有什么可以快速搞定的規(guī)律。有些公司樂于選用適應(yīng)職業(yè)的配色計劃,而有的企業(yè)則發(fā)現(xiàn),運用跳出規(guī)矩的配色計劃反而可能會取得奇效。
所以,挑選意想不到的顏色也許是讓人記住的好辦法呢。 顏色和轉(zhuǎn)化率優(yōu)化 那么你到底要怎么借助顏色理論和心思學常識來讓用戶點擊按鈕呢?是否讓按鈕具有行為呼喚的特征,可能是用戶體會規(guī)劃師們爭論的最多的問題。有人認為,奪目的赤色是最佳的挑選,而另一部分人則認為,綠色相同奪目,而且還給人以安全感。
盡管測驗之前,簡直一切人都預(yù)測綠色的按鈕效果會更好,然而實際情況則是,赤色按鈕比綠色按鈕多出了21%的點擊率。影響要素是雜亂而多樣的。 按鈕自身的顏色關(guān)于點擊轉(zhuǎn)化率的影響,其實并不大。一種顏色作為按鈕色在A網(wǎng)站網(wǎng)站上可行,可能在B網(wǎng)站上就沒那么好使了,說一種顏色比別的一種顏色的轉(zhuǎn)化率高,自身便是錯的,并不存在什么通用的最佳顏色?墒牵幸恍┲档脜㈤喌耐ㄓ靡(guī)律可以幫你更合理地用色。其間,有一個心思學效應(yīng)叫做“孤立效應(yīng)”,它簡而言之便是最杰出、被孤立出的元素更簡單被用戶注意到,乃至被挑選。 舉個例子,假如你的網(wǎng)站中運用了很多的綠色,那么用戶不太可能注意到綠色的按鈕,哪怕說綠色按鈕在別的一個AB測驗中完勝赤色按鈕。
因而,最重要的是調(diào)整整個頁面的信息和層次結(jié)構(gòu),讓按鈕真正具有行為呼喚的能力,顏色的比照是要害,假如按鈕無法從諸多元素中鋒芒畢露,那么轉(zhuǎn)化率從哪來?
顏色和可用性 規(guī)劃當然不能只是漂亮,功能和可用性相同重要。這兩個項簡直是一切UX規(guī)劃師最重視的要素。顏色可以引導視覺,良好的UI會用好顏色這一東西,可以說顏色不僅可以引導用戶的注意力,而且還可以指引交互,決定體會。 控制配色的數(shù)量 配色計劃中,顏色的數(shù)量不應(yīng)該太多。每添加一種顏色,調(diào)配方法和雜亂度都會進步,而這最終會影響用戶的體會,讓用戶感到混亂。
在室內(nèi)規(guī)劃領(lǐng)域有一個聞名的60-30- 10 規(guī)律,它相同適用于其他的規(guī)劃領(lǐng)域,在網(wǎng)頁和UI配上相同適用了:主色調(diào)占60%,次要色占30%,10%是提亮色。這種配比之下,可以創(chuàng)造出滿足平衡的規(guī)劃,讓整個配色主次分明,一同能讓用戶的視覺能注意到焦點。
無障礙規(guī)劃 有必要承認,相同的顏色,不同的人所看到的是不相同的。大約有8%的男性和0.5%的女人是色盲,而色弱的用戶也不在少數(shù)。紅綠色盲是最常見也是占比最多的視覺障礙者,所以,盡量避免將這兩種顏色調(diào)配到一同,至少不要用作要害的信息用色,這樣能躲避不少問題。
正如同W3C的規(guī)矩所說,顏色不應(yīng)該用作僅有的交互指示標識,規(guī)劃師應(yīng)該供給愈加明晰的作物指示信息,比方“您所輸入的電子郵件地址無效”,最起碼要供給相應(yīng)的錯誤圖標作為標識。 |
|