網(wǎng)站如何改進(jìn)你的按鈕設(shè)計(jì)

今天，我們將談?wù)摱嗄陙?lái)一直是交互式UI設(shè)計(jì)中的主要按鈕，你可能會(huì)認(rèn)為按鈕只是一個(gè)按鈕，但它可以被制作成更多， 按鈕設(shè)計(jì)比你想象的要復(fù)雜一點(diǎn)。 今天，我們將討論什么是一個(gè)好的按鈕。

給它一個(gè)形狀

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

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

使用陰影和高光

陰影在設(shè)計(jì)中有重要的作用，因?yàn)樗鼈兪刮矬w看起來(lái)像是突出來(lái)的。每一個(gè)好的UI設(shè)計(jì)都需要突出于背景的元素，表明它們是可點(diǎn)擊的。就像在現(xiàn)實(shí)生活中，筆記本電腦的鍵盤(pán)上有可以按下的按鈕。與按鈕的形狀不同，陰影和高光在識(shí)別交互式按鈕中扮演著非常重要的角色。

根據(jù)按鈕的用途給它們貼上標(biāo)簽

從我們只使用播放、倒帶、向前和停止按鈕的時(shí)代起，我們已經(jīng)有了很大的進(jìn)步。它們?cè)?jīng)用大家都熟悉的符號(hào)來(lái)表示。今天，幾乎不可能把一個(gè)符號(hào)放在每個(gè)按鈕上，并期望人們記住它們。有那么多！好消息是，我們不需要這樣做，因?yàn)槲覀兛梢赃x擇簡(jiǎn)單地在按鈕上寫(xiě)下它的含義。

信息可能不夠清楚，在這種情況下，使用構(gòu)象標(biāo)簽作為后續(xù)是沒(méi)有錯(cuò)的，它解釋了某個(gè)按鈕的動(dòng)作，這些需要給用戶提供拒絕或接受按鈕操作的選項(xiàng)。

把按鈕放在可以找到的地方

用戶永遠(yuǎn)不應(yīng)該尋找按鈕，把它們放在每個(gè)人都能找到的地方，最簡(jiǎn)單的方法就是把它們放在人們希望它們出現(xiàn)的地方。此外，在確定將它們放置在何處之前測(cè)試它們的位置也沒(méi)有什么錯(cuò)，這方面的一個(gè)很好的例子是當(dāng)您登錄到任何給定的網(wǎng)站時(shí)，你總是輸入你的名字和密碼，登錄按鈕就在它下面，沒(méi)有人會(huì)想到登錄按鈕會(huì)在其他地方。

使與按鈕的交互更容易

考慮按鈕相對(duì)于頁(yè)面上其他所有內(nèi)容的大小，確保按鈕足夠大，可以與之交互，但不要太大，以免影響頁(yè)面的美觀。研究表明，好尺寸為10mmX10mm。另一個(gè)需要注意的方面是兩個(gè)可單擊按鈕之間的距離，給按鈕一些呼吸的空間。您不希望任何人意外地單擊了錯(cuò)誤的按鈕。

允許用戶與按鈕進(jìn)行可視化交互

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

突出顯示重要的按鈕

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

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

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

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

與按鈕的交互需要簡(jiǎn)單

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

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

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

標(biāo)題名稱(chēng)：網(wǎng)站如何改進(jìn)你的按鈕設(shè)計(jì)
文章網(wǎng)址：http://bm7419.com/news/126676.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、電子商務(wù)、企業(yè)網(wǎng)站制作、App設(shè)計(jì)、靜態(tài)網(wǎng)站、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)