모션 메뉴판이징“자연스럽게 움직이게”
메뉴판 › 모션 메뉴판 › 타이밍 · 질감 › 세컨더리 액션
실물 새 창으로 열기motion-menu · secondary-action
코드 보기
불러오는 중…
헷갈리는 것과 구분
디즈니 12원칙. 주 동작을 거드는 별개의 작은 동작이면 세컨더리 액션, 주 동작의 관성으로 끝부분이 더 가면 팔로 스루
같은 묶음 · 타이밍 · 질감
모션 메뉴판 · 타이밍 · 질감
모션 메뉴판이즈 아웃“들어올 때 천천히 멈추게”
이즈 아웃 Ease Out
“들어올 때 천천히 멈추게”모션 메뉴판오버슈트“살짝 튕기게”
오버슈트 Overshoot
“살짝 튕기게”모션 메뉴판안티시페이션“움직이기 전 준비동작”
안티시페이션 Anticipation
“움직이기 전 준비동작”모션 메뉴판스태거“하나씩 차례로 나오게”
스태거 Stagger (Follow-through)
“하나씩 차례로 나오게”모션 메뉴판모션 블러“빠를 때 흐릿하게”
모션 블러 Motion Blur
“빠를 때 흐릿하게”모션 메뉴판스쿼시 앤 스트레치“통통 눌렸다 늘어나게”
스쿼시 앤 스트레치 Squash & Stretch
“통통 눌렸다 늘어나게”모션 메뉴판모션 트레일“잔상 남기며 지나가게”