不(bu)少站(zhan)(zhan)長在設(she)計網站(zhan)(zhan)的時(shi)候，都花(hua)了(le)(le)不(bu)少心思。但(dan)是(shi)在設(she)計的過(guo)程中，如果忽略了(le)(le)細節的設(she)計，那么網站(zhan)(zhan)的吸引力(li)就(jiu)會(hui)下降。說到網頁設(she)計中的按鈕，可以通(tong)過(guo)按鈕能做(zuo)很多事。比方說，進行下一步、確定、以及(ji)完成等操作。有(you)了(le)(le)按鈕，交互一下就(jiu)煥發(fa)了(le)(le)生機。

　　今天，我們將討論(lun)什么是一個(ge)好的按鈕，設計按鈕有(you)哪些(xie)技巧。

　　1.靠(kao)前(qian)、按鈕(niu)上的文字要做(zuo)好優化

　　刺(ci)激用戶(hu)點擊。設(she)計按鈕(niu)的時(shi)候，一(yi)般都會有文(wen)(wen)字(zi)，但(dan)是很(hen)多(duo)站(zhan)(zhan)長在設(she)計的時(shi)候，所使(shi)用的文(wen)(wen)字(zi)比較呆(dai)板，這(zhe)對用戶(hu)的刺(ci)激并不大，特別(bie)是電子商務網(wang)站(zhan)(zhan)。按鈕(niu)的刺(ci)激度不夠高的話(hua)，用戶(hu)點擊的積極性(xing)也會降低。因此(ci)，很(hen)多(duo)電子商務網(wang)站(zhan)(zhan)設(she)計按鈕(niu)的時(shi)候，會使(shi)用秒殺(sha)、爆款等等文(wen)(wen)字(zi)。

　　2.多使用形狀

　　你(ni)希(xi)望(wang)你(ni)的(de)(de)(de)(de)按鈕(niu)脫穎(ying)而(er)(er)出，但要做(zuo)到這一點(dian)，你(ni)必(bi)須給你(ni)的(de)(de)(de)(de)按鈕(niu)設(she)(she)計成一個可(ke)(ke)識別(bie)的(de)(de)(de)(de)形狀(zhuang)。它應該從頁面上的(de)(de)(de)(de)其(qi)他內(nei)容中脫穎(ying)而(er)(er)出，并(bing)立即(ji)被識別(bie)為(wei)用戶(hu)可(ke)(ke)以(yi)與之交互的(de)(de)(de)(de)內(nei)容。網上最(zui)(zui)常(chang)見的(de)(de)(de)(de)按鈕(niu)形狀(zhuang)不(bu)是一個圓圈，就像你(ni)會想(xiang)象的(de)(de)(de)(de)那樣。其(qi)實最(zui)(zui)安全(quan)的(de)(de)(de)(de)選擇是使用矩(ju)(ju)形。但不(bu)是普通的(de)(de)(de)(de)矩(ju)(ju)形，而(er)(er)是帶有(you)圓邊(bian)的(de)(de)(de)(de)矩(ju)(ju)形。這些通常(chang)效(xiao)果最(zui)(zui)好，因為(wei)它們足(zu)以(yi)引起人們的(de)(de)(de)(de)認可(ke)(ke)，但不(bu)足(zu)以(yi)破(po)壞網站(zhan)設(she)(she)計的(de)(de)(de)(de)流(liu)程。

　　如(ru)果(guo)你(ni)覺得有創意，你(ni)也可(ke)以(yi)使(shi)用(yong)(yong)一些不那(nei)么傳統(tong)的東(dong)西(xi)，比如(ru)菱形、三角(jiao)形，甚(shen)至定制形狀，使(shi)這些易于識別的關鍵是在整個(ge)網站保持一致(zhi)。他(ta)們會給它(ta)一個(ge)個(ge)人的觸摸，這總(zong)是讓用(yong)(yong)戶更感興趣。

　　3.設定文(wen)本的(de)風(feng)格基調

　　幸好(hao)，過(guo)去“點擊這(zhe)里”是(shi)存(cun)在(zai)(zai)的(de)(de)。但我(wo)們依然(ran)需要回答(da)：按(an)鈕(niu)標(biao)簽(qian)(qian)(qian)可以有(you)多長。標(biao)簽(qian)(qian)(qian)是(shi)采用(yong)(yong)祈使語氣，即命令(ling)式、強制性的(de)(de)語氣嗎(ma)(例(li)如，“保存(cun)”或者“關閉(bi)”)?我(wo)應(ying)該(gai)在(zai)(zai)動詞后面(mian)加(jia)上(shang)賓語嗎(ma)(在(zai)(zai)“保存(cun)”后面(mian)加(jia)上(shang)“文(wen)檔”)?關于(yu)常見操作有(you)慣用(yong)(yong)的(de)(de)標(biao)簽(qian)(qian)(qian)嗎(ma)?要加(jia)注(zhu)品牌標(biao)語……還是(shi)不要呢?在(zai)(zai)可以找(zhao)到全(quan)部按(an)鈕(niu)的(de)(de)標(biao)簽(qian)(qian)(qian)指(zhi)南(nan)處引入前后一致的(de)(de)用(yong)(yong)詞。當(dang)然(ran)，用(yong)(yong)詞列(lie)表(biao)和深度編輯標(biao)準可以在(zai)(zai)Voice和Tone等指(zhi)南(nan)內找(zhao)到。不管怎樣，按(an)鈕(niu)指(zhi)南(nan)是(shi)開(kai)始把指(zhi)南(nan)橋接在(zai)(zai)一起(qi)的(de)(de)好(hao)地方(fang)。

　　4.突出顯(xian)示重(zhong)要的按(an)鈕(niu)

　　按(an)鈕(niu)有不(bu)同的(de)角色，從(cong)最小到最大。更(geng)重要的(de)按(an)鈕(niu)應該(gai)很容易地與其(qi)他不(bu)那么重要的(de)按(an)鈕(niu)區分開來，解決方案可以是使用不(bu)同的(de)顏色，輪廓，或使更(geng)重要的(de)按(an)鈕(niu)更(geng)大。

　　為(wei)了(le)(le)改進你(ni)的(de)按鈕設計，你(ni)需要了(le)(le)解：

　　一(yi)個(ge)(ge)按鈕應該看起來像一(yi)個(ge)(ge)按鈕；

　　按鈕應該放在可以找到的地方

　　與按鈕的交(jiao)互需(xu)要簡單

　　與按鈕(niu)的交互應該提供視覺反饋

　　重要的按鈕應該高亮(liang)顯示(shi)

　　對于這(zhe)樣一個(ge)簡單的(de)(de)概念(nian)，關于按鈕肯定有(you)很(hen)多需要了(le)解的(de)(de)東西。雖然細(xi)節很(hen)小(xiao)，但沒有(you)什么(me)比(bi)按下一個(ge)好的(de)(de)按鈕更令人(ren)滿意的(de)(de)了(le)。我(wo)們希望(wang)這(zhe)些(xie)提示將幫助您設計按鈕，為(wei)您的(de)(de)用戶提供良好的(de)(de)體(ti)驗。與你認為(wei)會從中受益的(de)(de)人(ren)分(fen)享這(zhe)篇文章(zhang)，通過(guo)每(mei)天瀏覽我(wo)們的(de)(de)官網，確保你隨時(shi)更新最(zui)新的(de)(de)知識和靈感。