HIG-Typography 🍎

1️⃣ 정의

문서에서 명료한 텍스트를 보장하는 것 외에도, Typography 선택은 정보의 계층 구조를 명확히 하고 중요한 내용을 전달하며 브랜드를 표현하는 데 도움이 될 수 있음

2️⃣ Best practices

• 대부분의 사람들이 쉽게 읽을 수 있는 최소 글꼴 크기를 유지하기 위해 노력해야함
• 픽셀 밀도와 밝기를 포함한 디바이스 디스플레이의 차이는 적절한 최소 글꼴 크기에 영향을 줄 수 있음
• 독자의 텍스트에 대한 근접성, 시력, 이동 여부 및 주변 조명과 같은 기타 요소는 가독성에 모두 영향을 미칠 수 있음
• iOS, iPadOS, tvOS, visionOS 및 watchOS에서 사용자가 가시적인 텍스트 크기를 선택할 수 있는 기능인 Dynamic Type을 지원하면 사용자가 텍스트 크기를 자신에게 맞는 크기로 조정할 때 앱이나 게임이 적절하게 반응할 수 있음
• 개발자 가이드는 Text input and output를 참조하고, 사용 가능한 크기는 Specifications을 확인

필요에 따라 글꼴 두께, 크기 및 색상을 조정하여 중요한 정보를 강조하고 계층 구조를 시각화하는 데 도움이 되도록 하세요. 텍스트 크기를 조정할 때에도 텍스트 요소의 상대적인 계층 구조와 시각적 구분을 유지하는 것이 중요합니다.

인터페이스에서 사용하는 글꼴의 종류를 최소화하세요. 너무 많은 다른 글꼴을 혼용하면 정보의 계층 구조가 불분명해지고 가독성이 저하될 수 있습니다.

다양한 문맥에서 가독성을 테스트하세요. 예를 들어, 텍스트 크기를 조정하는 것 외에도 사람들은 밝은 햇빛 아래에서 콘텐츠를 읽을 수도 있으며, 이동 중에 눈독일 수도 있고, 멀리서 보기도 할 수 있습니다. 테스트 결과 일부 텍스트가 읽기 어렵다는 것을 보여준다면, 대비를 높이기 위해 텍스트나 배경 색상을 수정하거나 더 큰 글꼴 크기를 사용하거나, 시스템 글꼴과 같이 최적의 가독성을 위해 디자인된 글꼴을 사용하는 등 수정하는 것을 고려해야 합니다.

일반적으로, 가독성을 유지하기 위해 가벼운 글꼴 두께를 피하세요. 예를 들어, 시스템 제공 글꼴을 사용할 때에는 Medium, Semibold, 또는 Bold 글꼴 두께를 선호하고, 특히 텍스트가 작을 때 볼 때 어려울 수 있는 Ultralight, Thin, Light 글꼴 두께를 피하세요. 일반적으로 Regular을 절제해서 사용하세요.

텍스트 크기 변경에 대응할 때 중요한 콘텐츠를 우선시하세요. 모든 콘텐츠가 동일한 중요도를 가지는 것은 아닙니다. 누군가가 더 큰 텍스트 크기를 선택하면, 일반적으로 관심 있는 콘텐츠를 더 쉽게 읽을 수 있도록 하고자 합니다. 그들은 화면의 모든 단어의 크기를 항상 키우고 싶어하는 것은 아닙니다. 예를 들어, 사람들이 대형 접근성 텍스트 크기를 선택할 때, 메일은 메시지의 제목과 본문을 큰 크기로 표시하지만 날짜와 송신자와 같은 중요하지 않은 텍스트는 작은 크기로 남겨둡니다.

3️⃣ Using system fonts

애플은 광범위한 두께, 크기, 스타일 및 언어를 지원하는 두 가지 글꼴 패밀리를 제공합니다.
San Francisco (SF)는 세리프 없는 글꼴 패밀리로, SF Pro, SF Compact, SF Arabic 및 SF Mono 변형이 포함되어 있습니다.

시스템은 또한 SF Pro Rounded, SF Arabic Rounded 및 SF Compact Rounded 변형을 제공하여 부드러운 또는 둥근 UI 요소와 일치하도록 텍스트를 조정하거나 대체 타이포그래피 음성을 제공할 수 있습니다.
New York (NY)는 세리프 글꼴 패밀리로, SF 글꼴과 함께 사용하거나 독자적으로 효과적으로 작동하도록 디자인되었습니다.

San Francisco와 New York 글꼴은 여기에서 다운로드할 수 있습니다.
시스템은 SF와 NY 글꼴을 변수 글꼴 형식으로 제공합니다. 변수 글꼴 형식은 다양한 글꼴 스타일을 하나의 파일로 결합하며, 스타일 사이의 보간을 지원하여 중간 스타일을 생성할 수 있습니다.

변수 글꼴은 다양한 크기에 맞게 다양한 타이포그래픽 디자인을 조정하는 광학 크기 조정을 지원합니다. 모든 플랫폼에서 시스템 글꼴은 동적 광학 크기를 지원합니다. 이는 개별적인 광학 크기(예: 텍스트와 디스플레이)와 두께를 하나의 연속적인 디자인으로 통합하여 시스템이 각 글리프 또는 글자 모양을 정확히 포인트 크기에 맞게 보간하여 구조를 생성합니다. 동적 광학 크기를 사용하면 변수 글꼴 형식의 모든 기능을 지원하지 않는 디자인 도구를 사용하지 않는 한 개별적인 광학 크기를 사용할 필요가 없습니다.

---

출처📚

🍎Apple Docs: HIG-Typography