UI Cheat Sheet - Mobile App typography
Apple HIG, Google Material, 웹접근성 가이드 기반의 모바일 앱의 타이포그래피를 규칙을 정리한 글입니다. 모바일 환경에서 가독성을 높이기 위해서는 폰트 사이즈 뿐 아니라 line height, letter spacing, margin 등을 고려해야 합니다.
[🔑 Takaways]
Minimum Body text size
- Apple HIG: 17pt
- Google Material: 16pt - WCAG 2.0: 18pt / 14pt for Bold
Headline Size
- 크고 볼드한 헤드라인은 정보의 위계를 쉽게 구분하여 정보 탐색을 보다 용이하게 합니다.
-헤드라인 폰트 사이즈는 본문 폰트의 2-3줄 정도가 되는 것이 좋습니다.
System Font
- 헤드라인에 커스텀 폰트를 사용하는 것 만으로 시스템에 개성을 입힐 수 있습니다.
[Comment]
아티클 마지막 부분에 언급된 피카소의 격언에서 애자일 강연에서 들었던 학습 패턴(Shuhari)이 떠올랐습니다. 먼저 (규칙을) 배우고, 변형하여 새로운 방법을 만들 수 있습니다. UI 공부는 이전의 패턴/규칙을 계속 해서 학습하고 더 좋은 규칙을 만들어내는 것 같다는 생각이 들었습니다.
- "Learn the rules like a pro, so you can break them like an artist" - Pablo Picasso"
- Shuhari - Agile Adoption pattern https://en.wikipedia.org/wiki/Shuhari