九九精品影院-九九精品在线-九九精品在线播放-九九九国产-国产成+人+综合+亚洲不卡-国产成a人片在线观看视频

想要提升轉(zhuǎn)化率?那你要明白這些色彩心理學(xué)知識(shí)

2017-4-26    濤濤

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

色彩是設(shè)計(jì)師手里最重要的工具,它是決定了視覺效果,能夠影響用戶的心情和情緒,左右用戶感知和行為。色彩本身并不會(huì)產(chǎn)生愉悅感和品質(zhì)感,但是它能強(qiáng)化它們。

你有沒有想過,當(dāng)你在購物的時(shí)候,超過90%的購買決策都受到色彩的影響。有統(tǒng)計(jì)發(fā)現(xiàn),雜志上的全彩廣告要比黑白廣告多26%,這也能說明一部分問題。

結(jié)論并不難得出,色彩對于用戶的影響是顯著的,對于選擇、轉(zhuǎn)化率的影響是毋庸置疑的。不過,問題在于,你能否找到真正對的色彩來搭配你的設(shè)計(jì)?為了回答這個(gè)問題,我們需要分析和了解色彩是如何影響人的,以及它對于男性和女性的影響有著怎樣不同的差異。

色彩心理學(xué)

色彩對用戶所傳達(dá)的不僅僅產(chǎn)品本身的信息,而且也對于用戶的心理有著顯著的影響。不同的色彩傳遞著不同的感受,同時(shí)這還和你所處的國家地區(qū)以及文化背景有著緊密的聯(lián)系。不過一般而言,不同的色彩世界范圍內(nèi)絕大多數(shù)的國家與地區(qū)所代表的含義、傳遞的情緒是大同小異的:

紅色:危險(xiǎn),重要,激情

紅色是血與火的顏色,它是最強(qiáng)大的色彩之一,同時(shí)代表著愛與戰(zhàn)爭。

紅色所傳遞出的情緒是非常激烈的,甚至可以直接引起相應(yīng)的生理變化,包括血壓升高,呼吸頻率提升,等等。

紅色還代表著精力充沛,能夠引起沖動(dòng),還是是速度與力量的象征。Netflix 和 Youtube 都采用紅色作為主色調(diào)。

勇士是引人注意的,它是非常具有性格的色彩,就像頒獎(jiǎng)典禮現(xiàn)場的紅地毯,它代表著走紅毯的名人和明星的重要性。而紅色運(yùn)用在網(wǎng)頁當(dāng)中,則意味著這個(gè)元素是最重要的、值得重視和注意的。

橙色:自信、能量、樂觀

橙色同樣是非常鮮艷的色彩,它和紅色也有著許多共通的地方,但是相對而言程度較低。它沒有紅色那么強(qiáng)烈的侵略性,但是它同樣有著精力充沛的含義,可以營造出積極向上的情緒和氛圍。

就像紅色一樣,橙色同樣具備有很高的識(shí)別度,能夠強(qiáng)烈地吸引用戶的注意力,高亮特定元素的作用。另一方面,一些研究表明,橙色還能傳遞出“便宜”的含義,這也是為什么許多電商網(wǎng)站和APP會(huì)傾向于將購物車和購買相關(guān)的鏈接標(biāo)識(shí)為橙色。

Hipmunk 中的橙色按鈕非常的吸睛。

黃色:陽光,幸福,注意

黃色是非常有意思的色彩,它同時(shí)具備了幸福和焦慮兩種特性,不得不說它的這個(gè)特征非常的哲學(xué)。在設(shè)計(jì)中,黃色非常容易引起注意力,所以它也是日常生活中近視標(biāo)識(shí)的常用色。盡管它在警示效果上不如紅色強(qiáng)烈,但是依然給人傳遞出危險(xiǎn)的感覺。

當(dāng)黃色與黑色搭配起來的時(shí)候,可以獲得更多的關(guān)注,著名的紐約出租車就是采用的這樣的設(shè)計(jì)。

綠色:自然、生長、成功

與綠色聯(lián)系最緊密的毫無疑問是自然。絕大多數(shù)的植物都是綠色的,它與生長和健康都有著緊密的關(guān)聯(lián)。

