狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

1網(wǎng)頁(yè)按鈕設(shè)計(jì)要點(diǎn)

　　如何設(shè)計(jì)完美“勾引”用戶點(diǎn)擊的按鈕好的按鈕設(shè)計(jì)一定會(huì)是醒目且能“勾引”用戶眼球的。以下是好的按鈕設(shè)計(jì)必不可少的5個(gè)特征：

　　1、顏色

　　顏色一定要能與平靜的頁(yè)面相比更加與眾不同，因此它要更亮而且有高對(duì)比度的顏色。

圖1

　　2、位置

　　它們應(yīng)當(dāng)”座落于”用戶期望更容易找到它們的地方。產(chǎn)品旁邊、頁(yè)頭、導(dǎo)航的頂部右側(cè)…這些都是醒目且不難找到的地方。

圖2

　　3、文字表達(dá)

　　在按鈕上使用什么文字表達(dá)給用戶是非常重要的。它應(yīng)當(dāng)簡(jiǎn)短并切中要點(diǎn)(不羅嗦)，并以動(dòng)詞開始，如:注冊(cè)、下載、創(chuàng)建、嘗試等…

　　如果想切實(shí)的達(dá)到”勾引”用戶點(diǎn)擊的按鈕，添加”免費(fèi)”二字的確可以起到誘惑的效果，當(dāng)然那要真的是免費(fèi)，不要誤導(dǎo)或欺騙用戶。

圖3

　　4、尺寸問(wèn)題

　　如果它是你最重要的按鈕并且你希望更多的用戶點(diǎn)擊它，那么讓它更醒目些是沒(méi)有壞處的。把這個(gè)按鈕設(shè)計(jì)的比其他按鈕更大些并讓用戶在更多的地方找到并點(diǎn)擊它。

圖4

　　5、可”呼吸”的空間

　　你的按鈕不能和網(wǎng)頁(yè)中的其他元素?cái)D在一起。它需要充足的margin(外邊距)才能更加突出，也需要更多的padding(內(nèi)邊距)才能讓文字更容易閱讀。

圖5

　　點(diǎn)擊下一頁(yè)，欣賞30個(gè)網(wǎng)頁(yè)按鈕設(shè)計(jì)實(shí)例。

　　30個(gè)網(wǎng)頁(yè)按鈕設(shè)計(jì)實(shí)例

　　1、Things

　　2、Wordpress e-Commerce

　　3、Skype

　　4、PB Wiki

　　5、Exceptional

　　6、PicsEngine

　　7、InCase

　　8、GoodBarry

　　9、Plan HQ

　　10、TypePad

　　11、Mozilla Firefox

　　12、37 Signals

　　13、Hambo Design

　　14、Cake PHP

　　15、Traffik

　　16、Boag World

　　17、Donor Tools

　　18、Luke Larsen

　　19、Square Space

　　20、Wu Foo

　　21、Barack Obama

　　22、Freshbooks

　　23、Crazy Egg

　　24、Web Notes

　　25、Campaign Monitor

　　26、Light CMS

　　27、Litmus

　　28、Stumble Upon

　　29、Remember The Milk

　　30、Ekklesia 360

　　原文鏈接：http://blog.bingo929.com/web-design-trends-call-to-action-signup-download-buttons.html

該文章在 2014/4/6 0:46:33 編輯過(guò)