모바일에서 가장 사용 많이 하는 제스처 위주로 정리
게임에서는
탭, 드래그(팝업 슬라이드 등),
핀치&스프레드(화면 줌인줌아웃),
프레스(동일 기능 반복 수행)
를 가장 많이 사용하는 듯 하다
모바일에서 가장 일반적인 모션은 탭(Tap) 과 스와이프(Swipe)
제스처는 크게 3 가지 범주로 나눌 수 있음
1. 네비게이션 제스처 : 화면 탐색
2. 액션 제스처 : 특정 동작 실행
3. 변환 제스처 : 콘텐츠 조작
탭 (Tap)
- 손가락으로 화면을 한 번 누르는 동작으로, 앱이나 페이지를 열거나 선택할 때 사용.
- 팁: 인터페이스의 클릭 가능한 요소는 텍스트뿐만 아니라 박스나 행 전체가 클릭 가능하도록 디자인하여 사용성을 높이는 것이 좋다.
더블탭 (Double-Tap)
- 화면을 빠르게 두 번 누르는 동작.
- 일반적으로 **확대(zoom in)**에 사용되며, Instagram에서는 사진을 더블탭하면 ‘좋아요’를 누르는 동작으로 작동한다.
스와이프 (Swipe)
- 손가락을 화면 위에서 한 방향으로 움직이며, 한쪽에서 터치 시작해 반대쪽으로 떼는 동작.
- 주요 사용 사례: 스크롤하거나 페이지 전환.
- Tinder에서는 오른쪽으로 스와이프하면 매칭, 왼쪽으로 스와이프하면 패스.
멀티 핑거 스와이프 (Multiple-Finger Swipe)
- 두 손가락 또는 세 손가락을 사용해 스와이프하는 동작.
- 주로 노트북 터치패드에서 다양한 작업(예: 화면 전환)에 활용된다.
드래그 (Drag)
- 스와이프와 유사하지만 손가락을 천천히 움직이며, 원하는 위치에 도달할 때까지 손가락을 화면에서 떼지 않는다.
- 주요 사용 사례: 아이템을 새로운 위치로 이동. 예: 휴대폰 앱 정렬.
플링 (Fling)
- 스와이프와 비슷하지만 빠른 속도로 손가락을 움직이며, 요소와 접촉하지 않은 상태에서 동작이 이루어진다.
- 주요 사용 사례: 화면에서 요소를 제거.
롱 프레스 (Long Press)
- 화면을 탭한 후 손가락을 평소보다 오래 유지하는 동작.
- 주요 사용 사례: 메뉴 옵션 열기.
- 예: 텍스트를 길게 눌러 복사하거나, 앱을 길게 눌러 삭제.
핀치 (Pinch)
- 두 손가락을 화면에 두고 서로 가까워지게 움직이는 동작.
- 주요 사용 사례: 확대 후 다시 축소(zoom out)하거나 모든 열린 화면을 확인하는 데 사용.
핀치 오픈/스프레드 (Pinch-Open or Spread)
- 핀치와 반대 동작으로, 두 손가락을 화면에 가깝게 두고 멀리 벌리는 동작.
- 주요 사용 사례: 확대(zoom in). 더블탭과 유사한 효과.
회전 (Rotation)
- 화면에 두 손가락을 대고 원형으로 회전시키는 동작.
- 주요 사용 사례: Google Maps에서 지도를 회전하여 주변을 확인.
📖 예시
클리커 장르 게임에서는 '탭' 제스처를 중심으로 게임을 진행할 수 있도록 함
화면을 눌러 공격을 수행하거나 업그레이드 버튼을 눌러 캐릭터를 업그레이드 시킴 등
랭킹과 같이 정보가 나열되어 있는 팝업 및 화면에서는 드래그를 통해 여러 정보를 확인할 수 있도록 함
(한 번에 정보를 다 보지 못하는 경우! 주로 콜렉션, 랭킹 등에서 많이 사용)
맵을 넓게 써야하는 게임의 경우 (보통 기지가 있는 경우 4x 게임 등) 핀치 및 스프레드 제스처를 통해
맵을 줌인 및 줌아웃 할 수 있음
'게임 기획 > Reference' 카테고리의 다른 글
| [참고자료] UI 기능과 용어 (1) | 2024.11.15 |
|---|---|
| [참고자료] 게임 개발 공부 사이트 (6) | 2024.11.14 |
| [참고자료] 게임 기획 참고 자료 (0) | 2024.11.13 |
