形状

形状有助于突出某些屏幕元素相对于其他屏幕元素的重要性。

指南一览(要点

  • 为主要操作和组件使用更圆的圆角(更大的圆角半径)
  • 对于低强调度元素,请使用较圆的圆角(较小的圆角半径)

圆角半径值

Android for Cars 提供了一组角半径值,用于强调各种屏幕元素相对于其他屏幕元素的重要性。

圆角半径值
R0 R1 R2 R3 R4
0dp 4dp 8dp 16dp 全价票

使用舍入方法强调

Android Automotive 中的圆角和方角形状可以打造一种视觉层次结构,吸引用户注意较高强调的元素。重点较高的元素具有较圆的圆角,并且圆角半径更大。强调效果较差的角具有不圆的圆角,并且圆角半径较小。

四个圆角半径的示例
四个角落半径示例,从最低 (0dp = 平方) 到最高(圆形)

0dp - 基准

对于不需要额外强调的基准元素,请使用 0dp(方形)角。基本布局结构(如工具栏或列表)应使用 0dp 的角。图片也应采用 0dp 角,除非被圆形容器(例如卡片)遮盖或处于所选状态。

方形角落示例
右侧网格中影集的封面无需相对于彼此或显示的其他元素进行额外强调,因此它们的边角为 0dp(详见左侧)

8dp - 低强调

圆角形状的默认角半径为 8dp。使用此形状可指示强调效果欠佳的互动元素,例如卡片和容器。

8dp 低强调示例
此处显示的通知卡使用默认的 8dp 圆角半径(如左侧所示),因此与卡片上的操作按钮(如右侧所示)相比,前者的强调性不太高,这一点更为重要

16dp - 中等强调

对于强调效果中等的组件(包括互动元素和展开式组件),请使用 16dp 的圆角半径。

中角 16dp 示例
这里,使用 16dp 的圆角半径为底部动作条提供中等强调效果,这种动作效果暂时比屏幕上当前的内容更重要

圆形 - 强调

对大多直线形状的圆形来说,视觉影响更大。应将其用于高重点组件,例如悬浮操作按钮、组件和微件。

高强调圆角示例
此处使用了完全圆角和圆形,以便尽可能强调左下方的悬浮操作按钮、右上角的操作按钮和左下方的悬浮操作按钮