|
改變空白的數(shù)量以表明邏輯關(guān)系
行動召喚按鈕與其周邊的元素之間的空白越多，他們的聯(lián)系越少。因此，如果你有其它元素能夠有助于說服用戶采取行動，減少那些元素之間的空白和間隔。
例如，Donor Tools 在他們的”Sign Up”行動召喚按鈕上面有些文字，它們告訴用戶注冊的好處。在它的右邊是一個(gè)瀏覽器截圖只是用于美化的，而且對激勵(lì)用戶點(diǎn)擊”Sign Up”行動召喚按鈕不是必須的。通過減少文字和行動召喚按鈕之間的空白，你將這兩個(gè)元素可視的組織到了一起。瀏覽器截圖和一個(gè)圖片保證用戶的實(shí)現(xiàn)不會從行動召喚按鈕上面轉(zhuǎn)移走。
使用高對比度的顏色
決定在行動召喚按鈕上使用哪個(gè)顏色很重要。在你的行動召喚按鈕上使用一個(gè)相對于周邊元素和背景色對比度高的色彩，因?yàn)檫@是讓用戶注意到你的行動召喚按鈕的關(guān)鍵。
與周邊元素形成對比的顏色
Notepod 例證在一個(gè)行動召喚按鈕和它周邊元素的色彩反差是如何能夠有效的吸引用戶的注意的。周圍元素都是黑色的，而這個(gè)行動召喚按鈕卻是淺藍(lán)色。
背景/前景色彩反差
Valley Creek Church 設(shè)置它的淺黃色”Learn More”召喚按鈕到一個(gè)灰度圖片上面。就算使用一個(gè)簡單的行動召喚按鈕設(shè)計(jì)在一個(gè)復(fù)雜元素的上面(此處是一個(gè)圖片)，它依然因?yàn)樯蔬x擇而醒目。
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 行動召喚按鈕在網(wǎng)頁中的實(shí)例與實(shí)踐 [2] 下一頁 行動召喚按鈕在網(wǎng)頁中的實(shí)例與實(shí)踐 [4]
|
第 1 頁 
第 3 頁 行動召喚按鈕在網(wǎng)頁中的實(shí)例與實(shí)踐 [3]
