網(wǎng)站設(shè)計(jì)中按鈕設(shè)計(jì)技巧

　　不少站長在設(shè)計(jì)網(wǎng)站的時(shí)候，都花了不少心思。但是在設(shè)計(jì)的過程中，如果忽略了細(xì)節(jié)的設(shè)計(jì)，那么網(wǎng)站的吸引力就會(huì)下降。說到網(wǎng)頁設(shè)計(jì)中的按鈕，可以通過按鈕能做很多事。比方說，進(jìn)行下一步、確定、以及完成等操作。有了按鈕，交互一下就煥發(fā)了生機(jī)。

　　今天，我們將討論什么是一個(gè)好的按鈕，設(shè)計(jì)按鈕有哪些技巧。

　　1.靠前、按鈕上的文字要做好優(yōu)化

　　刺激用戶點(diǎn)擊。設(shè)計(jì)按鈕的時(shí)候，一般都會(huì)有文字，但是很多站長在設(shè)計(jì)的時(shí)候，所使用的文字比較呆板，這對(duì)用戶的刺激并不大，特別是電子商務(wù)網(wǎng)站。按鈕的刺激度不夠高的話，用戶點(diǎn)擊的積極性也會(huì)降低。因此，很多電子商務(wù)網(wǎng)站設(shè)計(jì)按鈕的時(shí)候，會(huì)使用秒殺、爆款等等文字。

　　2.多使用形狀

　　你希望你的按鈕脫穎而出，但要做到這一點(diǎn)，你必須給你的按鈕設(shè)計(jì)成一個(gè)可識(shí)別的形狀。它應(yīng)該從頁面上的其他內(nèi)容中脫穎而出，并立即被識(shí)別為用戶可以與之交互的內(nèi)容。網(wǎng)上最常見的按鈕形狀不是一個(gè)圓圈，就像你會(huì)想象的那樣。其實(shí)最安全的選擇是使用矩形。但不是普通的矩形，而是帶有圓邊的矩形。這些通常效果最好，因?yàn)樗鼈冏阋砸鹑藗兊恼J(rèn)可，但不足以破壞網(wǎng)站設(shè)計(jì)的流程。

　　如果你覺得有創(chuàng)意，你也可以使用一些不那么傳統(tǒng)的東西，比如菱形、三角形，甚至定制形狀，使這些易于識(shí)別的關(guān)鍵是在整個(gè)網(wǎng)站保持一致。他們會(huì)給它一個(gè)個(gè)人的觸摸，這總是讓用戶更感興趣。

　　3.設(shè)定文本的風(fēng)格基調(diào)

　　幸好，過去“點(diǎn)擊這里”是存在的。但我們依然需要回答：按鈕標(biāo)簽可以有多長。標(biāo)簽是采用祈使語氣，即命令式、強(qiáng)制性的語氣嗎(例如，“保存”或者“關(guān)閉”)?我應(yīng)該在動(dòng)詞后面加上賓語嗎(在“保存”后面加上“文檔”)?關(guān)于常見操作有慣用的標(biāo)簽嗎?要加注品牌標(biāo)語……還是不要呢?在可以找到全部按鈕的標(biāo)簽指南處引入前后一致的用詞。當(dāng)然，用詞列表和深度編輯標(biāo)準(zhǔn)可以在Voice和Tone等指南內(nèi)找到。不管怎樣，按鈕指南是開始把指南橋接在一起的好地方。

　　4.突出顯示重要的按鈕

　　按鈕有不同的角色，從最小到最大。更重要的按鈕應(yīng)該很容易地與其他不那么重要的按鈕區(qū)分開來，解決方案可以是使用不同的顏色，輪廓，或使更重要的按鈕更大。

　　為了改進(jìn)你的按鈕設(shè)計(jì)，你需要了解：

　　一個(gè)按鈕應(yīng)該看起來像一個(gè)按鈕；

　　按鈕應(yīng)該放在可以找到的地方

　　與按鈕的交互需要簡單

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

　　重要的按鈕應(yīng)該高亮顯示

　　對(duì)于這樣一個(gè)簡單的概念，關(guān)于按鈕肯定有很多需要了解的東西。雖然細(xì)節(jié)很小，但沒有什么比按下一個(gè)好的按鈕更令人滿意的了。我們希望這些提示將幫助您設(shè)計(jì)按鈕，為您的用戶提供良好的體驗(yàn)。與你認(rèn)為會(huì)從中受益的人分享這篇文章，通過每天瀏覽我們的官網(wǎng)，確保你隨時(shí)更新最新的知識(shí)和靈感。