뒤로
에드스튜디오
·
[모바일에서 버튼 크기는 몇 px이 적당할까?]
버튼이 작다고 UX가 깔끔해지는 건 아니야. 모바일에선 정확히 눌릴 수 있는 크기가 더 중요해.
실무에서 가장 많이 참고하는 기준
- Apple HIG, Google Material 모두 최소 44px~48px 터치 영역 권장
- 손가락 평균 터치 면적이 약 10~12mm → 디지털로 환산 시 약 44px
- 아이콘 버튼이나 텍스트 버튼도 시각 크기와 별개로 터치 영역은 확보해야 함
💡 자주 하는 실수
- 버튼 텍스트는 크지만 padding이 적어 실제 클릭 영역이 작을 때
- 버튼끼리 너무 가까워서 잘못 누를 확률이 높을 때
👉 그래서 실무 기준 정리하면:
- 버튼 높이: 44~48px 이상 (권장)
- 버튼 간 간격: 최소 8px
- 버튼 안 텍스트 크기: 14~16px이 가장 안정적
모바일 UI에선 ‘보기 좋음’보다 ‘눌리기 쉬움’이 먼저 설계돼야 해.
1
댓글
로그인 후 댓글을 남길 수 있습니다.
아직 댓글이 없습니다.