在線客服系統(tǒng)
十三年專注于網(wǎng)站建設與互聯(lián)網(wǎng)應用開發(fā),低調、有情懷的網(wǎng)絡應用服務商!
南昌百恒科技微信公眾號 掃一掃關注
tel-icon全國服務熱線:400-680-9298,0791-88117053
掃一掃關注百恒科技微信公眾號

UI按鈕設計注意要點

百恒 2020-05-26 10:22:12 1852
  按鈕應該表明當前任務是什么,讓用戶知道他們點擊按鈕后會發(fā)生什么。使用動詞作為按鈕文案是很好的做法。例如,用戶正在注冊帳戶的流程中,一個說寫著“創(chuàng)建帳戶”的按鈕會告訴他們按下按鈕后會怎么樣,它清楚地表達了當前的任務。這樣的按鈕文案隨時都在幫助用戶,給予用戶進行操作的信心。那么UI按鈕設計有哪些注意要點呢?

  1、請確保在整個界面中保持一致性

  為什么一致性這么重要?因為用戶會不自覺地產(chǎn)生意識,將特定形狀的元素識別為『按鈕』。因此,一致性不僅有助于創(chuàng)建出色的設計,還能為用戶提供更為熟悉的體驗,以便用戶能夠識別所有 UI 元素并將其當做按鈕。

  2、線狀和面狀,突出重要按鈕

  我們在設計按鈕的時候,經(jīng)常會面臨著抉擇,線狀按鈕還是面狀按鈕?其實線狀還是面狀爭論不僅僅存在于按鈕,還有icon,tab和標簽等樣式。面狀和線狀代表不同的設計理念,我們都知道面狀元素在界面中更容易吸引用戶的注意力,而線狀元素強調的是輕量化。具體到按鈕,簡單來說就是面狀按鈕比線狀按鈕具有更強的可點擊性。我們可以來看一個例子:喜馬拉雅Fm這個界面中的“錄音”按鈕其實看起來特別的吃藕,因為很突兀。但是設計師的目的達到了,為了提升用戶黏性,他們肯定很希望用戶在喜馬拉雅Fm里上傳自己的錄音作品,那么必須做到足夠的顯眼。

  確保與重要任務相關的按鈕被突出出來。增加顏色的對比度可讓用戶專注于操作,并讓按鈕吸引到用戶。

  3、為主要按鈕加上顏色

  設計師還需要注意的一點就是,顏色是一種增加按鈕權重的有效方法,它能夠從文本顏色中脫穎而出,吸引用戶的注意力。當按鈕的顏色與文本的顏色相同,提示性就沒有那么強了,為優(yōu)先級更高的按鈕使用不同的顏色來輔助用戶進行快速決策。

  4、按鈕的視覺主次

  在表單或對話框中,按鈕有另一種方法來吸引用戶的注意。當用戶需要在主要和次要行為之間進行選擇時,視覺區(qū)分是可靠的方法:

  主要行為的按鈕需要更多的視覺比重,它應該是視覺元素更多的按鈕

  次要行為(如“取消”或“返回”等)的視覺比重則應該較弱,從而進一步引導人們取得交互過程中的結果

  5、給高優(yōu)先級的按鈕增加圖標

  ui界面中的圖標設計需要設計師進行全面的思考。對于特殊人群而言,他們還需要清晰的視覺符號。給高優(yōu)先級的按鈕加上一個圖標,能夠起到強調作用而與其他按鈕區(qū)分開。當用戶瀏覽時,他們往往更關注視覺元素而不是文本。使用圖標按鈕的方式能夠確保引起用戶足夠的注意力,而快速選擇到高優(yōu)先級的按鈕。
400-680-9298,0791-88117053
掃一掃關注百恒網(wǎng)絡微信公眾號

歡迎您的光顧,我們將竭誠為您服務×

售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售后服務 售后服務
 
備案專線 備案專線
 
售后服務 售后服務
 
×