自定义拨号器界面

您可以自定义拨号器用户界面,以体现您的品牌,并确保其应用程序外观一致。

自定义拨号器涉及以下三个任务:

任务描述

1)应用全局样式

在拨号器用户界面的所有视图中应用全局样式

2)样式拨号器视图

为仅在特定拨号器视图中显示的 UI 元素应用可选的自定义样式

3)修改布局

如有需要,可调整、重新排列或更改拨号器布局,以更好地适应汽车内饰或支持的功能。

有关用户体验指导,请参阅拨号器检查清单

应用全局样式

第一步是将全局的、符合品牌形象的样式应用于拨号器中的所有视图。

通过对拨号器用户界面的颜色、文本外观和其他全局元素进行样式设置,使其体现品牌形象,汽车制造商可以在其应用程序中打造一致的用户体验。(如需查看拨号器界面示例,请访问拨号器应用程序。本节将介绍拨号器中哪些内容可以进行全局自定义,并提供针对车辆优化样式选择的指导原则。)

哪些内容可以全局设置样式

汽车制造商可以针对多个拨号器视图自定义以下用户界面方面:

  • 色彩调色板
  • 排版
  • 列表项大小
  • 头像形状和尺寸
  • 图标外观
  • 应用栏外观
  • 按钮外观
  • 对话框出现

在对造型进行更改时,请记住以下准则。

通用风格指南

拨号器应遵循与用户界面中其他应用程序相同的样式约定,设计选择应针对车载体验进行优化。

需要什么

请遵循我们的一般用户体验要求,其中包括:

  • 对比度
  • 最小字体和触摸目标尺寸
  • 深色主题
  • 触摸目标之间的距离

这些要求有助于创建针对车辆优化、易于浏览且一致的用户界面。

样式拨号器视图

应用全局样式后的下一步是将可选的自定义样式应用于特定的拨号器视图。

某些仅在特定视图中出现的元素,例如键盘按钮,可以通过样式设计来更好地契合您的品牌和汽车内饰风格。如需查看拨号器界面示例,请访问拨号器应用程序。

特定视图中哪些内容可以自定义

拨号器视图中有四个视图特定元素,汽车制造商可能希望为这些元素提供定制样式。

看法可自定义元素

近期

通话记录图标

拨号键盘

键盘按钮

通话状态屏幕

控制栏图标

等待音乐叠加

切换图标

汽车制造商可以出于特定原因,在任何拨号器视图中覆盖全局 UI 功能(例如文本外观)的样式。

在自定义拨号器特定视图时,请记住为自定义全局样式提供的一般样式指南

修改布局

在某些情况下,汽车制造商可以选择修改拨号器布局。

汽车制造商可以:

  • 调整布局以更好地适应屏幕尺寸
  • 针对特定车型或地点重新排列布局元素
  • 修改布局以禁用他们不支持的功能

超出简单调整范围的布局修改(尤其是涉及禁用某个功能时)应谨慎进行,以确保拨号器保持功能正常。

在进行禁用功能或重新排列布局元素的修改时,请遵守一般样式指南,并确保拨号器的其他功能按预期工作。

调整布局以适应屏幕尺寸

如果默认的拨号器布局不适合汽车的特定屏幕尺寸,汽车制造商可以对其进行调整。

调整布局以适应屏幕尺寸需要两个步骤:

  • 在资源叠加层中设置屏幕整体高度和宽度
  • 确保拨号器每个视图中的元素和触摸目标适当分隔且易于访问。

请参阅通用样式指南,了解可能影响布局的其他样式注意事项。

重新排列布局元素

在某些情况下,汽车制造商可能需要重新调整布局以适应特定车型的内饰。例如,对于方向盘位于右侧的车型,汽车制造商可能需要重新调整拨号盘视图的布局,将键盘从屏幕左侧移至屏幕右侧。

请参阅通用样式指南,了解可能影响布局的其他样式注意事项。

修改布局以禁用功能

如果汽车制造商选择通过移除布局中的拨号器访问权限来禁用该功能,则必须确保其他功能不会受到意外影响。应用程序必须继续遵守本节中的布局修改指南,以及基于车辆行驶状态施加的用户限制,例如在用户驾驶时阻止访问设置。

此外,务必从所有引用已禁用功能的布局中移除对该功能的引用。例如,不希望支持“收藏夹”联系人视图的汽车制造商不仅必须禁用应用栏中的“收藏夹”选项卡,还必须隐藏或移除“联系人详细信息”视图中的“收藏夹”切换按钮。

用户体验要求

使用此列表检查拨号器的样式和布局自定义是否满足所有设计要求。

有关每个自定义领域中“必须”、“应该”和“可以”准则的完整详细信息,请访问左侧栏中的链接。

自定义时检查一下

全局视图特定样式

自定义样式:

  • 体现了汽车制造商的品牌形象
  • 与同一辆车内其他应用程序的风格保持一致
  • 如果可以,请使用深色主题。
  • 符合或超过对比度要求
  • 符合或超过文本和触摸目标的最小尺寸要求

布局

(尺寸、布局或特征)

修改后的布局:

  • 请遵守之前提到的样式指南。
  • 遵守基于驾驶状态的用户限制
  • 保留应用可用性所需的关键功能,例如拨号键盘、结束通话按钮、通话切换按钮、返回按钮、应用内搜索和设置,以及至少一个可访问联系人详细信息的联系人视图。