在設(shè)計(jì)中,綠色可以起到平衡和協(xié)調(diào)的作用,在今年,也就是2017年,年度色就是草木綠,它甚至被稱為新的中性色。不過在設(shè)計(jì)過程中,綠色的飽和度需要好好控制。高飽和度的綠色讓人興奮,引人注意,而低飽和度的綠色則接近中性色的作用,可以平衡整個(gè)設(shè)計(jì)。

藍(lán)色:舒適,放松,信任

藍(lán)色是天空和海洋的色彩,它是UI設(shè)計(jì)中最重要也是最常用的色彩,你在設(shè)計(jì)中所選取的藍(lán)色的色調(diào)和色度,都會(huì)直接影響到你的設(shè)計(jì)對于用戶的影響。

·淺藍(lán)色給人清爽、自由、平靜的感覺。這種輕松友好的氛圍還能轉(zhuǎn)化為信任的感覺,這也是為何如此多的銀行類網(wǎng)頁/APP會(huì)使用淺藍(lán)色。
·深藍(lán)色能夠給人強(qiáng)大而可靠的感覺。

紫色:豪華,靈性,創(chuàng)造性

紫色的使用頻率并不算高,它本身的這種稀缺性使得它在設(shè)計(jì)使用中有著特殊的地位。歷史上,曾經(jīng)一度只有歐洲皇室能使用,直到今天,它依然保持著某種感。將紫色運(yùn)用到網(wǎng)頁或者APP中,常常會(huì)給用戶一種高端的感覺。

一個(gè)有趣的調(diào)查表明,有接近75%的兒童喜歡紫色和相近的色彩。

黑色:力量,優(yōu)雅,精致

黑色是所有色彩中最有力量的,它能夠很快地吸引用戶的注意力,這也是為何它是文字的基準(zhǔn)色,也常常作為許多設(shè)計(jì)的主色。

在 Squarespace 這個(gè)網(wǎng)站中,黑色的“Get Start”按鈕非常引人注意。

當(dāng)黑色作為UI控件和視覺元素的主色調(diào)的時(shí)候,它常常會(huì)帶來相應(yīng)的情感聯(lián)系,它可以輕松傳達(dá)出復(fù)雜的情緒,營造神秘的氛圍。

白色:健康,純潔,高尚

白色通常代表著純潔,給人以干凈、健康、高尚的感覺。由于白色常常同健康服務(wù)和創(chuàng)新啊所關(guān)聯(lián),所以你可以使用白色來強(qiáng)調(diào)安全性,推廣醫(yī)療和高科技的產(chǎn)品。

在設(shè)計(jì)當(dāng)中,白色常常用作留白,用以突出周圍的色彩、控件。正確使用留白是一項(xiàng)非常重要的設(shè)計(jì)技能。以Google首頁為例,白色讓其他的色彩更加突出,更有力量:

大量的留白讓其他的元素脫穎而出。

灰色:正是,中性,專業(yè)

灰色代表中性和中立。相比于其他的顏色,灰色更為安全,當(dāng)灰色作為主色調(diào)而存在的時(shí)候,能讓設(shè)計(jì)的形式感更為強(qiáng)烈,這并不算壞事。和白色相似,這種中性色能夠讓其他的色彩更為顯眼。

灰色通常同其他更為明亮的色彩搭配起來使用。Dropbox 就常常使用灰色來突出CTA按鈕。

性別與色彩

雖然從來都沒有什么男性色和女性色這樣的具體規(guī)則,但是在過去的一個(gè)世紀(jì)當(dāng)中,不少研究表明,男女在色彩喜好上是有著明顯的差異的:

最喜歡的顏色

最不喜歡的顏色

·藍(lán)色是兩種性別都非常喜歡的色彩,而且相比女性,男性更喜歡藍(lán)色的各種變體。
·男性和女性都非常不喜歡棕色、橙色和黃色。灰色是女性最不喜歡的色彩之一,而紫色是男性最不喜歡的色彩之一。
·當(dāng)涉及到不同的色調(diào)、色相和色度的時(shí)候,男性更喜歡大膽的色彩,而女性則更喜歡更加柔和的色彩。
·大多數(shù)人都認(rèn)為女性更偏愛粉色,但是實(shí)際情況并非如此,只有一小部分女性將粉色視為最喜歡的色彩。因此,雖然色彩心理學(xué)當(dāng)中將粉色作為女性氣質(zhì)的象征,但是這并不意味著絕大多數(shù)的女性喜歡它。

品牌色的重要性

