按鈕

2020-02-12 19:16 更新

按鈕類型

目前在小程序中使用的按鈕主要分為主要按鈕、次要按鈕、文字按鈕

  • 主要按鈕用于頁面上需要重點強調(diào)的操作;
  • 次要按鈕用于頁面上次重點的操作內(nèi)容;
  • 文字按鈕通常用于必要但不需要強調(diào)的操作,有時候也以文字鏈的形態(tài)存在。

當操作有可能帶來負向影響時(侵犯用戶隱私、刪除用戶數(shù)據(jù)等)應使用警示色作為按鈕的主色。

圖片名稱


按鈕狀態(tài)

按鈕的響應狀態(tài)包含三種,分別是:Normal 普通態(tài) 、Press 點擊態(tài)、Disable 禁用態(tài)。支持接入方選擇是否啟用點擊態(tài)(宿主可以根據(jù)體驗情況選擇無點擊態(tài))

圖片名稱


按鈕使用原則

  • 一個場景應該有且只有一個操作重點。避免出現(xiàn)多個主要按鈕或沒有主要按鈕的情況

圖片名稱

  • 一個按鈕的完整交互需要包含以上 3 種完整的狀態(tài):普通/點擊/不可用態(tài)
  • 使用全局按鈕的時候需要謹慎,在正確的信息層級使用它

圖片名稱

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號