본문 바로가기
5. 개발 플랫폼 Low Code

모바일 사용자를 위한 APEX 최적화 팁 (2-1) - Navigation Tab Menu

by MY잭슨 2023. 3. 16.
Navigation Tab Menu

 

데스크톱 웹 화면에서는 통상 좌측이나 상단에 내비게이션 메뉴를 두는데 편의/선호도에 따른 선택할 수 있지만 모바일 화면에서는 공간제약과 메뉴 선택의 동선 최적화를 위해 APEX에서 제공하는 내비게이션 탭 메뉴를 활용할 수 있습니다.

 

메뉴는 아래와 같이 4개의 예시 화면으로 구성

 

좌측 메뉴 스타일

 

상단 메뉴 스타일

탭 메뉴 스타일 - 모바일 최적화

 

 

 

참고

 

2023.03.16 - [4. 개발 플랫폼 Low Code] - 모바일 사용자를 위한 APEX 최적화 팁 (1) - Responsive Breakpoints

댓글