媒體應用程式

應用開發者負責提供媒體應用的核心內容、圖標和自訂操作，而汽車製造商則可以靈活地自訂整體視覺體驗。這確保了第三方媒體應用能夠自然地融入車載資訊娛樂系統，成為其不可或缺的一部分。

汽車製造商可以客製化哪些內容

配置應用程式欄

對於內建Google服務的車載媒體應用而言，應用程式欄是主要的導航和品牌元素。它能幫助使用者了解自身在應用程式中的位置，並讓他們快速存取搜尋和瀏覽等基本功能。

您可以使用設計令牌來修改應用程式欄的外觀、佈局和功能，從而自訂應用程式欄，使其與您的汽車品牌保持一致。

解剖學

媒體應用程式列通常包含以下元素：

  • 導航圖示：通常是一個返回箭頭，用於返回上一畫面。
  • 應用品牌：您的應用程式的標誌或名稱。
  • 標籤頁：頂級類別的導航鏈接，例如“瀏覽”或“搜尋”。
  • 操作圖示：上下文操作，例如搜尋圖示。

自訂外觀

使用設計令牌確保應用程式列與汽車系統主題保持一致。令牌允許您定義顏色和字體，這些設定將在整個使用者介面中自動更新。

  • 背景：使用對應的表面令牌來設定應用程式欄的背景顏色和不透明度。
  • 字體排印：透過將品牌字體和字重映射到系統排印標記，為應用程式標題和標籤使用品牌字體和字重。
  • 圖示：確保導航和操作圖示使用一致的尺寸和顏色標記，以便在駕駛時清晰易讀。

功能配置

管理標籤頁

您可以根據應用程式的結構選擇在應用程式列中顯示的標籤頁。常見配置包括：

  • 標準瀏覽：播放清單、藝術家和專輯等類別的標籤頁。
  • 搜尋整合：在應用程式欄中新增專門的搜尋標籤或圖標，以便快速存取鍵盤或語音搜尋。

品牌展示

為了保持視覺風格的一致性，您可以決定套用圖示或品牌標誌在應用程式欄中的顯示方式。您可以選擇：

  • 顯示徽標：將應用程式徽標放在導航圖示旁。
  • 顯示標題：如果沒有提供徽標，則使用文字作為應用程式名稱。

樣式瀏覽視圖

瀏覽視圖允許使用者透過網格和清單瀏覽媒體內容。汽車製造商可以自訂這些視圖，以確保媒體體驗與車輛品牌和系統整體設計保持一致。

頭部自訂

瀏覽頭部資訊為使用者提供目前在內容層級結構中的位置資訊。您可以自訂頭部資訊的以下幾個方面：

  • 位置和類型：調整頁眉的垂直位置和視覺設計，包括高度和背景處理。
  • 標題元素：自訂特定元件，例如標題文字的樣式和輔助圖示的外觀。

網格和清單項

媒體內容以網格或清單形式組織，以協助使用者有效率地瀏覽。您可以自訂這些佈局，以提高可讀性和概覽性：

  • 項目樣式：自訂單一項目的視覺外觀，包括縮圖的大小和形狀以及標題和副標題的字體。
  • 版面選擇：根據顯示的內容類型選擇網格或清單格式（例如，使用網格顯示專輯封面，使用清單顯示曲目名稱）。
  • 焦點狀態：定義使用者選擇或反白顯示項目時項目的顯示方式。

樣式播放版面

播放檢視為使用者提供目前播放媒體的控制選項和元資料。汽車製造商可以自訂此視圖和最小化的控制欄的外觀，從而打造與車輛品牌相符的統一用戶體驗。

回放視圖解剖

回放視圖通常包含以下元件：

  • 專輯封面：當前媒體的視覺表現。
  • 元資料：例如曲目標題、藝術家姓名和專輯標題等資訊。
  • 播放控制：播放、暫停、跳過和隨機播放等基本操作。
  • 進度條：目前曲目進度的視覺指示器，通常包括可跳轉的滑桿。

自訂選項

您可以使用設計令牌來修改播放體驗的視覺風格。

