網(wǎng)頁按鈕設(shè)計的6大原則及范例

網(wǎng)頁設(shè)計師或許明白行為請求按鈕在該轉(zhuǎn)化中的重要作用，但是接下來要講的6大原則及范例，每一個想從網(wǎng)站獲取商業(yè)利益的人都應(yīng)該了解。

什么是行為請求按鈕呢？

行為請求按鈕是可以從網(wǎng)絡(luò)訪問者那獲取點擊行為的按鈕。

一般來說，一個點擊行為可能會鏈接到下載、注冊或出售。它們也可能會把用戶引向一個有更多信息的網(wǎng)頁從而讓用戶采取行動（比如：了解更多……） 行為請求按鈕的6大要素

1、尺寸 理論上來說， 你的“行為請求按鈕”應(yīng)該在擁擠的頁面與隱入到背景這兩者之間尋找一種和諧感。 它應(yīng)該是該頁面最大的按鈕，因為頁面上某個元素越大，我們會認為它越重要。

（如上圖） NCover網(wǎng)站頁面就是通過大尺寸來強調(diào)行為請求按鈕。另外，他們也提供了足夠的空間來容納其他關(guān)鍵信息，比如“21天免費試用”。強烈的對比色同樣也幫助了用戶區(qū)分下載按鈕與頁面背景。

2、位置 將行為請求按鈕放置于網(wǎng)頁的對折處非常有效，因為這個位置是用戶的一個對稱視覺中心，能給用戶產(chǎn)生關(guān)于網(wǎng)站的第一印象。

（如上圖）Envy小店的登錄頁面用位于正中間的行為請求按鈕來向用戶打招呼。這個圓形的按鈕在白色邊框的襯托下顯得格外顯眼，并且強有力的刺激著賣賣雙方在閱讀完周圍的文字后加入該網(wǎng)站。

（如上圖）“Donate”，該行為請求按鈕用來號召大家捐贈來幫助戰(zhàn)爭中的孩子。作為二級菜單被放置于頁面頂部能有效誘發(fā)用戶操作行為。而且在策略上，這個文字被置于一塊背景之上，也似乎在鼓勵用戶在瀏覽了其他頁面后再次回來。

3、顏色 在設(shè)計上確保你的行為請求按鈕與背景色之間存在色彩上的對比。這樣既能夠確保用戶更好的注意到按鈕，也能夠增加用戶采取行動的可能性。同時也需要考慮按鈕色彩怎樣才能更好的符合頁面的整體色調(diào)，目的在于限定該按鈕所能發(fā)揮的最大的色彩空間。

（如上圖）這個應(yīng)用的行為請求按鈕通過高度飽和的色彩 非常清楚的區(qū)別于背景色。你會忽視它的存在嗎？

（如上圖）Resumator在導(dǎo)航條上使用非常友好的顏色來強調(diào) “Sign Up”按鈕。并且將同樣的紅色應(yīng)用于另一個行動按鈕——Start the Tour，同樣也是這個理念的體現(xiàn)。