by
Mar 01. 2017
#02. 햄버거 메뉴 UI 인터랙션
인터랙션 트렌드 깊이 파고들기
햄버거 메뉴 인터랙션 유형
햄버거 메뉴 인터랙션 유형
햄버거 메뉴 영역이 화면 전체에 보이는 경우
햄버거 메뉴 영역이 화면 위에 보이는 경우
햄버거 메뉴 영역과 화면이 분리되는 경우
컨텍스트 화면 내 햄버거 버튼이 제공되는 경우
햄버거 메뉴가 상시 따라다니는 경우
햄버거 메뉴 트랜지션
햄버거 메뉴 영역이 화면 전체에 보이는 경우
1. 햄버거 메뉴 영역이 투명한 경우
출처: dribbble.com
출처: dribbble.com2. 햄버거 메뉴 영역이 투명하지 않는 경우
출처: dribbble.com
출처: dribbble.com햄버거 메뉴 영역이 화면 위에 보이는 경우
1. 햄버거 메뉴 영역이 현재 화면 위에 나타나는 경우
출처: dribbble.com
출처: dribbble.com2. 현재 보이는 화면이 반으로 축소되면서 햄버거 메뉴 영역이 나타나는 경우
출처: dribbble.com3. 햄버거 메뉴 영역이 상단 영역에서 떨어지는 경우
출처: dribbble.com
출처: dribbble.com
출처: dribbble.com
출처: dribbble.com
출처: dribbble.com햄버거 메뉴 영역과 화면이 분리되는 경우
1. 햄버거 메뉴 영역이 계층 구조로 나타나는 경우
출처: dribbble.com2. 햄버거 메뉴 영역에 개인화 서비스가 제공되는 경우
출처: dribbble.com3. 햄버거 메뉴 영역에 테마가 제공되는 경우
출처: dribbble.com4. 햄버거 메뉴 영역에 추가 콘텐츠 '>' 제공되는 경우
출처: dribbble.com
출처: dribbble.com컨텍스트 화면 내 햄버거 버튼이 제공되는 경우
출처: dribbble.com햄버거 메뉴가 상시 따라다니는 경우
출처: dribbble.com햄버거 메뉴 인터랙션
1. 햄버거 메뉴 선택 시 버튼 인터랙션
출처: dribbble.com2. 햄버거 메뉴 선택 시 메뉴 영역 인터랙션
출처: dribbble.com전민수 UX 컨설턴트 소개
(UX 실무 경력: 27년차 UX 전문가: LG전자, 서울시청 등 약 300회 이상 UX 컨설팅 수행)
(UX 강사 경력: 23년차: 삼성, SK, KT 등 약 1,000회 이상 UX 강의 진행)
https://brunch.co.kr/@ebprux/1332
[실시간 Live 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중
(이비피알유엑스 라이브클래스에서 매월 최소 1개에서 최대 4개 강좌 (온라인) 줌 Live 강좌 진행) (PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)
[VOD 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중
(인프런에서 총 20개 VOD UX 강좌를 오픈했습니다)
(PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)
https://www.inflearn.com/users/196290