色彩是許多品牌設(shè)計(jì)的核心元素。品牌配色中每一種顏色都直接或者間接地塑造著這個(gè)品牌的特征,甚至一些色彩已經(jīng)超越了品牌,成為了行業(yè)的基準(zhǔn)色,比如旅游業(yè)常用藍(lán)色,健康相關(guān)的產(chǎn)業(yè)使用綠色,而快餐和飲食業(yè)常用紅色。

但是,當(dāng)你在為一個(gè)品牌選取品牌配色的時(shí)候,并沒有捷徑可以走,并沒有什么可以快速搞定的法則。有些公司樂于采用順應(yīng)行業(yè)的配色方案,而有的企業(yè)則發(fā)現(xiàn),使用跳出規(guī)則的配色方案反而可能會(huì)取得奇效。Virgin Amarica 就是個(gè)典型,反其道而行之,選擇和航空并無關(guān)系的谷物作為吉祥物,雖然不同于用戶期望,但是非常突出。

所以,選擇意想不到的色彩也許是讓人記住的好辦法呢。

色彩和轉(zhuǎn)化率優(yōu)化

那么你到底要如何借助色彩理論和心理學(xué)知識(shí)來讓用戶點(diǎn)擊按鈕呢?是否讓按鈕具備行為召喚的特征,可能是用戶體驗(yàn)設(shè)計(jì)師們爭論的最多的問題。有人認(rèn)為,醒目的紅色是最佳的選擇,而另一部分人則認(rèn)為,綠色同樣醒目,并且還給人以安全感。

HubSpot 對此進(jìn)行了A/B測試,測試主要是圍繞著注冊界面的CTA按鈕進(jìn)行的。

雖然測試之前,幾乎所有人都預(yù)測綠色的按鈕效果會(huì)更好,然而實(shí)際情況則是,紅色按鈕比綠色按鈕多出了21%的點(diǎn)擊率。同時(shí),HubSpot 也添加了說明,因?yàn)闇y試結(jié)果始終是主觀的,因?yàn)橛幸欢C(jī)率是他們的訪客在這個(gè)網(wǎng)站中,本身就更加傾向于紅色,它畢竟是整個(gè)頁面中唯一出挑的色彩。影響因素是復(fù)雜而多樣的。

按鈕本身的色彩對于點(diǎn)擊轉(zhuǎn)化率的影響,其實(shí)并不大。一種色彩作為按鈕色在A網(wǎng)站網(wǎng)站上可行,可能在B網(wǎng)站上就沒那么好使了,說一種顏色比另外一種顏色的轉(zhuǎn)化率高,本身就是錯(cuò)的,并不存在什么通用的最佳色彩。但是,有一些值得參考的通用法則能夠幫你更合理地用色。其中,有一個(gè)心理學(xué)效應(yīng)叫做“孤立效應(yīng)”,它簡而言之就是最突出、被孤立出的元素更容易被用戶注意到,甚至被選擇。

舉個(gè)例子,如果你的網(wǎng)站中使用了大量的綠色,那么用戶不太可能注意到綠色的按鈕,哪怕說綠色按鈕在另外一個(gè)AB測試中完勝紅色按鈕。

因此,最重要的是調(diào)整整個(gè)頁面的信息和層次結(jié)構(gòu),讓按鈕真正具備行為召喚的能力,色彩的對比是關(guān)鍵,如果按鈕無法從諸多元素中脫穎而出,那么轉(zhuǎn)化率從哪來?

色彩和可用性

設(shè)計(jì)當(dāng)然不能只是漂亮,功能和可用性同樣重要。這兩個(gè)項(xiàng)幾乎是所有UX設(shè)計(jì)師最關(guān)注的因素。色彩能夠引導(dǎo)視覺,良好的UI會(huì)用好色彩這一工具,可以說色彩不僅能夠引導(dǎo)用戶的注意力,而且還能夠指引交互,決定體驗(yàn)。

控制配色的數(shù)量

配色方案中,色彩的數(shù)量不應(yīng)該太多。每增加一種色彩,搭配方式和復(fù)雜度都會(huì)提升,而這最終會(huì)影響用戶的體驗(yàn),讓用戶感到混亂。

