타이포그래피는 AI 글래스의 편안함과 한눈에 보기 쉬운 디자인을 위해 최적화되어 있으며, 여기에는 최적화된 타입스케일과 글꼴 모음 특성이 포함됩니다.
Jetpack Compose Glimmer에는 최적화된 기본 서체 스케일이 있습니다. 각각 3가지 스타일이 있는 두 가지 역할로 구성된 서체 역할은 목적과 계층 구조를 기반으로 합니다.
Jetpack Compose Glimmer Figma 키트에서 서체 역할과 값을 확인할 수 있으며, 구성요소에서 서체 역할 사용도 확인할 수 있습니다.
도 단위로 측정
글래스의 인터페이스(텍스트 포함)는 픽셀이나 포인트가 아닌 각도로 측정됩니다. 이 측정 단위는 사용자의 시야에서 UI가 차지하는 공간에 해당합니다. 서체 크기는 표시되는 거리에 따라 달라집니다.
텍스트의 최소 크기는 0.6°입니다.
대부분의 텍스트는 0.7°~0.9°여야 합니다. 가독성 연구에 따르면 읽을 수 있는 본문 텍스트의 최소 크기는 특정 깊이에서 약 0.6°입니다. 최소 가독성 측정항목을 충족하려면 텍스트 크기가 18px 이상이어야 합니다. 30PPD × 0.6° 최소 = 18px 텍스트 크기
글꼴 맞춤설정
Google Sans Flex와 같은 글꼴은 글라스 디스플레이에 맞게 최적화할 수 있습니다. Google Sans Flex를 사용하는 경우 가변 글꼴 축을 통해 글꼴을 최적화하여 더 편안한 읽기 환경을 만들 수 있습니다.
- 광학 크기, 각 포인트 크기에 맞게 글자 모양을 최적화합니다.
- 둥글기 축을 사용하여 격식 조정
- 다양한 두께와 너비
안경 디스플레이의 할레이션과 색수차는 모든 방향으로 빛을 퍼뜨려 글자의 경계가 사라지게 합니다. 둥근 글자 모양은 단순화된 글자 모양 기하학적 구조로 인해 안경 디스플레이에서 할레이션과 색수차를 완화할 수 있습니다. 글자 간격, 글자 모양, 한눈에 보이는 크기는 가독성과 편안함을 개선합니다.
여기서는 Google Sans Flex가 가중치 축이 증가한 둥근 글꼴인 Nunito로 대체되었습니다.
이러한 원칙은 특정 디스플레이 폼 팩터의 광학 과학을 기반으로 하며, 이러한 원칙을 준수하는 것이 편안하고 읽기 쉬운 사용자 환경을 만드는 데 중요합니다.
권장사항
