網(wǎng)頁設(shè)計中按鈕是什么顏色

　　什么顏色的按鈕更容易讓用戶點擊，大概是網(wǎng)頁設(shè)計、電商設(shè)計中最早的爭論之一吧。就跟隨百分網(wǎng)小編一起去了解下吧，想了解更多相關(guān)信息請持續(xù)關(guān)注我們應(yīng)屆畢業(yè)生考試網(wǎng)!

　　很多人說紅色是最佳顏色，因為它傳遞緊迫感并引起興奮�；蛘哒f是綠色，因為綠色意味著前進(Go)。然而，Unbounce(一個網(wǎng)站)認為橙色大按鈕是最理想的，因為橙色代表熱情、能量和“完成它”的態(tài)度。

　　既然大家都給出了答案，那么還有什么好爭論的呢?因為數(shù)據(jù)顯示的結(jié)果，并不能很好的支持某個顏色是按鈕的最佳選擇。Hubspot(網(wǎng)站)發(fā)表了一個受歡迎的案例，結(jié)果顯示A/B測試中紅色按鈕的表現(xiàn)優(yōu)于綠色。但是，Sentient的用戶見過橙色、粉紅色、鮮綠色、甚至白色按鈕效果優(yōu)于紅色。WiderFunnel(網(wǎng)站)的Chris Goward表示，橙色按鈕在A/B測試中經(jīng)常獲勝。

　　由于這么多沖突的調(diào)查結(jié)果， Peep Laja和ConversionXL(網(wǎng)站)的網(wǎng)友們認為，顏色本身對按鈕的影響非常小，顏色的影響在于它對整個頁面視覺層級的影響，最有效的按鈕是“明顯”的按鈕。

　　“明顯”的按鈕到底是什么意思呢?

　　在神經(jīng)科學(xué)中，視覺顯著性(visual saliency )是一個專業(yè)術(shù)語，表示一個東西在場景中的“明顯”程度。顯著性是一個很復(fù)雜的話題，但是有些東西你必須知道：你的視覺皮層天生偏向于更容易注意到某個場景中更為“明顯”的東西。這不是心理導(dǎo)致的，它不受文化、個人偏好和種族的影響，這是人類大腦進化的結(jié)果，使我們更加容易的在紛亂的視覺世界里偵察到獵物、捕食者或同伴。

　　視覺顯著性是可以被測量的。最可靠的方法是，進行大規(guī)模的眼動跟蹤研究，觀察統(tǒng)計人們第一眼放在你網(wǎng)頁的哪個位置。

　　哪些東西有助于提高顯著性?

　　在按鈕的全局環(huán)境中，一個頁面有太多的視覺因素促使你的大腦迅速的判斷整個設(shè)計，并給你的眼睛下達指令。

　　我們使用機器學(xué)習(xí)來分析來自眼動跟蹤的數(shù)據(jù)，來判斷哪些設(shè)計因素對視覺顯著性的影響最大。結(jié)果顯示，色相是一個因素，但更重要的是發(fā)光度(luminance)，特別是發(fā)光對比度(luminance contrast)。

　　注釋：為了與亮度作區(qū)分，所以這里譯做發(fā)光度。

　　什么是亮度?技術(shù)上講，它指光的強度和你對光感知到的亮度。在設(shè)計的整體環(huán)境中，發(fā)光對比度是屏幕中的一個物體和周圍物體發(fā)光度的不同。

　　發(fā)光對比度有多重要?NASA聲稱，發(fā)光對比度是圖片中顏色選擇最重要的一個方面，和關(guān)注度的重要組成部分，即使在駕駛艙的圖形中也是這樣。

　　NASA的AMES研究中心的這個例子顯示了發(fā)光對比度有助于定義設(shè)計中的哪些內(nèi)容是最重要的。

　　這對CTA按鈕來說意味著什么?

　　注釋：CTA是Call to action的`意思，即吸引用戶點擊

　　首先，你的CTA按鈕必須具有很強的發(fā)光對比度。

　　淺色背景?用深色按鈕。深色背景?用淺色按鈕。但不止是這些就完事了。

　　增加用戶看到按鈕的可能性，最容易被忽略的一點，最大化按鈕的文字與按鈕本身的發(fā)光對比度。

　　你可以結(jié)合這兩個策略來達到最大的效果。如果你的網(wǎng)頁是淺色背景的，那么一個深顏色的按鈕和淺顏色的按鈕文字相配合，會讓你的按鈕更容易被注意到。

　　讓我們來看一個例子。假設(shè)你的網(wǎng)站使用白色背景，而你的品牌規(guī)范允許你，在CTA按鈕中使用兩個綠色的色調(diào)和白色或灰色的按鈕文字。在這個例子中，發(fā)光對比度最高的是深綠色的按鈕搭配白色按鈕文字。