Google內建功能的設計最佳實踐

了解如何將您獨特的品牌識別應用到整個資訊娛樂系統中,從而打造連貫一致、以駕駛為導向的體驗。

利用設計元素打造統一的視覺效果

設計令牌是所有 UI 元素的基本建構模組,可讓您管理整個系統中品牌的整體外觀,而無需耗費時間進行程式碼變更。

只有一個真理來源

令牌是可重複使用的設計值(例如顏色、字體和尺寸),它們取代了靜態程式碼。透過定義這些令牌值,您可以完全控制系統的核心樣式,並確保您的品牌識別在系統中的每個應用程式中都是唯一的權威來源。

在整個系統中標準化設計決策

令牌可在整個系統中動態套用自訂值。這避免了對程式碼進行深度修改,並確保設計人員和工程師“使用相同的語言”,從而實現從設計到最終實現的無縫銜接。

您可以使用設計令牌自訂應用程式圖示的外觀和風格。

自訂顏色和主題

該平台讓您在確保關鍵安全標準的同時,掌控整體美感。您可以透過資源疊加層自訂基礎主題和配色方案,以展現品牌的獨特風格。

針對白天和夜間駕駛進行最佳化

白天,日間模式(淺色背景上的深色文字)提供更好的可視性。在夜間,夜間模式(深色背景上的淺色文字)提供更好的可視性。

優化對比度以提高一眼易讀性

為了確保駕駛時的可讀性,所有元素(文字、圖示和背景)之間的最小顏色對比必須保持在 4.5:1。

日間模式。
夜間模式。

在組件之間創造清晰的視覺層次結構

減少駕駛員看螢幕的時間至關重要。為了創建引導駕駛員視線的視覺層級,您可以自訂組件的角落和比例。

使用圓角以強調

Google 內建功能利用形狀和圓角來傳達重要性。主要操作和組件使用較圓潤的邊角(半徑較大),而次要元素則使用較不圓潤的邊角(半徑較小)。

該系統提供特定的圓角半徑值(例如,0dp、4dp、8dp、16dp、圓形),您可以從中選擇以調整模板的大小、形狀和按鈕比例,使其適合您的車輛顯示器。

谷歌地圖中的圓角。