应用开发者负责提供媒体应用的核心内容、图标和自定义操作，而汽车制造商则可以灵活地定制整体视觉体验。这确保了第三方媒体应用能够自然地融入车载信息娱乐系统，成为其不可或缺的一部分。
汽车制造商可以定制哪些内容
- 配置应用栏：媒体应用栏的位置、样式和特定功能元素
- 浏览视图样式：应用标题（位置和样式），以及网格和列表项的视觉样式
- 播放布局样式：播放视图的布局和样式，包括最小化的控制栏。
- 设计搜索界面：键盘外观、叠加元素以及搜索结果的样式
- 应用品牌展示：应用图标在内容屏幕上的位置，以及应用的强调色如何融入用户界面。
配置应用栏
对于内置谷歌服务的车载媒体应用而言，应用栏是主要的导航和品牌元素。它能帮助用户了解自身在应用中的位置，并让他们快速访问搜索和浏览等基本功能。
您可以使用设计令牌来修改应用程序栏的外观、布局和功能，从而自定义应用程序栏，使其与您的汽车品牌保持一致。
解剖学
媒体应用栏通常包含以下元素：
- 导航图标：通常是一个返回箭头，用于返回上一屏幕。
- 应用品牌：您的应用的徽标或名称。
- 标签页：顶级类别的导航链接，例如“浏览”或“搜索”。
- 操作图标：上下文操作，例如搜索图标。
自定义外观
使用设计令牌确保应用栏与汽车系统主题保持一致。令牌允许您定义颜色和字体，这些设置将在整个用户界面中自动更新。
- 背景：使用相应的表面令牌设置应用栏的背景颜色和不透明度。
- 字体排印：通过将品牌字体和字重映射到系统排印标记，为应用程序标题和标签使用品牌字体和字重。
- 图标：确保导航和操作图标使用一致的尺寸和颜色标记，以便在驾驶时清晰易读。
功能配置
管理标签页
您可以根据应用的结构选择在应用栏中显示的标签页。常见配置包括：
- 标准浏览：播放列表、艺术家和专辑等类别的标签页。
- 搜索集成：在应用栏中添加专门的搜索标签或图标，以便快速访问键盘或语音搜索。
品牌展示
为了保持视觉风格的一致性，您可以决定应用图标或品牌标识在应用栏中的显示方式。您可以选择：
- 显示徽标：将应用徽标放在导航图标旁边。
- 显示标题：如果没有提供徽标，则使用文本作为应用名称。
样式浏览视图
浏览视图允许用户通过网格和列表浏览媒体内容。汽车制造商可以定制这些视图，以确保媒体体验与车辆品牌和系统整体设计保持一致。
头部自定义
浏览头部信息为用户提供当前在内容层级结构中的位置信息。您可以自定义头部信息的以下几个方面：
- 位置和样式：调整页眉的垂直位置和视觉设计，包括高度和背景处理。
- 标题元素：自定义特定组件，例如标题文本的样式和辅助图标的外观。
网格和列表项
媒体内容以网格或列表形式组织，以帮助用户高效浏览。您可以自定义这些布局，以提高可读性和概览性：
- 项目样式：自定义单个项目的视觉外观，包括缩略图的大小和形状以及标题和副标题的字体。
- 布局选择：根据显示的内容类型选择网格或列表格式（例如，使用网格显示专辑封面，使用列表显示曲目名称）。
- 焦点状态：定义用户选择或突出显示项目时项目的显示方式。
样式播放布局
播放视图为用户提供当前播放媒体的控制选项和元数据。汽车制造商可以自定义此视图和最小化的控制栏的外观，从而打造与车辆品牌相符的统一用户体验。
回放视图解剖
回放视图通常包含以下组件：
- 专辑封面：当前媒体的视觉表现形式。
- 元数据：例如曲目标题、艺术家姓名和专辑标题等信息。
- 播放控制：播放、暂停、跳过和随机播放等基本操作。
- 进度条：当前曲目进度的视觉指示器，通常包括可跳转的滑块。
自定义选项
您可以使用设计令牌来修改播放体验的视觉风格。
主播放屏幕
- 背景和叠加层：自定义背景颜色、渐变或不透明度级别，以匹配您的系统主题。
- 排版：使用系统排版标记定义曲目标题和艺术家信息的字体、大小和粗细。
- 控制样式：自定义播放按钮（例如，播放、暂停、下一首）的形状、颜色和图标样式，以确保它们与其他系统控件保持一致。
- 进度条：使用品牌专属颜色设置进度条的轨道和滑块样式。
最小化控制栏（MCB）
最小化的控制栏允许用户在浏览系统其他部分的同时控制媒体播放。您可以自定义以下内容：
- 位置和布局：确定 MCB 在屏幕上的位置以及其中元素的排列方式。
- 元素可见性：选择在最小化状态下显示哪些控件（例如播放/暂停或跳过）。
- 样式：采用一致的颜色和圆角，确保 MCB 感觉像是系统 UI 的原生部分。
设计搜索叠加层
应用内搜索是一项关键功能，使用户能够在车内快速查找媒体内容。虽然应用开发商提供搜索内容，但汽车制造商负责设计搜索界面，包括键盘和搜索结果的呈现方式。
键盘设计
搜索界面会根据车辆的行驶状态使用不同的键盘配置，以确保安全性和易用性。
- 标准键盘：车辆停放时显示。这是一个功能齐全的键盘，用于手动输入文本。
- 驾驶优化键盘：车辆行驶时显示。此版本通常优先考虑语音输入，并可能提供简化的手动输入或建议，以最大程度地减少驾驶员分心。
汽车制造商可以使用系统设计令牌来定制这些键盘的视觉风格（例如按键形状、背景颜色和字体），以匹配车辆的品牌形象。
风格搜索结果
用户输入查询后，结果会以叠加层的形式显示。您可以自定义此视图的以下几个方面：
- 布局和间距：定义搜索结果的分组方式以及项目之间的间距，以提高可读性。
- 项目外观：自定义搜索结果中列表项的样式，包括标题和副标题的字体样式以及相关缩略图的大小。
- 空状态和错误状态：设计未找到结果或发生连接错误时叠加层的外观。
展示应用品牌
为了在内置谷歌服务的汽车中打造一致的媒体体验，您可以自定义第三方应用品牌标识与系统用户界面的集成方式。这样既能确保用户清楚地知道自己正在使用哪个应用，又能保证视觉呈现与车辆的整体设计保持一致。
品牌要素
您可以自定义以下应用程序特定元素的放置和集成方式：
- 应用图标：媒体服务的主要视觉标识。
- 强调色：应用程序开发者提供的品牌专属颜色。
- 应用名称：媒体服务的文本名称。
自定义选项
使用设计标记来定义这些品牌元素在不同媒体屏幕上的显示方式。
图标位置和样式
您可以灵活地控制应用图标在媒体界面中的显示方式：
- 定位：确定应用程序图标在内容屏幕上的显示位置，例如在应用程序栏中或在播放视图中。
- 缩放和形状：使用系统标记定义图标的大小和圆角半径，以确保其与其他系统级图标相匹配。
融入强调色
应用程序的强调色可以用来巧妙地暗示应用程序的品牌，而不会喧宾夺主，影响车辆的用户界面：
- 自适应样式：您可以选择如何将应用程序的强调色融入到 UI 组件中，例如进度条、活动标签指示器或按钮。
- 颜色标准化：通过应用系统定义的颜色转换，确保应用程序提供的颜色满足安全性和易读性的对比度要求。
设计最佳实践
- 保持系统和谐：确保应用程序品牌不会分散驾驶员的主要注意力，也不会与车辆的系统整体主题相冲突。
- 优先考虑易读性：如果使用应用程序的强调色来表示文本或图标，请确保它与您选择的背景具有必要的对比度。
- 统一应用：在所有第三方媒体应用中统一应用品牌规则，以提供可预测的用户体验。
- 使用系统令牌：始终将品牌定制映射到提供的设计令牌，以保持与未来系统更新的兼容性。