brunch

You can make anything
by writing

C.S.Lewis

by UX 컨설턴트 전민수 Mar 08. 2017

#05. 탭바 UI 인터랙션

인터랙션 트렌드 깊이 파고들기

탭바 인터랙션 유형 



탭바 인터랙션 유형 

탭바 기본 
스크롤 탭바 
현재 선택한 탭바 (배경 색상) 강조
현재 선택한 탭바 (레이블) 강조 
탭바 선택 시 모션 발생 
스크롤 시 탭바 숨겨짐



탭바 기본 


출처: dribbble.com


스크롤 탭바 


출처: dribbble.com
출처: dribbble.com


현재 선택한 탭바 (배경 색상) 강조


출처: dribbble.com


현재 선택한 탭바 (레이블) 강조 
출처: dribbble.com
출처: dribbble.com
출처: dribbble.com


탭바 선택 시 모션 발생 

출처: dribbble.com
출처: dribbble.com
출처: dribbble.com
출처: dribbble.com
출처: dribbble.com
출처: dribbble.com


스크롤 시 탭바 숨겨짐

출처: dribbble.com
출처: 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 방법론&프로세스 프레임웍)

https://ebprux.liveklass.com/


[VOD 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중  

(인프런에서 총 20개 VOD UX 강좌를 오픈했습니다)

(PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)

https://www.inflearn.com/users/196290


매거진의 이전글 #06. 탭 메뉴 UI 인터랙션
작품 선택
키워드 선택 0 / 3 0
댓글여부
afliean
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari