形状

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

指南一览 (TL;DR)

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

角半径值

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

角半径值
R0 R1 R2 R3 R4
0dp 4dp 8dp 16dp 完整

使用舍入来实现强调

Android Automotive 中的圆角和方角形状可以形成视觉层次结构,吸引用户关注重点较高的元素。强调度较高的元素的角更圆,角半径较大。低强调度元素的角不太圆,并且圆角半径较小。

所有四个圆角半径级别的示例
四级圆角半径示例,从最低(0 dp = 方形)到最高(圆形)

0dp - 基准

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

方角示例
右侧网格中的专辑封面不需要相对于彼此或显示的其他元素进行任何额外强调,因此会有 0dp 的边角(详情请见左侧)

8dp - 低强调度

8dp 是圆角形状的默认圆角半径。此形状可用于指示低强调度的互动元素,例如卡片和容器。

8dp 低强调度示例
此处显示的通知卡片使用默认的 8dp 圆角半径(如左侧所示),比卡片上的操作按钮(如右图所示)更重要,后者更为重要

16dp - 中强调度

为中强调度的组件(包括互动元素和展开式组件)使用 16dp 的圆角半径。

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

圆形 - 高强调度

圆形形状对于大部分为直线的形状具有更强的视觉冲击力。应保留用于高强调度的组件,例如 FAB、条状标签和 widget。

高强调度全圆角示例
此处使用全圆角和圆形,以便最大程度强调左下角的 FAB、右上角的操作按钮、左下角的 FAB