[iOS] 앱 향상을 위한 글꼴 선택방법(Dynamic Type)

# Dynamic Type

 

어머니같이 나이드신분들은 점점 시력이 나빠지기떄문에 큰글씨체의 카톡과 문자를 사용하는걸 본적이있다. 이를 적용케해주는것의 특성이 Dynamic Type입니다.

사용자에따라서 다양하게 글꼴을 선택할 수 있도록 지원하는 Font입니다.

텍스트 사이즈는 설정 -> 디스플레이 및 밝기 -> 텍스트 크기에서 바꿀 수 있고
더 큰 사이즈를 원할경우 설정-> 손수윈사용 -> 디스플레이 및 텍스트 크기 -> 더큰 텍스트로 들어가서 설정하면된다.

# Dunamic Type지원하기 (기본폰트)

Dynamic Type은 독자가 선호하는 텍스트 크기를 선택할 수 있도록 하여 추가적인 유연성을 제공합니다.
다음은 다양한 동적 유형 크기에서 각 텍스트 스타일에 대한 가중치, 크기 및 행간값입니다.

HIG->Typography이를 보면 iOS는 총 12개의 사이즈를 제공해주고 있습니다. xSmall부터 AX5까지

# Dynamic Type 지원-> 커스텀 폰트

만일 기본폰트말고 커스텀폰트를 쓰면서 Dynamic Type을 지원하려면 어떻게해야할까요?
iOS11부터 이렇게 해주면 됩니다.
이렇게 하면 디폴트로 기본 폰트 중 body의 옵션을 따르게 된다고 합니다.
(예를들어 xxLarge에서 body가 21사이즈가 되니까 너의 텍스트도 21사이즈가 된다는 뜻)

# Larger Accessibility Type Sizes

표준 동적 유형 크기 외에도 접근성이 필요한 사용자를 위해 훨씬 더 큰크기를 제공합니다. 다음은 더 큰접근성 유형 크기에서 각 텍스트 스타일에 대한 가중치, 크기 및 행간 값입니다.

# 앱향상을 위한 글꼴 선택

- 가능하면 내장된 텍스트 스타일을 사용해라.

내장된 텍스트 스타일을 사용하면 최적의 가독성을 유지하면서 시각적으로 뚜렷한 방식의 콘텐츠를 표현할 수 있다. 헤드라인, 본문, 설명선 및 여러 크기의 제목을 포함한 이러한 스타일은 시스템 글꼴을 기반으로 하며 모든 글꼴 크기에 대해 자간 및 행간을 자동으로 조정하는 동적유형과 같은 주요 인쇄 기능을 활용할 수 있다.
- preferredFont(forTextStyle:)
- preferredFontDescriptor(withTextStyle:)
이 메서드 두가지를 선택하자

UIFontTextStyle을 참조해보자

- 중요한 정보를 강조합니다. (중요한 내용을 취소할떄는 alert cancel을 빨간색으로 강조한다던가. 지금 HIG페이지에서 제목은 Large로 설정되있듯…)

글꼴 두꼐, 크기 및 색상을 사용하여 앱에서 가장 중요한 정보를 강조표시한다.

 

- 텍스트 크기 변경에 응답할때 콘텐츠의 우선순위를 지정한다.
모든 콘텐츠가 똑같이 중요한 것은 아니다. 누군가가 더큰 크기를 선택하면 관심있는 콘텐츠를 읽기 쉽게 만들고 싶어합니다. 그들은 항상 화면의 모든 단어가 더 커지기를 원하지 않습니다.

 

- 인터페이스에서 사용하는 서체의 수를 최소화 하십시오.

너무 많은 다른 서체를 혼합하면 앱이 파편화 되고 조잡해 보일 수 있습니다.

 

- 가독성을 높이거나 공간을 절약하기 위해 행간을 수정한다.

 

행간은 텍스트 줄 사이의 공간이다.
경우에 따라 이 공간을 늘리거나 줄일때 텍스트 레이아웃이 더 잘 작동합니다.
넓은 열이나 긴 구절에 텍스트를 표시할때 줄 사이에 더 많은 공간(느슨한행간)이 있으면 사람들이 한줄에서 다음 줄로 이동하는 동안 자리를 유지하기가 더 쉽다.
반대로 높이가 제한된 영역에 두줄의 텍스트를 표시해야하는 경우 줄 사이의 공간을 줄이면 (단단한 행간) 텍스트를 잘 맞추는데 도움된다. 세줄 이상의 텍스트를 표시해야하는 경우 높이가 제한된 영역에서도 타이트한 행간을 피하시오.
시스템은 줄 사이의 공간을 두 지점만큼 늘리거나 줄일 수 있는 API를 정의한다. 이는 다음 traiLooseLeading and TraiTightLeading을 참고하세요

 

- 사용자의 정의 글꼴(커스텀 글꼴)을 읽을 수 있는지 확인하시오

 

사용자 정의 서체는 iOS에서 지원되지만 읽기 어려울 수 있다.
특히 작은 크기로 표시될 때 문자를 식별하기 어렵게 만드는 문체 속성이 있는 경우 더욱 그렇습니다. 앱에 브랜딩 목적이나 몰입형 게임 경험을 만드는 것과 같이 사용자 지정 글꼴이 꼭 필요한 경우가 아니면 일반적으로 시스템글꼴을 사용하는것이 좋습니다.
표시 텍스트에만 사용자 정의 글꼴을 사용하는것을 고려하십시요.
텍스트를 읽거나 인터페이스하는데 사용하는 경우 작은 크기에서도 읽을 수 있는지 확인해세요

 

- 사용자 정의 글꼴에 대한 접근성 기능을 구현합니다.

 

시스템 글꼴은 굵은 텍스트 및 큰 글꼴과 같은 접근성 기능에 자동으로 반응합니다. 접근성 기능이 활성화되어 있는지 확인하고 변경 시 알림을 등록하여 사용자 정의 글꼴을 사용하는 앱에서 동일한 동작을 구현합니다.
지침은 문자 크기 및 두께를 참조

 

- 인터페이스 모형에서 필요에 따라 추적을 조정합니다.

 

실행 중인 앱에서 시스템글꼴은 모든 포인트 크기에서 동적으로추적을 조정합니다. 가변 시스템을 글꼴을 사용하는 UI의 정확한 인터페이스모형을 생성하려면 추적을 조정해야할 수 있습니다.
지침은 추적값에 나열되고 Apple디자인 리소스 에서 사용할 수 있는 값을 참조하세요

 

노트
iOS는 라틴, 그리스어 및 키릴 문자의 시스템 글꼴로 San Francisco를 사용하고 기타 스크립트의 다양한 기타 서체를 사용합니다.

 

 

- Reference

- H.I.G. (Typography)