알림 카드는 시스템이나 앱에서 보내는 소량의 시의적절한 정보를 전달합니다.
Android Automotive OS용으로 이러한 카드의 디자인은 운전자의 주의가 분산되는 것을 최소화하기 위한 것입니다. 카드는 세 가지 기본 버전으로 제공됩니다.
- 헤드업 알림 (HUN) 카드: 현재 화면에 잠시 표시되는 알림에 사용됩니다.
- 알림 센터 카드: 알림 센터에 표시된 알림에 사용됩니다.
- 그룹화된 알림 카드: 여러 알림 센터 카드를 하나의 카드로 통합합니다.
이러한 버전 내에서는 메시지의 카테고리에 따라 디자인이 약간 달라질 수도 있습니다. 예를 들어 전화 알림에는 내비게이션 알림과 다른 버튼과 아이콘이 있습니다.
분석
알림 카드는 다양한 요소를 포함할 수 있는 유연한 구성요소입니다. 세 가지 기본 버전이 있습니다.
- HUN 카드: 이 버전은 알림 센터 카드보다 너비가 더 넓으며 닫을 때까지 현재 화면 상단에 표시됩니다.
- 알림 센터 카드: 이 버전은 HUN 카드보다 좁으며 알림 센터의 다른 카드와 함께 세로 목록으로 표시됩니다.
- 그룹화된 알림 카드: 이 버전의 알림 센터 카드는 여러 관련 알림을 하나의 카드로 결합하며, 확장 기능을 통해 개별 알림을 표시하는 컨트롤도 제공합니다.
메시지 유형별로 이러한 버전의 변형이 스타일에 표시됩니다.
1. 헤더
2. 콘텐츠 (자동차가 운전 중일 때 숨길 수 있는 선택적 메시지 미리보기 포함 또는 없음)
3. 조치
4. 큰 아이콘
1. 헤더
2. 콘텐츠
3. 펼치기/접기 작업
4. 펼치기/접기 표시기
사양 – HUN 카드
표준 HUN
아바타가 있는 HUN
메시지 HUN(미리보기 포함)
여러 메시지가 있는 메시지 HUN
대형 이미지 HUN
사양 – 알림 센터 카드
표준 알림
미리보기가 포함된 메시지 알림
여러 메시지가 포함된 메시지 알림
단일 작업 알림
사양 – 그룹화된 알림 카드
그룹화된 알림 – 접힘
그룹화된 알림 – 펼침
레이아웃 확장
이러한 참조 레이아웃은 다양한 너비와 높이의 화면에 맞게 알림을 조정하는 방법을 보여줍니다. 너비 및 높이 카테고리는 레이아웃 섹션에 정의되어 있습니다. 다운샘플링 또는 업샘플링이 발생하기 전에 모든 픽셀 값은 렌더링된 픽셀입니다.
표준 너비 화면
와이드 스크린
엑스트라 와이드 및 슈퍼 와이드 화면
다양한 높이의 화면에서 알림의 세로 간격
이 섹션의 세로 간격 사양은 HUN 카드에만 적용됩니다. 알림 센터의 카드 세로 간격에 대한 자세한 내용은 알림 센터 사양을 참조하세요.
짧은 화면
높은 및 표준 높이의 화면
스타일
서체
| 서체 스타일 | 글꼴 | 무게 | 크기 (dp) |
|---|---|---|---|
| 본문 1 | Roboto | 일반 | 32 |
| 본문 3 M | Roboto | 보통 | 24 |
| 본문 3 | Roboto | 일반 | 24 |
색상
| 요소 | 색상(데이 모드) | 색상 (야간 모드) |
|---|---|---|
| 기본 유형 / 아이콘 | White | 흰색 @ 88% |
| 보조 유형 | 흰색 @ 72% | 흰색 @ 60% |
| 보조 아이콘 | 서드 파티 악센트 | 서드 파티 악센트 |
| 칸막이 헤어라인 | 흰색 22% | 흰색 12% |
| 카드 배경 | 회색 868 | 회색 900 |
| 그라데이션 스크림 | 검은색 100%~0% | 검은색 100%~20% |
사이즈
| 요소 | 크기 (dp) |
|---|---|
| 기본 아이콘 | 44 |
| 보조 아이콘 | 36 |
| 중간 아바타 | 76 |
| 둥근 모서리 반경 (R2) | 8 |
예
움직임
다음 동작은 알림 환경의 중요한 부분입니다.
- HUN 도착 모션
- 스와이프 동작으로 알림 닫기
- 그룹화된 알림 확장 및 축소 모션
HUN 도착
스와이프하여 닫기
그룹화된 알림 펼치기 및 접기
