모바일 UI 로 첫 나들이
프론트엔드
모바일 UI 로 첫 나들이
두줄요약
웹과 모바일 UI의 차이를 타이포그래피, Safe Area, 내비게이션, 버튼 배치 중심으로 정리했습니다. 모바일에서는 공간 배치보다 우선순위와 엄지 조작성을 더 중요하게 봐야 한다는 점을 설명했습니다.
핵심 내용
- 웹 중심 디자인 감각과 비교한 모바일 UI 설계 차이 정리
- 타이포그래피, Safe Area, 내비게이션, 인터랙션, 정보 구조, 버튼 배치의 플랫폼별 차이 강조
- 모바일에서는 공간 배치보다 선택과 우선순위, 엄지 조작성, 오동작 방지가 중요
적용해볼 점
- 모바일 본문 글자 크기와 단위는 기기 해상도와 사용자 연령대 기준으로 재검토
- 하단 고정 버튼과 내비게이션은 Thumb Zone과 Safe Area를 함께 고려
- hover 대신 pressed, ripple, haptic 등 모바일 인터랙션 언어로 대체