태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.
   情  
Front Page
Tag | Location | Media | Guestbook | Admin   
 
팬(Pan), 스와이프(Swipe), 스크롤(Scroll), 플릭(Flick)

터치 디바이스와 관련해서 팬(Pan), 패닝(Panning), 스와이프(Swipe), 스와이핑(Swiping), 스크롤(Scroll), 플릭(Flick)이란 생소한(?) 용어들이 등장합니다. 동작들도 상당히 비슷해서 혼동하기 쉬운 용어들 중 하나입니다. 패닝(Panning)은 팬(Pan)동작을 말하며 스와이핑(Swipping)은 스와이프(Swipe)동작을 가리키므로 동일하게 생각하면 됩니다.

  • 팬(Pan): 손가락을 댄 후, 손을 떼지 않고 계속적으로 드래그하는 움직임을 말합니다. 움직이는 방향이나 시간의 제한은 없으며 손을 뗄 때까지 패닝으로 인식합니다.
  • 스와이프(Swipe): 손가락을 댄 후, 일직선으로 드래그하는 것을 말합니다. 직선 움직임이라는 제한이 있으나 시간의 제한은 없으므로 손가락을 뗄 때까지 스와이프 동작을 인식합니다. 스크롤(Scroll)이라고 부르기도 합니다.
  • 플릭(Flick): 스와이프에서 좀더 제한적인 동작입니다. 스와이프와 비슷하지만 빠르게 한쪽 방향으로 슥~ 긋는 것을 말합니다.

각 동작은 '팬' > '스와이프' > '플릭'라는 포함관계를 가집니다. 즉 팬이 가장 포괄적이므로 스와이프나 플릭은 팬으로 인식될 수 있으며, 플릭은 스와이프로 인식될 수 있습니다. 따라서 터치 UI를 설계, 개발 할 때는 이 점을 유의해서 진행해야 인터페이스가 꼬이는 일을 피할 수 있습니다.

플릭은 옵션창을 꺼낸다거나, 아이템을 지운다거나, 아이템을 던지는 동작 등에 사용됩니다. 스와이핑은 일반적으로 스크롤, 화면전환 등에서 볼 수 있습니다. 패닝은 특정 오브텍트 이동, 라인 그리기, 다중 개체 선택 등 다양한 부분에서 확인하실 수 있습니다.

마지막으로 위의 각 동작 또는 용어에 대한 설명은 애플, 안드로이드, MS 등의 플랫폼에 따라서 미세하게 차이가 있을 수 있으므로 참고바랍니다.

Reference


저작자 표시 비영리 동일 조건 변경 허락
신고
Commented by Humblep at 2015.01.08 15:19 신고  r x
좋은 내용 감사합니다.


name    password    homepage
 hidden


 Category
분류 전체보기 (95)
Netwrok & Security (6)
Web Development (61)
Database (5)
Framework (6)
Others (17)
About (0)
 TAGS
LiveMail php 영국 홈스테이 mantis SourceSafe2005 ASP.NET linux It's me maxRecievedMessageSize Silverlight mantis bug tracker 리눅스 Blog API RFC 4180 WCF 오라클 구조 MS SQL Server class id 차이 SourceSafe Internet data tier 영국 인턴쉽 특수문자 UpdateProgress id name 차이 PHP 강좌 ajax 영국 학원 exception smarty 자바스크립트 c#.net ASP ie6 자바스크립트 버그 web tier application error #401 ebnf 오라클 DTD ATRIX XML
 Calendar
«   2017/12   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            
 Visitor Statistics
Total : 251,958
Today : 15
Yesterday : 51
rss
 

티스토리 툴바