通知資訊卡

通知卡片用於傳達來自系統或應用程式的少量及時資訊。

這些專為 Android Automotive OS 設計的卡片旨在最大程度地減少駕駛者的分心。卡片共有三個基本版本:

  • 抬頭通知卡 (HUN):用於在目前畫面上短暫顯示的通知
  • 通知中心卡片:用於通知中心中列出的通知
  • 分組通知卡:將多張通知中心卡合併到一張卡片中

在這些版本中,根據訊息類別的不同,設計也會略有差異。例如,來電通知和導航通知的按鈕和圖示就有所不同。

解剖學

通知卡是一個靈活的元件,可以包含多種元素。它有三個主要版本:

  • HUN 卡片:此版本比通知中心卡片更寬,並顯示在目前螢幕頂部,直到已關閉。
  • 通知中心卡片:此版本比 HUN 卡片更窄,並與其他此類卡片一起以垂直列表的形式顯示在通知中心。
  • 分組通知卡片:此版本的通知中心卡片將多個相關通知合併到一個卡片中,並提供展開控制項以顯示個別通知。

這些版本按訊息類型劃分的變體顯示在「樣式」中。

此處顯示的是 HUN 和通知中心版本的同一張通知卡,包含以下元素:
1. 標題
2. 內容(有或沒有可選訊息預覽,車輛行駛時可隱藏)
3. 行動
4. 大圖標


此處顯示的是分組通知卡的折疊和展開兩種版本,包含以下元素:
1. 標題
2. 內容
3. 展開/折疊操作
4. 展開/折疊指示器

規格 – HUN 卡

標準匈牙利

帶有頭像的 HUN

發送訊息 HUN 預覽

向 HUN 發送多個訊息

大圖 HUN

規格 – 通知中心卡片

標準通知

帶有預覽的訊息通知

包含多個訊息的訊息通知

單次操作通知

規格 – 分組通知卡

分組通知 – 已折疊

分組通知 - 展開

縮放佈局

這些參考佈局顯示如何調整通知以適應不同寬度和高度的螢幕。請注意,所有像素值均為渲染像素,未進行任何下取樣或上取樣。

標註圖標
佈局
適用於各種螢幕尺寸的邊距、關鍵線和內邊距。

標準寬度螢幕

匈牙利卡。


通知中心卡。

分組通知卡(已折疊)。

分組通知卡(展開)。

寬螢幕

匈牙利卡。


通知中心卡。

分組通知卡(已折疊)。

分組通知卡(展開)。

超寬螢幕和超寬螢幕

匈牙利卡。


通知中心卡。

分組通知卡(已折疊)。

分組通知卡(展開)。

不同高度螢幕上通知的垂直間距

本節的垂直間距規格僅適用於 HUN 卡。

短螢幕

匈牙利卡。

高螢幕和標準高度螢幕

匈牙利卡。

款式

排版

字體樣式字體重量大小(dp)
正文 1機器人常規的32
3M 機身機器人中等的24
身體 3機器人常規的24

顏色

元素顏色(日間模式)色彩(夜間模式)
主要類型/圖標白色的白色 @ 88%
次要類型白色 @ 72%白色 @ 60%
輔助圖示第三人口音第三人口音
分界線髮際線白色 22%白色 12%
卡片背景灰色 868灰色 900
漸層紗網黑色 100% - 0%黑色 100% - 20%

漿紗

元素大小(dp)
主圖示44
輔助圖示36
中等頭像76
圓角半徑(R2) 8

範例

HUN卡:通話、簡訊、車輛警告和導航。
通知中心卡片:來電、簡訊和車輛警告。
分組通知卡片:訊息,展開和折疊 - 日期。
分組通知卡片:訊息,展開和折疊 - 夜間。

運動

以下動作是通知體驗的重要組成部分:

  • 匈牙利抵達運動
  • 滑動即可關閉通知
  • 分組通知展開和折疊動作

匈牙利人抵達

通知圖示從螢幕頂部滑下的動作可以幫助使用者註意到它的到來,如果通知中心是以下拉麵板的形式實現的,它還可以提示使用者可以透過向下滑動來存取通知。

滑動即可關閉

當使用者在通知上左右滑動時,拖曳動作會提供視覺確認,表示該通知正在關閉,然後下一個通知的向上滑動動作會填補清單中的空白。

分組通知展開和折疊

分組通知卡片向下展開,可實現從折疊狀態到展開狀態的平滑過渡。