UI 常見元件

何者不是 Toast 的特性

• 通常會設定 1~3 秒後自動消失

• 可以給予用戶操作成功或錯誤的反饋

• 不能在 Toast 裡放操作按鈕、連結

• 表示成功的 Toast，可用打勾 icon 或搭配綠色增加直覺性

以下哪個元件與Tooltip相似，但尺寸更大，可包含更多內容和操作？

• Button

• Toggle

• Popover

• Tab bar

哪個元件多用於呈現多筆資料，在畫面上會以垂直上至下的方式排列？

• List

• Card

• Tooltip

• Alert

以下哪個元件用於快速切換不同的頁面內容，方便用戶更快找到目標功能

• Status Bar

• Navigation Bar

• Tab Bar

• Home indicator

以下何者是 Tag、Badge 的用途？

• 表達主題分類

• 標示為最新上架

• 呈現優惠資訊

• 以上皆是

以下何者不是 APP 中的按鈕需要的狀態

• Default

• Disabled

• Pressed

• Hover

以下何者不是Popup/Alert的特質

• 用於再次確認用戶是否真的要執行操作

• 通常會在 1~3 秒後自動消失

• 可用於展示行銷團隊最新主打的活動資訊

• 打斷用戶，強迫用戶閱讀、確認某項內容

以下哪個不是合理的按鈕高度尺寸

• 40

• 48

• 20

• 56

以下哪個元件內不適合放置照片

• Text field

• Card

• List

• Bottom sheet