自訂應用程式

決定應用程式工作的範本序列後,即可自訂每個範本的內容,以及應用程式的部分樣式。

如要瞭解可自訂的整體視覺設計層面,請參閱視覺設計自訂,其中包含應用程式自訂範例。請注意,車輛 OEM 可以調整應用程式的 AAOS 版本樣式,以配合自家車輛,如「車輛 OEM 自訂範例」所示。

如要瞭解特定範本的自訂選項,請參閱「範本」。

自訂視覺設計

應用程式程式庫會決定範本版面配置和預設樣式,而應用程式設計師和車輛原始設備製造商 (OEM) 則會共同決定視覺設計的自訂項目。

UI 方面 程式庫的判斷依據 應用程式可決定或自訂哪些項目 車輛原始設備製造商可自訂的項目
圖片和圖示 標準元素的圖示,例如返回按鈕和載入微調器 應用程式提供所有圖片和圖像 (請參閱「Material icons」和「 Google Play 圖示規格」),但左側註明的項目除外
版面配置、大小和形狀 預設版面配置,以及所有元素的大小和形狀 (預設值為 Android Auto 應用程式版本的標準)
  • 圖片和圖示是「大」還是「小」
  • 是否要在特定範本頂端顯示 分頁,以便切換檢視畫面
  • 叢集中是否顯示第二張地圖 (僅適用於 導覽範本 )
調整應用程式 AAOS 版本中範本元素的大小、形狀、按鈕位置和比例 (例如車輛中「大型」和「小型」圖片和圖示的確切大小)
字體排版和文字長度 應用程式 Android Auto 版本的字型系列和大小 (請參閱「 字體排版」) 較長和較短的文字字串變體,在某些情況下,可配合不同車輛螢幕上的空間量 應用程式 AAOS 版本的字型系列和大小
顏色 應用程式 Android Auto 版本的預設顏色 (應用程式提供的顏色除外,如右側所示) 地點清單標記、部分文字元素和部分背景顏色 (詳情請參閱下一節「顏色自訂」)。 視需要調整預設和應用程式提供的顏色,與應用程式 AAOS 版本的車輛 UI 融合

自訂顏色

應用程式可以為特定範本的元素提供顏色,如下列清單所示。車輛原始設備製造商可以對應用程式的 AAOS 版本進行部分調整。

應用程式可自訂下列項目:

  • 清單次要行的文字顏色 (車輛製造商控制 AAOS 主要行的顏色)
  • 按鈕文字顏色
  • 按鈕背景顏色 (動作條地圖動作條除外)
  • 地點清單標記顏色
  • 路線規劃資訊卡元素:背景顏色、圖片和行程預估時間值顏色 (符合導覽範本規定)
  • 即時路線導航通知 (背景顏色)

如需自訂範本元件的範例,請參閱「應用程式自訂範例」和「車輛 OEM 自訂範例」。

選擇應用程式的顏色

對於大多數自訂樣式 (上一節中註明的例外狀況除外),應用程式有下列顏色選項:

  • 最多提供 2 種自訂強調色 (包括淺色和深色變體,Android Auto 會視情況套用,車輛原始設備製造商 (OEM) 則會為 AAOS 版本的應用程式套用)
  • 從 4 種標準 Android Auto 顏色中選擇 (目前版本顯示在右側,日後可能會變更)

車輛專用 Android 應用程式的標準顏色
圖 1. 標準顏色
車輛專用 Android 應用程式的強調色
圖 2. 強調色範例

善用色彩有助於凸顯設計意圖。如果顏色沒有實際用途,請謹慎使用。

應用程式自訂範例

應用程式自訂範例
圖 3. 應用程式自訂範例。

車輛 OEM 自訂範例

這些範例顯示車輛原始設備製造商 (OEM) 可能會對應用程式的 Android Auto OS (AAOS) 版本套用的其他樣式自訂項目。雖然路徑規劃資訊卡的顏色來自應用程式,但車輛 OEM 會自訂路徑規劃資訊卡、按鈕和預計抵達時間資訊卡的字型、主題和形狀。他們也可以調整按鈕寬度,如「自訂按鈕」所示。

車輛專用 Android 應用程式的標準顏色
圖 4. OEM 日間導覽檢視畫面
車輛專用 Android 應用程式的強調色
圖 5. OEM 夜間導覽檢視畫面

自訂按鈕寬度、顏色和形狀

這些範例著重說明原始設備製造商如何在應用程式的 AAOS 版本中,自訂按鈕寬度、顏色和形狀。

對於應用程式指定為主要按鈕的按鈕,原始設備製造商可以決定是否使用應用程式強調色或自己的強調色。他們也可以選擇將主要按鈕放在左側或右側,以配合右駕車輛等情況。

OEM 按鈕的標準顏色
圖 6. 左側為使用標準顏色的主要按鈕範例
OEM 按鈕的自訂顏色
圖 7. 範例:右側的主要按鈕使用自訂顏色