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

今天，我們將談論多年來一直是交互式UI設(shè)計中的主要按鈕，你可能會認為按鈕只是一個按鈕，但它可以被制作成更多， 按鈕設(shè)計比你想象的要復雜一點。 今天，我們將討論什么是一個好的按鈕。

給它一個形狀

你希望你的按鈕脫穎而出，但要做到這一點，你必須給你的按鈕設(shè)計成一個可識別的形狀。 它應該從頁面上的其他內(nèi)容中脫穎而出，并立即被識別為用戶可以與之交互的內(nèi)容。網(wǎng)上最常見的按鈕形狀不是一個圓圈，就像你會想象的那樣。其實最安全的選擇是使用矩形。但不是普通的矩形，而是帶有圓邊的矩形。 這些通常效果最好，因為它們足以引起人們的認可，但不足以破壞網(wǎng)站設(shè)計的流程。

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

使用陰影和高光

陰影在設(shè)計中有重要的作用，因為它們使物體看起來像是突出來的。每一個好的UI設(shè)計都需要突出于背景的元素，表明它們是可點擊的。就像在現(xiàn)實生活中，筆記本電腦的鍵盤上有可以按下的按鈕。與按鈕的形狀不同，陰影和高光在識別交互式按鈕中扮演著非常重要的角色。

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

從我們只使用播放、倒帶、向前和停止按鈕的時代起，我們已經(jīng)有了很大的進步。它們曾經(jīng)用大家都熟悉的符號來表示。今天，幾乎不可能把一個符號放在每個按鈕上，并期望人們記住它們。有那么多！好消息是，我們不需要這樣做，因為我們可以選擇簡單地在按鈕上寫下它的含義。

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

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

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

使與按鈕的交互更容易

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

允許用戶與按鈕進行可視化交互

這個按鈕看起來不錯，但是如果它不像一個按鈕，那么整個項目就沒有意義了。當用戶點擊時，使按鈕給出視覺反饋，這在兩個方面有幫助。第一種方法是，它感覺更像一個按鈕，這讓每個人都很開心。第二種方法是讓用戶快速確認他們確實單擊了按鈕。

突出顯示重要的按鈕

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

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

一個按鈕應該看起來像一個按鈕；

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

與按鈕的交互需要簡單

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

重要的按鈕應該高亮顯示

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

本文標題：網(wǎng)站如何改進你的按鈕設(shè)計
網(wǎng)頁鏈接：http://m.kartarina.com/news26/126676.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計公司、商城網(wǎng)站、網(wǎng)站營銷、品牌網(wǎng)站制作、品牌網(wǎng)站設(shè)計、網(wǎng)站導航

廣告

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