본문 바로가기

달밤에 디자인 초심찾기/디자인 프로세스

#9 - 제스쳐

 

Gesture

행동에 대한 가이드를 정확하게 내리기 위해 제스처에 대한 명칭을 알고 있어야 한다.

 

Navigation Gestures

  1. Tap : 터치 
  2. scroll : 위아래 스크롤링하는 제스처
  3. pan : 화면에 손가락을 대고, 계속적으로 드래그하는 움직임. 지도 화면에서 많이 관찰됨
  4. drag : 특정 오브젝트에서 손가락을 대고, 정해진 방향으로 움직인 후 손가락을 떼는 행위
  5. swipe : 손가락을 터치한 상태에서 일정한 직선거리를 움직이는 행위
  6. pinch : 두 개의 손가락으로 확대 / 축소 / 회전하는 행위 

 

Action Gestures

  1. Tap : 터치 
  2. Long Press : 꾹 누름
  3. swipe :손가락을 터치한 상태에서 일정한 직선거리를 움직이는 행위

 

Transform Gestures

  1. Doule Tap : 빠르게 두 번 탭
  2. pinch : 두 개의 손가락으로 확대 / 축소 / 회전하는 행위 
  3. compound gesture : pinch 상태에서 확대 / 축소 / 회전 한 번에 복합적으로 사용하는 행위
  4. pick up and move : long press 후 원하는 위치에 drap 하는 행위

 

 

#각 제스쳐에 대한 영상 보기

자세한 영상 화면은 아래 Material Design 사이트에서 확인 가능하다.

material.io/design/interaction/gestures.html#types-of-gestures

 

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

material.io