橫幅

hero

總覽

橫幅可展示特別的應用程式體驗、新功能或重要訊息。橫幅在功能上與標準列類似,但可透過自訂背景填滿顏色,在視覺上與周圍內容區隔,更顯突出。


樂曲

橫幅項目設計為方便快速瀏覽,包含四個元件,其中兩個為必要元件:

  • 前置圖片或圖示 (必要)
  • 主要文字:標題和副標題 (必填)
  • 次要文字 (選填)
  • 結尾圖片或圖示 (選用)
hero

1. 主圖片

2. 主要文字

3. 次要文字 (選填)

4. 尾端元素 (選用)


使用者體驗規定

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

需求層級

內容

MUST

每個區塊只顯示一個橫幅。將橫幅放在專屬區段中,該區段不得包含其他元件類型。

SHOULD

套用自訂背景填滿、按鈕強調色和不同圓角半徑,將橫幅與標準內容列分開。

SHOULD

請避免將橫幅區塊直接相鄰放置,以保留視覺顯眼度。