晶片

hero

總覽

資訊方塊是精簡的互動式元素,可供使用者篩選下方內容,或觸發快速動作。這些精簡元件會根據內容顯示相關選項,縮短瀏覽時間,協助你在行車期間簡化工作完成流程。

為維持視覺清晰度,每列版面配置的上限為 7 個動態磚。晶片非常靈活,可配合品牌的視覺語言。您可以根據所選的使用者介面主題,自訂形狀、背景顏色和邊框顏色。

方塊可包含:

  • 僅限圖示
  • 僅限文字標籤
  • 圖示和標籤 (不論方向)

樂曲

hero

1. 前置圖示或圖片

2. 標籤文字


使用者體驗規定

為確保所有應用程式都能提供安全一致的體驗,請遵守下列設計規定:

需求層級

內容

MUST

請加入圖示或標籤。

SHOULD

使用獨特的視覺風格 (例如不同的顏色或形狀),表示不同的晶片狀態。

SHOULD

在應用程式中所有資訊方塊套用一致的樣式。

SHOULD

請避免在同一個元件群組中混用有狀態和無狀態的晶片。

SHOULD

將重要或建議的晶片放在容器的前緣。

SHOULD

標籤文字應簡短且具描述性。避免使用會觸發截斷的長文字,以免增加認知負荷。