서체 스타일 지정은 UI의 정보 계층 구조와 기능을 정의하는 데 도움이 됩니다. 서체 선택은 운전 시 중요한 고려사항인 가독성에도 큰 영향을 미칠 수 있습니다.
간략한 안내 (TL:DR):
- Android Automotive OS 서체 스케일의 디스플레이, 본문, 하위 텍스트 사용
- 최소 본문 텍스트 크기는 24dp입니다. 중요하지 않은 정보를 위해 하위 텍스트 크기를 예약해 두세요.
- 정렬에 4dp 그리드 사용
- 스타일 속성을 적용하여 효과 만들기 (계층 구조 지원, 포커스 주의 집중)
- 중간 정도의 글꼴 두께는 드물게 사용하고 굵은 글꼴은 피합니다.
배율 및 그리드 참조
Android Automotive OS 서체 크기 조정 및 조판 그리드를 사용하여 디스플레이 텍스트, 본문 텍스트, 하위 텍스트의 다양한 수준에서 텍스트를 일관되게 표시하고 한눈에 알아볼 수 있도록 합니다.
Android Automotive OS 서체 크기
이 배율은 Android Automotive OS에서 사용되는 디스플레이 텍스트, 본문 텍스트, 하위 텍스트의 9가지 기본 수준에 사용되는 글꼴, 글꼴 크기, 행 높이를 보여줍니다. Android Automotive OS의 최소 유형 크기는 24dp입니다. 24dp 미만의 크기는 한눈에 보기가 어려우므로 자동 컨텍스트에서 드물게 사용해야 합니다. 하위 텍스트 크기는 상태 표시줄 콘텐츠와 같이 중요하지 않거나 3차적인 정보에 사용하는 것이 가장 좋습니다.
![서체 스케일](https://developers.google.cn/cars/design/automotive-os/design-system/images/type-scale2.png?authuser=19&hl=ko)
유형 설정 그리드 및 기준 참조
4dp 그리드를 기반으로 배율과 세로 리듬을 유지하면 일관성과 시각적 계층 구조에 도움이 됩니다.
![4dp 그리드에서 크기 조정](https://developers.google.cn/cars/design/automotive-os/design-system/images/4dp-grid.png?authuser=19&hl=ko)
안내 및 예시
서체 선택에 배율과 스타일을 적용하면 다음과 같은 이점이 있습니다.
- 모든 텍스트를 읽을 수 있게 합니다.
- 텍스트 요소 간의 시각적 계층 전달
- 가장 중요한 부분에 주의를 집중시킵니다.
각 스타일은 배율 및 추가 속성으로 정의된 일련의 값으로 구성됩니다. 이러한 속성에는 글꼴 두께, 색상, 불투명도 값이 포함되며 모든 서체 크기에 추가하여 관심 집중과 같은 원하는 효과를 만들 수 있습니다.
![](https://developers.google.cn/cars/design/automotive-os/design-system/images/type-style.png?authuser=19&hl=ko)
예
![서체 텍스트 크기](https://developers.google.cn/cars/design/automotive-os/design-system/images/scale-example-1.png?authuser=19&hl=ko)
b. 본문 2
c. 본문 1
![서체 텍스트 크기](https://developers.google.cn/cars/design/automotive-os/design-system/images/scale-example-2.png?authuser=19&hl=ko)
b. 본문 1
c. 본문 1
![서체](https://developers.google.cn/cars/design/automotive-os/design-system/images/typography-do2.png?authuser=19&hl=ko)
권장사항
![서체는](https://developers.google.cn/cars/design/automotive-os/design-system/images/typography-dont2.png?authuser=19&hl=ko)
부적절