主播放螢幕

  • 背景和疊加層：自訂背景顏色、漸層或不透明度級別，以符合您的系統主題。
  • 排版：使用系統排版標記定義曲目標題和藝人資訊的字體、大小和粗細。
  • 控制樣式：自訂播放按鈕（例如，播放、暫停、下一首歌）的形狀、顏色和圖示樣式，以確保它們與其他系統控制項保持一致。
  • 進度條：使用品牌專屬顏色設定進度條的軌道和滑桿樣式。

最小化控制欄（MCB）

最小化的控制欄允許使用者在瀏覽系統其他部分的同時控制媒體播放。您可以自訂以下內容：

  • 位置和佈局：確定 MCB 在螢幕上的位置以及其中元素的排列方式。
  • 元素可見性：選擇在最小化狀態下顯示哪些控制項（例如播放/暫停或跳過）。
  • 樣式：採用一致的顏色和圓角，確保 MCB 感覺像是系統 UI 的原生部分。

應用程式內搜尋是一項關鍵功能，使用戶能夠在車內快速找到媒體內容。雖然應用程式開發人員提供搜尋內容，但汽車製造商負責設計搜尋介面，包括鍵盤和搜尋結果的呈現方式。

鍵盤設計

搜尋介面會根據車輛的行駛狀態使用不同的鍵盤配置，以確保安全性和易用性。

  • 標準鍵盤：車輛停車時顯示。這是一個功能齊全的鍵盤，用於手動輸入文字。
  • 駕駛優化鍵盤：車輛行駛時顯示。此版本通常優先考慮語音輸入，並可能提供簡化的手動輸入或建議，以最大程度地減少駕駛員分心。

汽車製造商可以使用系統設計令牌來客製化這些鍵盤的視覺風格（例如按鍵形狀、背景顏色和字體），以匹配車輛的品牌形象。

使用者輸入查詢後，結果會以疊加層的形式顯示。您可以自訂此視圖的以下幾個方面：

  • 版面和間距：定義搜尋結果的分組方式以及項目之間的間距，以提高可讀性。
  • 項目外觀：自訂搜尋結果中清單項目的樣式，包括標題和副標題的字體樣式以及相關縮圖的大小。
  • 空狀態和錯誤狀態：設計未找到結果或發生連線錯誤時疊加層的外觀。

展示應用程式品牌

為了在內建Google服務的汽車中打造一致的媒體體驗，您可以自訂第三方應用品牌識別與系統使用者介面的整合方式。這樣既能確保使用者清楚知道自己正在使用哪個應用，又能確保視覺呈現與車輛的整體設計保持一致。

品牌要素

您可以自訂以下應用程式特定元素的放置和整合方式：

  • 應用圖示：媒體服務的主要視覺標識。
  • 強調色：應用程式開發者提供的品牌專屬顏色。
  • 應用程式名稱：媒體服務的文字名稱。

自訂選項

使用設計標記來定義這些品牌元素在不同媒體螢幕上的顯示方式。

圖示位置和样式

您可以靈活地控制應用程式圖示在媒體介面中的顯示方式：

  • 定位：確定應用程式圖示在內容畫面上的顯示位置，例如在應用程式列中或在播放檢視中。
  • 縮放和形狀：使用系統標記定義圖示的大小和圓角半徑，以確保其與其他系統級圖示相符。

融入強調色

應用程式的強調色可以用來巧妙地暗示應用程式的品牌，而不會喧賓奪主，影響車輛的用戶介面：

  • 自適應樣式：您可以選擇如何將應用程式的強調色融入 UI 元件中，例如進度條、活動標籤指示器或按鈕。
  • 顏色標準化：透過應用系統定義的顏色轉換，確保應用程式提供的顏色符合安全性和易讀性的對比要求。

設計最佳實踐

  • 保持系統和諧：確保應用程式品牌不會分散駕駛員的主要注意力，也不會與車輛的系統整體主題相衝突。
  • 優先考慮易讀性：如果使用應用程式的強調色來表示文字或圖標，請確保它與您選擇的背景具有必要的對比度。
  • 統一應用：在所有第三方媒體應用中統一應用品牌規則，以提供可預測的使用者體驗。
  • 使用系統令牌：始終將品牌自訂映射到提供的設計令牌，以保持與未來系統更新的兼容性。