바오밥나무

모바일 터치 제스쳐 정의

In UI/UX Posted May 24, 2016
Extra Form
출처 http://ashura4.blog.me/130110732530
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

터치 인터랙션.png

 

 

제스쳐

설명 

터치(Touch)

화면위에 손가락을 올려두는 제스처이다.

탭(Tap)

화면을 한 손가락으로 짧고 가볍게 두드리는 제스처이다. 한 손가락을 화면에 놓은 다음 손가락을 화면에서 떼면 탭 이벤트가 발생하는데, 이때 화면 상에서 다른 움직임이 없어야 한다. 탭은 싱글 탭(Single Tap), 더블 탭(Double Tap), 트리플 탭(Triple Tap), 쿼드루플 탭(Quadruple Tap)으로 구분된다.

더블 탭(Double Tap)

화면을 재빨리 두 번 두드리는 제스처이다. 화면이 확대된 상태에서 두 번 두드리면 화면이 축소되고(Zoom In), 축소된 상태에서 두 번 두드리면 화면이 확대된다(Zoom Out). 

플리크(Flick) 

화면을 빠르게 스크롤하거나 회전하기 위해 손가락 움직임이 멈추기 전에 화면에서 손가락을 떼는 제스처이다.

즉, 손가락을 화면 위에 올렸다가 빠르게 움직이고 떼는 행위이다.

드래그(Drag) 

화면 요소를 이동시키거나 스크롤하는 제스처이다. 

드래그 & 드롭(Drag and Drop) 

터치한 상태에서 오브젝트를 움직인 다음 정지한 상태에서 손가락을 떼는 제스처이다. 

스와이프(Swipe) 

한 손가락을 화면 위에 터치한 상태에서 수평 또는 수직 방향으로 일정 거리를 움직이는 제스처이다. 사선 방향의 움직임은 스와이프 이벤트로 인식되지 않는다. 

멀티 스와이프(Multi-Swipes) 

두 손가락 또는 세 손가락을 화면 위에 터치한 상태에서 수평 또는 수직 방향으로 일정 거리를 움직이는 제스처이다. 이 때 모든 손가락이 하나의 방향으로 움직여야만 스와이프 이벤트로 인식된다.

핀치(Pinches) 

두 손가락을 화면 위에 터치한 상태에서 서로 다른 방향으로 움직이는 제스처이다. 확대(Pinch Open) 또는 축소(Pinch Close)를 위한 제스처이며, 두 손가락의 거리에 따라 확대값이나 축소값이 결정된다. 

터치 & 홀드(Touch and Hold) 

화면 요소가 나타날 때까지 손가락을 대고 있는 제스처이다. 주로 풍선말을 나타나게 하거나, 글씨를 확대하기 위한 용도로 사용된다. 또한 내장된 아이폰 어플리케이션(Built-in iPhone Application)에서 특정 액션을 수행하는 데 사용되기도 한다. 

세이크(Shake) 

장치를 흔들어 액션이 작동하게 만드는 제스처이다. 

로테이트(Rotate) 

화면 방향을 수직에서 수평, 수평에서 수직으로 전환하는 제스처이다. 

 


  1. [번역] 빵조각 메뉴: 무엇, 언제, 어떻게

    Read More
  2. [번역] 고통없는 계정 UX에 대한 3가지 법칙 : 로그인

    #UI/UX 읽기
    Read More
  3. [번역] 이 이메일에 회신하지 마시오

    #UI/UX 읽기
    Read More
  4. Survivorship Bias (생존자 편향의 오류)

    #Mkt 읽기
    Read More
  5. Top 25 Free Mobile Friendly & Responsive HTML Email Templates 2017

    #Web 읽기
    Read More
  6. Mobile Application Frameworks (HTML, CSS & JavaScript)

    #UI/UX 읽기
    Read More
  7. 여러 도메인 추적하기(Cross Domain Tracking)

    #GA 읽기
    Read More
  8. Envato Market의 Standard 라이센스(Regular 라이선스 vs. Extended 라이선스)

    #Web 읽기
    Read More
  9. 코딩이 필요 없는 웹사이트 제작 툴 & 사이트 10선

    #Web 읽기
    Read More
  10. 기술에 대해 "충분히 아는" PM이 되는 길

    #Web 읽기
    Read More
  11. 주목해야할 5개의 엔터프라이즈 오픈 소스 위키

    #Web 읽기
    Read More
  12. 어플리케이션 생명주기 관리를 위한 무료 소프트웨어

    #Web 읽기
    Read More
  13. TOP5 오픈 소스 프로젝트 관리 도구

    #Web 읽기
    Read More
  14. [번역] 이메일 마케팅: 고객의 참여를 높이기 위한 7가지 이메일 디자인과 문구 비법

    #UI/UX 읽기
    Read More
  15. [번역] 면적 과잉 : 사이드바 내비게이션을 단순화하기

    #UI/UX 읽기
    Read More
  16. [번역] 상단 내비게이션 vs 왼쪽 내비게이션 : 어떤 것이 더 적합한가?

    #UI/UX 읽기
    Read More
  17. NRE (Non-recurring engineering)

    #Web 읽기
    Read More
  18. IT용어중 POC, Pilot, BMT의 업계에서 통용되는 의미에 대한 정리

    #Web 읽기
    Read More
  19. 프로젝트 라이프 사이클의 이해

    #Web 읽기
    Read More
  20. 모바일 터치 제스쳐 정의

    #UI/UX 읽기
    Read More
목록
Board Pagination Prev 1 2 3 4 Next
/ 4