大小

图标、头像和触摸目标的大小是最大限度地减少驾驶员分散注意力的重要考虑因素。

尺寸宽松的触摸目标可让驾驶员更轻松快捷地与应用互动,并将注意力转移到驾驶上。

指南一览 (TL;DR)

  • 使用标准的图标和头像大小以保持一致
  • 最小触摸目标尺寸为 76 x 76dp
  • 在触摸目标内对齐和居中图标和元素

图标尺寸

以下是 Android for Cars 使用的标准图标尺寸:

Android for Cars 图标大小
主图标 次要图标 三级图标
44 x 44dp 36 x 36dp 24 x 24dp

头像大小

以下是 Android for Cars 使用的标准头像尺寸:

Android for Cars 头像大小
小头像 中型头像 大头像
56 x 56dp 76 x 76dp 96 x 96dp

将图标和触摸目标对齐

Android for Cars 中的最小触摸目标尺寸为 76 x 76dp。触摸目标必须足够大,以便在汽车行驶时便于驾驶员一眼就能看到。按钮等元素应位于触摸目标边界内的中心,并且元素的任何部分都不应位于触摸目标边界之外。

确保触摸目标尺寸不低于 76 x 76dp

正确做法

确保触摸目标尺寸不低于 76 x 76dp 的最小尺寸要求
触摸目标区域内的中心元素

正确做法

在最小触摸目标区域内居中元素
请勿将元素与触摸目标的一侧边缘对齐

错误做法

请勿将某个元素与触摸目标的一侧边缘对齐
不允许元素掉到触摸目标之外

错误做法

不允许元素掉到触摸目标之外