안녕하세요.
디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다.
이번 포스팅에서는
앱디자인 혹은 앱개발할 때 유용하게 사용되는 앱 타이포그래피 / 앱 폰트에 대해 다뤄보겠습니다.
해당 내용은 구글, 애플에서 직접 추천한 내용을 정리한 것이므로 참고하여 읽어주시기 바랍니다.
지금부터는 가독성을 위하여 문어체를 사용하도록 할게요!
추천 폰트 사이즈
- 애플 : 최소 17px
- 구글 : 최소 16sp (IOS 16pt와 동일)
- 이 사이즈들은 폰트의 특징에 따라서 달라질 수 있음.
- 앱 디자인 할 때, 본문 폰트를 16pt 보다 작은 사이즈 사용하지 말 것.
- 본문에 가장 적합한 사이즈는 16pt~18pt
추천 제목 폰트 사이즈
- 평균적으로 본문 16pt 사이즈로 2줄에서 3줄 정도로 채워질 수 있는 사이즈를 사용할 것.
- 제목에 너무 많은 내용을 담아서 길게 적지 말 것 - 소제목 활용하기.
폰트 대조
- WCAG 2.0 대조 기준을 따를 것.
- Body text contrast : 17.3:1
- Button text contrast : 7.44:1
폰트 사용
- IOS 시스템 폰트 : San Francisco, New York
- 안드로이드 시스템 폰트 : Roboto
- 시스템 폰트를 사용하는 것은 안정적이고 일관성 있게 보여지도록 해주지만, 특별한 것이 없어보일 수 있다.
- 본문에는 시스템 폰트를 사용하고, 제목 등 강조하고 싶은 건 다양한 폰트를 사용하는 것을 추천한다.
간격
- 내용의 일부가 가려진 부분이 있도록 레이아웃을 구성하면, 사용자에게 더 많은 내용이 있음을 표시하고 스크롤 하도록 유도할 수 있다.
728x90