在這種情況下，我們不是在談?wù)撐餮b的紐扣，也不是那些將褲子連在一起的紐扣。今天我們將討論作為交互中基本元素的按鈕。您可能認(rèn)為按鈕只是一個(gè)按鈕，但它可以變得更多。按鈕的設(shè)計(jì)變得比您想象的要復(fù)雜一些。今天廣州網(wǎng)站制作公司將討論什么是一個(gè)好的按鈕。

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

　　在線，按鈕充當(dāng)視覺(jué)提示，有助于增強(qiáng)用戶(hù)體驗(yàn)。為了讓用戶(hù)獲得完整的體驗(yàn)，他們不必猜測(cè)按鈕的位置。如果您真的希望訪問(wèn)者點(diǎn)擊該按鈕，它應(yīng)該看起來(lái)像一個(gè)可以按下的按鈕。這是你需要做到的：

　　1.給它一個(gè)形狀

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

　　如果你覺(jué)得有創(chuàng)意，你也可以使用不那么傳統(tǒng)的東西，比如菱形，三角形，甚至是自定義形狀。使這些易于識(shí)別的關(guān)鍵是在整個(gè)網(wǎng)站中保持一致。 個(gè)性風(fēng)格，這總是讓用戶(hù)更感興趣。

　　2.使用陰影和亮點(diǎn)

　　陰影在設(shè)計(jì)中起著重要作用，因?yàn)樗鼈儠?huì)讓它們看起來(lái)像彈出一樣。每個(gè)好的UI設(shè)計(jì)都需要突出背景的元素，同樣在《5個(gè)更好的網(wǎng)站導(dǎo)航技巧》也一樣適用。這表明它們是可點(diǎn)擊的或不可點(diǎn)擊的。就像在現(xiàn)實(shí)生活中一樣，例如，筆記本電腦的鍵盤(pán)上有可以按下的按鈕。除了按鈕的形狀外，陰影和高光在識(shí)別交互式按鈕方面起著非常重要的作用。

　　3.根據(jù)目的標(biāo)記按鈕

　　當(dāng)我們使用的重要按鈕是播放、倒帶、前進(jìn)和停止時(shí)，我們進(jìn)化了很多。他們過(guò)去常常被每個(gè)人都熟悉的符號(hào)所代表。今天，幾乎不可能有這么多在每個(gè)按鈕上放置符號(hào)并期望人們記住它們。好消息是我們不需要這樣做，因?yàn)槲覀兛梢赃x擇簡(jiǎn)單地在該按鈕上寫(xiě)下它的含義。

　　可能會(huì)發(fā)生消息不夠清晰的情況。在這種情況下，將構(gòu)造標(biāo)簽作為后續(xù)行為并沒(méi)有錯(cuò)，這解釋了某個(gè)按鈕的動(dòng)作。這些需要為用戶(hù)提供拒絕或接受按鈕操作的選項(xiàng)。

　　將按鈕放在可以找到的位置

　　廣州網(wǎng)站制作公司認(rèn)為用戶(hù)永遠(yuǎn)不應(yīng)該尋找按鈕。放置它們的方式讓每個(gè)人都能找到它們。更簡(jiǎn)單的方法是將它們放在人們期望的位置。此外，在確定放置它們的位置之前測(cè)試它們的位置沒(méi)有任何問(wèn)題。一個(gè)很好的例子就是當(dāng)你登錄任何給定的網(wǎng)站時(shí)。您始終輸入您的姓名和密碼，登錄按鈕就在其下方。沒(méi)人會(huì)指望登錄按鈕在其他任何地方。

　　輕松與按鈕交互

　　考慮按鈕相對(duì)于頁(yè)面上其他所有內(nèi)容的大小。確保按鈕足夠大以便與之交互，但不要太大以至于影響它在頁(yè)面的美觀。研究表明，更佳尺寸為10mmX10mm。 要記住的另一個(gè)方面是兩個(gè)可點(diǎn)擊按鈕之間的距離，給按鈕一些呼吸空間。你不希望任何人不小心點(diǎn)擊錯(cuò)誤的按鈕。

　　允許用戶(hù)以可視方式與按鈕交互

　　按鈕看起來(lái)不錯(cuò)，但如果它不像按鈕那樣，整個(gè)項(xiàng)目毫無(wú)意義。當(dāng)用戶(hù)點(diǎn)擊時(shí)，使按鈕給出視覺(jué)反饋。這有兩個(gè)方面的幫助：第一種方式是，它感覺(jué)更像是一個(gè)按鈕，這讓每個(gè)人都開(kāi)心；第二種方式是它讓用戶(hù)快速確認(rèn)他們實(shí)際點(diǎn)擊了按鈕。

　　突出顯示重要按鈕

　　按鈕具有不同的角色，從更小到主要。更重要的按鈕應(yīng)該很容易區(qū)分在任何其他不重要的按鈕之間。解決方案可能是使用不同的顏色，概述，或使更大更重要的按鈕。

　　總結(jié)摘要

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

　　按鈕應(yīng)該看起來(lái)像一個(gè)按鈕;

　　按鈕應(yīng)放在可以找到的位置

　　與按鈕的交互需要很容易

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

　　應(yīng)突出顯示重要按鈕

　　對(duì)于這樣一個(gè)簡(jiǎn)單的概念，肯定有很多關(guān)于按鈕的知識(shí)。雖然細(xì)節(jié)很小，但沒(méi)有比按下好按鈕更令人滿(mǎn)意的了。希望這些技巧可以幫助您設(shè)計(jì)能夠?yàn)槟挠脩?hù)提供良好體驗(yàn)的按鈕。