總覽
資訊方塊是精簡的互動式元素,可供使用者篩選下方內容,或觸發快速動作。這些精簡元件會根據內容顯示相關選項,縮短瀏覽時間,協助你在行車期間簡化工作完成流程。
為維持視覺清晰度,每列版面配置的上限為 7 個動態磚。晶片非常靈活,可配合品牌的視覺語言。您可以根據所選的使用者介面主題,自訂形狀、背景顏色和邊框顏色。
方塊可包含:
- 僅限圖示
- 僅限文字標籤
- 圖示和標籤 (不論方向)
樂曲
1. 前置圖示或圖片
2. 標籤文字
使用者體驗規定
為確保所有應用程式都能提供安全一致的體驗,請遵守下列設計規定:
需求層級 |
內容 |
|---|---|
MUST |
請加入圖示或標籤。 |
SHOULD |
使用獨特的視覺風格 (例如不同的顏色或形狀),表示不同的晶片狀態。 |
SHOULD |
在應用程式中所有資訊方塊套用一致的樣式。 |
SHOULD |
請避免在同一個元件群組中混用有狀態和無狀態的晶片。 |
SHOULD |
將重要或建議的晶片放在容器的前緣。 |
SHOULD |
標籤文字應簡短且具描述性。避免使用會觸發截斷的長文字,以免增加認知負荷。 |