Guide for designing better mobile apps typography
Medium
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
다음 내용이 궁금하다면?
이미 회원이신가요?
2020년 8월 17일 오전 8:57
댓글 0
함께 읽은 게시물
무너지고 있는 프론트엔드, 백엔드 직군의 경계에 대한 고찰
AI 기술이 우리 일상과 산업 전반에 스며들면서 소프트웨어 개발 환경 역시 큰 변화의 물결을 맞이하고 있다. 특히 코딩을 돕는 AI 에이전트의 등장은 개발 생산성에 대한 큰 변화를 만들고 있다. 나 역시 이러한 변화를 체감하며, 나에게 익숙한 소프트웨어 개발의 대표적인 두 축인 프론트엔드와 백엔드 영역에서 AI 기술이 미치는 영향과 그로 인해 변화하는 소프트웨어 엔지니어의 역할에 대해 개인적인 생각을 정리해 본다.
... 더 보기데이터 작업용 Cursor 에디터 - Nao
d
... 더 보기ChatGPT 버전명 설명
ChatGPT 사용할 때 어떤 모델을 선택해야할지 망설여집니다. 모델명만 봐서는 어떤게 좋은지 모르겠더라고요.
... 더 보기