在室內(nèi)設(shè)計(jì)領(lǐng)域有一個(gè)著名的60-30-10法則,它同樣適用于其他的設(shè)計(jì)領(lǐng)域,在網(wǎng)頁和UI配上同樣適用了:主色調(diào)占60%,次要色占30%,10%是提亮色。這種配比之下,能夠創(chuàng)造出足夠平衡的設(shè)計(jì),讓整個(gè)配色主次分明,同時(shí)能讓用戶的視覺能注意到焦點(diǎn)。

無障礙設(shè)計(jì)

必須承認(rèn),同樣的色彩,不同的人所看到的是不一樣的。大約有8%的男性和0.5%的女性是色盲,而色弱的用戶也不在少數(shù)。紅綠色盲是最常見也是占比最多的視覺障礙者,所以,盡量避免將這兩種色彩搭配到一起,至少不要用作關(guān)鍵的信息用色,這樣能規(guī)避不少問題。

就像下面的實(shí)例,“紅色的部分是必填的”對于色盲用戶而言,就是完全無法分辨的。

正如同W3C的規(guī)則所說,色彩不應(yīng)該用作唯一的交互指示標(biāo)識(shí),設(shè)計(jì)師應(yīng)該提供更加清晰的作物指示信息,比如“您所輸入的電子郵件地址無效”,最起碼要提供相應(yīng)的錯(cuò)誤圖標(biāo)作為標(biāo)識(shí)。

有許多不錯(cuò)的工具能夠幫你測試頁面的可訪問性設(shè)計(jì):

·WebAIM Color Contrast Checker 能幫你測試你的配色方案是否合理
·如果你使用PS,那么可以使用 Color Universal Design 來進(jìn)行驗(yàn)證,確保你的色彩適用于所有用戶,包括色盲用戶。

結(jié)語

沒有真正錯(cuò)誤的顏色,重要的是我們要如何使用它們。

【這些最佳實(shí)踐幫你在UI設(shè)計(jì)上更上一層樓】

  1. 《網(wǎng)頁設(shè)計(jì)中,如何突破柵格的限制又保持協(xié)調(diào)?》
  2. 《幫你搞定長滾動(dòng)網(wǎng)頁的設(shè)計(jì)最佳實(shí)踐》
  3. 《覺得自己學(xué)了假設(shè)計(jì)?真正的新用戶引導(dǎo)應(yīng)該這么設(shè)計(jì)》
  4. 《老生常談!設(shè)計(jì)高素質(zhì)的UI應(yīng)該掌握這7個(gè)關(guān)鍵屬性》
  5. 《這8個(gè)要點(diǎn),能讓你的網(wǎng)頁首圖抓住用戶注意力》

原文地址:medium
原文作者:NICK BABICH

優(yōu)設(shè)譯文:@陳子木

藍(lán)藍(lán)設(shè)計(jì)www.indbiotech.com.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

日歷

鏈接

個(gè)人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.indbiotech.com.cn

存檔

