중요도가 낮은 요소에는 더 정사각형이고 덜 둥글게 처리된 모서리 (하단 모서리 반경) 사용
모서리 반지름 값
자동차용 Android는 다른 화면 요소에 비해 다양한 화면 요소의 중요성을 강조하기 위한 일련의 모서리 반경 값을 제공합니다.
R0
R1
R2
R3
R4
0dp
4dp
8dp
16dp
전체
강조를 위해 반올림 사용
Android Automotive의 둥근 모서리와 정사각형 모서리는 더 높은 강조 요소에 사용자의 관심을 끄는 시각적 계층 구조를 만듭니다. 강조 요소가 높을수록 모서리가 더 둥글고 모서리 반지름이 더 커집니다. 강조가 낮은 요소는 덜 둥글고 모서리 반지름이 더 작은 모서리를 사용합니다.
가장 낮은 (0dp = 정사각형)부터 가장 높은 (원형)까지의 모서리 반지름 4단계의 예
0dp — 기준
추가로 강조할 필요가 없는 기준선 요소에는 0dp (정사각형) 모서리를 사용합니다. 툴바나 목록과 같은 기본 레이아웃 구조는 0dp 모서리를 사용해야 합니다. 이미지가 둥근 컨테이너 (예: 카드)로 마스킹되거나 선택된 상태가 아닌 한 이미지의 모서리도 0dp여야 합니다.
오른쪽 그리드의 앨범 표지는 다른 요소나 표시된 다른 요소에 상대적으로 강조할 필요가 없으므로 모서리가 0dp입니다 (세부정보는 왼쪽에 표시됨).
8dp — 낮은 강조
8dp는 둥근 도형의 기본 모서리 반경입니다. 이 도형을 사용하여 카드, 컨테이너와 같이 중요도가 낮은 상호작용 요소를 표시할 수 있습니다.
여기에 표시된 알림 카드는 기본 8dp 모서리 반지름(왼쪽에 표시)을 사용하므로 카드의 작업 버튼(오른쪽 그림)보다 강조됩니다(더 중요한 부분임).
16dp — 중간 강조
상호작용형 요소와 확장형 구성요소 등 중간 강조가 있는 구성요소에는 16dp 모서리 반지름을 사용합니다.
여기서 16dp 모서리 반지름은 화면상의 현재 콘텐츠보다 일시적으로 더 중요한 하단 시트를 중간 강조하는 데 사용됩니다.
원형 — 높은 강조
원형 도형은 대부분 직선으로 된 도형에 대한 시각적 효과가 큽니다. FAB, 칩, 위젯과 같이 중요도가 높은 구성요소에 예약해야 합니다.
여기서는 왼쪽 하단의 플로팅 작업 버튼, 오른쪽 상단의 작업 버튼, 왼쪽 하단의 플로팅 작업 버튼을 만들기 위해 완전히 둥근 모서리와 원형 도형을 사용합니다.
[null,null,["최종 업데이트: 2024-07-23(UTC)"],[[["Use rounded corners with higher radius (e.g., 16dp, circular) for primary actions and important components like FABs and chips to draw user attention."],["Use less rounded or square corners (e.g., 0dp, 8dp) for lower-emphasis elements such as toolbars, lists, or background cards."],["Android Automotive provides a range of corner radius values (0dp, 4dp, 8dp, 16dp, Full) to create visual hierarchy and guide user focus."],["8dp is the default corner radius for rounded shapes and is suitable for low-emphasis interactive elements like cards and containers."],["Images typically use 0dp corners unless they need to be highlighted or are within a rounded container."]]],[]]
