Android 타이포그래피 완벽 이해 – UXUI 디자인 강좌

안녕하세요. 이번에는 안드로이드에서 권장하는 타이포그래피를 살펴보도록 할게요. 유형 스케일과 android에서 권장하는 폰트를 알아볼게요.

1. 권장 폰트 소개

안드로이드에서는 Roboto, Roboto Serif, Noto Sans 이렇게 크게 세 가지 폰트를 권장합니다.

Roboto

Roboto는 Android의 기본 서체로, 전 세계 수백 가지 언어를 지원하는 3,300개 이상의 글리프를 포함하고 있습니다. 추가적으로 Roboto Flex를 사용하여 더욱 다양한 타이포그래피 유연성을 얻을 수 있습니다. 이 폰트에는 확장된 범위의 두께, 너비, 그리고 사용자 정의 가능한 다양한 속성이 포함되어 있습니다. Roboto Flex 참조

Roboto Serif

Roboto Serif는 편안한 독서 경험을 제공하기 위해 디자인된 폰트입니다. 풍부한 기능과 다양한 크기의 무게와 너비로 인해 어디에서나 사용 가능합니다.

Noto Sans

Noto Sans는 현대 및 고대 언어를 위한 글로벌 폰트 모음입니다. 각 Noto Sans 제품군은 Roboto와 호환 가능하며, 다양한 스크립트와 언어를 지원합니다. 또한, 언어가 지원되지 않을 때는 “대체” 글꼴로 사용됩니다.

2. 유형 스케일

머티리얼 디자인 3

• 기본적으로 15가지의 타이포그래피 스케일 제공.
• 필요에 따라 커스터마이징하여 특정 세트만 선택적으로 사용 가능.

유형 스케일 2

• H1~6, Subtitle, Body, Button, Caption, Overline 등 총 13가지 스타일의 조합 제공.
• 각각의 스타일에는 명확한 의도와 의미가 부여되어 재사용 가능.

타이포그래피 토큰

글꼴, 크기, 행간, 자간, 두께 등의 선택은 타이포그래피 토큰을 사용하여 구현합니다. 토큰은 UI 디자인 시스템 내에서 텍스트 스타일을 표준화하고 관리하기 위한 변수나 설정값입니다.

3. 주의할 점

1. 얇은 서체 사용 : 본문에 얇은 서체는 피하며, 해상도가 낮은 디스플레이에서는 가독성에 문제가 발생할 수 있습니다.
2. 두꺼운 서체의 작은 크기 사용 : 작은 폰트 크기에 두꺼운 서체 사용은 가독성 저하의 원인이 될 수 있습니다.

4. 안드로이드 스튜디오에서 타이포그래피 적용

안드로이드 스튜디오에서는 lineSpacingExtra를 사용하여 행간을 고정값으로 조절하거나, lineSpacingMultiplier를 사용하여 행간을 가변값으로 조절할 수 있습니다.

베이스라인의 중요성

안드로이드에서 폰트의 행간 설정 시, 베이스라인을 중심으로 합니다. 이는 글자의 바닥면과 정렬되는 가상의 수평선으로, 폰트의 크기와 스타일에 따라 그 위치가 달라질 수 있습니다.

디자인 툴과 개발 방식간의 차이

디자인 툴과 안드로이드 개발 시 행간 조정 방법에 차이가 있으므로, 디자인팀과 개발팀 간의 원활한 커뮤니케이션이 필요합니다. 자세한 내용은 영상을 통해 시청해주세요.