久久国产一区二区| 韩国妈妈的朋友在线播放| 你懂的福利视频| 免费一级生活片| 欧美国产日韩在线| 亚久久伊人精品青青草原2020| 一级毛片视频免费| 久久福利影视| 欧美激情在线精品video| 精品视频在线观看视频免费视频| 国产精品自拍在线| 色综合久久天天综合观看| 亚飞与亚基在线观看| 国产一区二区精品| a级毛片免费观看网站| 国产成人欧美一区二区三区的| 香蕉视频一级| 欧美日本韩国| 精品视频一区二区三区| 欧美日本免费| 欧美一区二区三区在线观看 | 黄视频网站在线免费观看| 精品国产一区二区三区国产馆| 久久精品欧美一区二区| 999久久久免费精品国产牛牛| 四虎影视精品永久免费网站| 天天做日日爱| 高清一级毛片一本到免费观看| 精品久久久久久中文字幕2017| 亚洲精品中文一区不卡| 二级特黄绝大片免费视频大片| 天天做人人爱夜夜爽2020毛片| 在线观看导航| 欧美激情一区二区三区在线播放| 久久国产精品只做精品| 91麻豆精品国产片在线观看| 国产a网| 人人干人人草| 午夜久久网| 欧美另类videosbestsex高清| 久草免费在线视频| a级毛片免费观看网站| 美女被草网站| 亚洲www美色| 黄色福利片| 精品久久久久久中文| 国产成人啪精品视频免费软件| 一级毛片视频免费| 精品视频在线观看视频免费视频| 麻豆系列国产剧在线观看| 国产亚洲男人的天堂在线观看| 999久久66久6只有精品| 精品视频在线看| 日韩av东京社区男人的天堂| 一级毛片视频在线观看| 亚洲天堂免费| 国产极品白嫩美女在线观看看| 国产91素人搭讪系列天堂| 日本在线www| 国产伦久视频免费观看 视频| 亚飞与亚基在线观看| 天天做日日爱夜夜爽| 国产伦久视频免费观看视频| 一级女人毛片人一女人| 欧美日本韩国| 国产成人精品在线| 99久久网站| 国产美女在线观看| 午夜欧美福利| 久久精品免视看国产明星| 99久久网站| 日韩在线观看视频黄| 国产网站麻豆精品视频| 精品国产三级a| 午夜在线观看视频免费 成人| 黄视频网站在线免费观看| 青青青草视频在线观看| 中文字幕一区二区三区精彩视频| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 国产麻豆精品hdvideoss| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 成人影院一区二区三区| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 欧美日本二区| 久久国产精品只做精品| 一级女人毛片人一女人| 四虎影视精品永久免费网站| 日韩专区亚洲综合久久| 国产91视频网| 你懂的日韩| a级毛片免费观看网站| 国产91精品系列在线观看| 久久99欧美| 亚州视频一区二区| 精品视频在线观看一区二区| 一级女人毛片人一女人| 麻豆系列国产剧在线观看| 国产国语在线播放视频| 国产成人女人在线视频观看| 欧美激情影院| 台湾毛片| 国产91视频网| 国产伦精品一区二区三区无广告| 亚洲天堂一区二区三区四区| 欧美激情一区二区三区在线| 欧美另类videosbestsex高清| 美国一区二区三区| 国产极品白嫩美女在线观看看| 欧美电影免费看大全| 日韩一级黄色片| 精品久久久久久中文| 尤物视频网站在线观看| 四虎影视库国产精品一区| 99色视频在线观看| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 99色视频在线| 国产麻豆精品hdvideoss| 亚洲精品中文字幕久久久久久| 亚欧视频在线| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 国产麻豆精品| 久久国产一区二区| 精品国产亚洲人成在线| 欧美日本免费| 四虎影视久久久| 99久久精品国产麻豆| 深夜做爰性大片中文| 精品国产亚一区二区三区| 国产a网| 日本特黄一级| 999精品在线| 国产麻豆精品免费密入口| 久久久久久久网| 国产福利免费观看| 黄视频网站免费观看| 亚洲精品久久玖玖玖玖| 久久福利影视| 久久精品大片| 黄色免费网站在线| 国产伦久视频免费观看 视频 | 国产a毛片| 黄色福利片| 欧美激情在线精品video| 欧美激情在线精品video| 国产a毛片| 亚洲天堂一区二区三区四区| 美女被草网站| 韩国妈妈的朋友在线播放| 免费的黄色小视频| 日韩中文字幕一区二区不卡| 麻豆系列国产剧在线观看| 精品国产一区二区三区久 | 欧美爱色| 香蕉视频一级| 国产伦久视频免费观看视频| 日本伦理片网站| 国产麻豆精品hdvideoss| 国产亚洲精品aaa大片| 国产精品免费精品自在线观看| 国产不卡在线看| 国产伦精品一区二区三区无广告| 高清一级毛片一本到免费观看| 日本伦理片网站| 美女免费毛片| 国产视频久久久| 久久久久久久网| 欧美a级成人淫片免费看| 欧美大片aaaa一级毛片| 精品国产一区二区三区国产馆| 国产美女在线观看| 二级特黄绝大片免费视频大片| 欧美一区二区三区性| 亚欧视频在线| 香蕉视频久久| 免费国产一级特黄aa大片在线| 亚久久伊人精品青青草原2020| 日日夜夜婷婷| 久久国产精品自线拍免费| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 欧美一级视| 国产不卡福利| 国产一区二区高清视频| 亚洲天堂免费| 精品久久久久久综合网| 亚洲第一页乱| 精品在线观看国产| 台湾毛片| 麻豆系列国产剧在线观看| 日韩在线观看视频网站| 999久久狠狠免费精品| 国产成人精品综合在线| 天天做日日干| 国产极品白嫩美女在线观看看| 九九热国产视频| 麻豆午夜视频| 99热精品一区| 黄视频网站免费看| 日本伦理片网站| 四虎影视久久| 韩国三级香港三级日本三级la|