自訂撥號 UI

您可以自訂撥號器使用者介面,以體現您的品牌,並確保其應用程式外觀一致。

自訂撥號器涉及以下三個任務:

任務描述

1)應用全域樣式

在撥號器使用者介面的所有視圖中套用全域樣式

2)樣式撥號器視圖

為僅在特定撥號器視圖中顯示的 UI 元素套用可選的自訂樣式

3)修改佈局

如有需要,可調整、重新排列或變更撥號器佈局,以更好地適應汽車內裝或支援的功能。

有關使用者體驗指導,請參閱撥號器檢查清單

應用全域樣式

第一步是將全域的、符合品牌形象的樣式套用到撥號器中的所有視圖。

透過對撥號器使用者介面的顏色、文字外觀和其他全局元素進行樣式設置,使其體現品牌形象,汽車製造商可以在其應用程式中打造一致的使用者體驗。 (如需查看撥號器介面範例,請造訪撥號器應用程式。本節將介紹撥號器中哪些內容可以進行全域自訂,並提供針對車輛最佳化樣式選擇的指導原則。)

哪些內容可以全域設定樣式

汽車製造商可以針對多個撥號器視圖自訂以下使用者介面方面:

  • 色彩調色盤
  • 排版
  • 清單項目大小
  • 頭像形狀和尺寸
  • 圖示外觀
  • 應用程式欄外觀
  • 按鈕外觀
  • 對話框出現

在對造型進行更改時,請記住以下準則。

通用風格指南

撥號器應遵循與使用者介面中其他應用程式相同的樣式約定,設計選擇應針對車載體驗進行最佳化。

需要什麼

請遵循我們的一般使用者體驗要求,其中包括:

  • 對比
  • 最小字體和觸控目標尺寸
  • 深色主題
  • 觸摸目標之間的距離

這些要求有助於創建針對車輛最佳化、易於瀏覽且一致的使用者介面。

樣式撥號器視圖

套用全域樣式後的下一步是將可選的自訂樣式套用至特定的撥號器視圖。

某些僅在特定視圖中出現的元素,例如鍵盤按鈕,可以透過樣式設計來更好地契合您的品牌和汽車內裝風格。如需查看撥號器介面範例,請造訪撥號器應用程式。

特定視圖中哪些內容可以自訂

撥號器視圖中有四個視圖特定元素,汽車製造商可能希望為這些元素提供客製化樣式。

看法可自訂元素

近期

通話記錄圖示

撥號鍵盤

鍵盤按鈕

通話狀態螢幕

控制列圖標

等待音樂疊加

切換圖示

汽車製造商可以出於特定原因,在任何撥號器視圖中覆寫全域 UI 功能(例如文字外觀)的樣式。

在自訂撥號器特定視圖時,請記住為自訂全域樣式提供的一般樣式指南

修改佈局

在某些情況下,汽車製造商可以選擇修改撥號器佈局。

汽車製造商可以:

  • 調整佈局以更好地適應螢幕尺寸
  • 針對特定車型或地點重新排列佈局元素
  • 修改佈局以停用他們不支援的功能

超出簡單調整範圍的佈局修改(尤其是涉及停用某個功能時)應謹慎進行,以確保撥號器保持功能正常。

在進行停用功能或重新排列佈局元素的修改時,請遵守一般樣式指南,並確保撥號器的其他功能按預期運作。

調整佈局以適應螢幕尺寸

如果預設的撥號器佈局不適合汽車的特定螢幕尺寸,汽車製造商可以對其進行調整。

調整佈局以適應螢幕尺寸需要兩個步驟:

  • 在資源疊加層中設定螢幕整體高度和寬度
  • 確保撥號器每個視圖中的元素和觸控目標適當分隔且易於存取。

請參閱通用樣式指南,以了解可能影響佈局的其他樣式註意事項。

重新排列佈局元素

在某些情況下,汽車製造商可能需要重新調整佈局以適應特定車型的內裝。例如,對於方向盤位於右側的車型,汽車製造商可能需要重新調整撥號盤視圖的佈局,將鍵盤從螢幕左側移至螢幕右側。

請參閱通用樣式指南,以了解可能影響佈局的其他樣式註意事項。

修改佈局以停用功能

如果汽車製造商選擇透過移除佈局中的撥號器存取權限來停用該功能,則必須確保其他功能不會受到意外影響。應用程式必須繼續遵守本節中的佈局修改指南,以及基於車輛行駛狀態施加的使用者限制,例如在使用者駕駛時阻止存取設定。

此外,請務必從所有引用已停用功能的佈局中移除對該功能的參考。例如,不希望支援「收藏夾」聯絡人視圖的汽車製造商不僅必須停用應用程式列中的「收藏夾」選項卡,還必須隱藏或移除「聯絡人詳細資料」視圖中的「收藏夾」切換按鈕。

使用者體驗要求

使用此清單檢查撥號器的樣式和佈局自訂是否符合所有設計要求。

有關每個自訂領域中「必須」、「應該」和「可以」準則的完整詳細信息,請訪問左側欄中的連結。

自訂時檢查一下

全域視圖特定樣式

自訂樣式:

  • 體現了汽車製造商的品牌形象
  • 與同一輛車內其他應用程式的風格保持一致
  • 如果可以,請使用深色主題。
  • 符合或超過對比要求
  • 符合或超過文字和觸控目標的最小尺寸要求

佈局

(尺寸、佈局或特徵)

修改後的佈局:

  • 請遵守之前提到的樣式指南。
  • 遵守基於駕駛狀態的使用者限制
  • 保留應用程式可用性所需的關鍵功能,例如撥號鍵盤、結束通話按鈕、通話切換按鈕、返回按鈕、應用程式內搜尋和設置,以及至少一個可存取聯絡人詳細資訊的聯絡人視圖。