如何改進你的按鈕設計
發布時間:2019/5/18 15:26:53瀏覽次數:作者:十二君

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

給它一個形狀

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

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

使用陰影和高光

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

根據按鈕的用途給它們貼上標簽

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

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

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

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

使與按鈕的交互更容易

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

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

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

突出顯示重要的按鈕

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

為了改進你的按鈕設計,你需要了解:

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

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

與按鈕的交互需要簡單

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

重要的按鈕應該高亮顯示

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

贊+1
分享:

版權:【注明為本站原創的文章,轉載請注明出處與原文地址!本站部分轉載文章能找到原作者的我們都會注明,若文章涉及版權請發至郵箱:office@cnjunnet.cn,我們以便及時處理,可支付稿費。向本站投稿或需要本站向貴司網站定期免費投稿請加QQ:957505575】 更多信息請關注微信公眾號:cnjunnet  十二君微信:webjunnet

  • QQ
  • 電話
  • 首頁
  • 價格
  • 返回頂部
  • 輸入您的電話,我們方便時會給您回電
    點擊更換驗證碼
    您也可直接撥打24小時電話:155-5588-3393或線上咨詢
    恭喜您~
    留言提交成功o(∩_∩)o
    我們將快馬加鞭與您取得聯系。
    十大网投平台