“모달 중첩에서 포커스가 빠지는 케이스를 직접 재현해 봤습니다. 카드 템플릿이 유용했어요.”
은결
UI Patterns
모바일 UI 패턴: 내비게이션과 정보 밀도
탭·드로어·모달 조합을 정보 설계 관점에서 재배치합니다.
3주 · 주 3회 라이브 워크숍형
₩610,000 KRW
패턴 카드를 만들고 실제 화면에 이식합니다. 스크롤 충돌, 중첩 제스처, 뒤로가기 스택을 디바이스 로그로 검증합니다.
담당
박나래
UI 멘토. 정보 밀도와 모션 가이드를 맞춥니다.
기능 범위
- 패턴 카드 12종 실습
- 정보 밀도 지표 정의
- 제스처 충돌 체크리스트
- 다크 모드 대비 실험
- 접근성 초점 순서 점검
- 디자인 토큰과의 핸드오프
- 코호트 피어 리뷰 2회
수료 후 산출물
- 1. 핵심 플로우 2개를 패턴 카드로 치환
- 2. 내비게이션 스택 문서 1부 작성
- 3. 디바이스 스크린샷 비교 세트 완성
FAQ
디자인 파일이 없어도 되나요?
와이어 수준의 스케치만 있어도 시작할 수 있습니다. 고해상 목업은 제공하지 않습니다.
Flutter만 다루나요?
예시는 Flutter 위젯이지만 패턴 논의는 플랫폼 공통입니다.
한계는 무엇인가요?
브랜드 일러스트 제작이나 마케팅 카피라이팅은 범위 밖입니다.
코호트 메모
“정보 밀도 지표를 팀에 공유했더니 기획 회의 시간이 줄었습니다.”
태오 · 프로덕트 디자이너 · 온사이트 모빌
평점 4/5
“일부 패턴은 우리 서비스에 바로 못 썼지만, 대체안을 스케치하는 연습이 됐습니다.”
해인