|
|
Line 1: |
Line 1: |
| + | Prev and next level은 특수한 동작을 통해 한 단계 아래의 메뉴로 들어가거나 한 단계 위의 메뉴로 나올 수 있는 인터랙션 패턴이다. |
| + | |
| + | === With this pattern, we can solve... === |
| + | |
| + | * |
| + | * |
| + | |
| + | === Example : iOS_Solar === |
| + | * Spread 동작을 통해 메뉴나 주요 기능 화면이 그사이로 열리면서 들어가지고, 반대로 pinch 함으로써 그 화면을 닫고 다시 원래 화면으로 나온다. |
| + | {{#Widget:Vimeo|id=93044158|width=300|height=449}} |
| | | |
| === iOS === | | === iOS === |
Line 12: |
Line 22: |
| * 손바닥을 반시계 방향으로 돌리는 제스처를 통해 이전메뉴의 화면으로 돌아간다. | | * 손바닥을 반시계 방향으로 돌리는 제스처를 통해 이전메뉴의 화면으로 돌아간다. |
| {{#Widget:Vimeo|id=94916509|width=665|height=374}} | | {{#Widget:Vimeo|id=94916509|width=665|height=374}} |
− |
| |
− | === iOS_Solar ===
| |
− | * Spread 동작을 통해 메뉴나 주요 기능 화면이 그사이로 열리면서 들어가지고, 반대로 pinch 함으로써 그 화면을 닫고 다시 원래 화면으로 나온다.
| |
− | {{#Widget:Vimeo|id=93044158|width=300|height=449}}
| |
| | | |
| === iOS_Paper by FiftyThree === | | === iOS_Paper by FiftyThree === |
Revision as of 07:02, 30 June 2014
Prev and next level은 특수한 동작을 통해 한 단계 아래의 메뉴로 들어가거나 한 단계 위의 메뉴로 나올 수 있는 인터랙션 패턴이다.
With this pattern, we can solve...
Example : iOS_Solar
- Spread 동작을 통해 메뉴나 주요 기능 화면이 그사이로 열리면서 들어가지고, 반대로 pinch 함으로써 그 화면을 닫고 다시 원래 화면으로 나온다.
iOS
- app 그룹으로 들어가고 나오는 상황에서 zoom in zoom out 의 형태로 화면이 보여진다.
Wang Theatre Touch Screen Information Kiosk
- 대형 터치스크린에서 홈버튼을 눌러 홈으로 이동한다.
- #00:34-#00:37
Samsung Smart TV
- 손바닥을 반시계 방향으로 돌리는 제스처를 통해 이전메뉴의 화면으로 돌아간다.
iOS_Paper by FiftyThree
- 현재 위치한 화면을 두개의 손가락으로 동시에 모으는 pinch 동작을 취할 경우 화면이 접히면서 줄어들어 상위화면으로 이동한다.
iOS_Pinterest
- 한 페이지에서 화면의 상단 끝을 (핀으로 꼽힌 페이지를 빼내듯이) 아래로 내리는 drag 동작을 하면, 현재 화면이 줄어들어 여러 페이지가 나열된 상위레벨의 화면으로 이동한다.
Wang Theatre Touch Screen Information Kiosk
- 대형 터치스크린에서 화면을 tap하면 숨겨져있던 상세정보를 보여준다.
- #00:21-#00:23
iOS_Multitasking
Windows_Microsoft
- 왼쪽에서 오른쪽으로 화면을 swipe 후 다시 왼쪽으로 swipe하는 행동을 통해 활성화 된 모든 앱들의 섬네일이 보인다.