| Line 77: | Line 77: | ||
* 화면을 위아래로 drag하면 소실점에 맞춰 달력이 움직인다. | * 화면을 위아래로 drag하면 소실점에 맞춰 달력이 움직인다. | ||
{{#Widget:Vimeo|id=93552094|width=300|height=533}} | {{#Widget:Vimeo|id=93552094|width=300|height=533}} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
=== 430번 사례 === | === 430번 사례 === | ||
* 립모션에서 손바닥을 화면 방향으로 향하게 한 채로 상/하로 움직여 다음 화면으로 이동한다. | * 립모션에서 손바닥을 화면 방향으로 향하게 한 채로 상/하로 움직여 다음 화면으로 이동한다. | ||
{{#Widget:Vimeo|id=93327398|width=665|height=374}} | {{#Widget:Vimeo|id=93327398|width=665|height=374}} | ||
| − | |||
| − | |||
| − | |||
| − | |||
=== 443번 사례 === | === 443번 사례 === | ||
| Line 102: | Line 93: | ||
* 터치휠이 위치한 부분을 시계반대방향 혹은 시계방향으로 drag하여 현재 화면 내에서 다음 화면 리스트 중 활성영역을 위아래로 이동하여 선택한다. | * 터치휠이 위치한 부분을 시계반대방향 혹은 시계방향으로 drag하여 현재 화면 내에서 다음 화면 리스트 중 활성영역을 위아래로 이동하여 선택한다. | ||
{{#Widget:Vimeo|id=95703749|width=300|height=533}} | {{#Widget:Vimeo|id=95703749|width=300|height=533}} | ||
| + | |||
| + | ---- | ||
| + | == tab에 걸리듯이 한 페이지 씩 scoll 되는 사례 == | ||
| + | === Isabella Stewart Gardner Museum - Touch Table Prototype === | ||
| + | * 터치테이블에서 화면을 drag하여 세로로 화면을 이동한다. | ||
| + | * 단, 아래 영상의 45 ~ 53초에 해당한다. | ||
| + | {{#Widget:Vimeo|id=42073036|width=665|height=374}} | ||
| + | |||
| + | === 82번 사례 === | ||
| + | * 손의 상/하 좌/우 움직임을 소리의 움직임으로 인식하여 스피커로 인지된 소리를 통해 스크롤 이동한다. | ||
| + | <videoflash>rFM59B3tYI4|665|374</videoflash> | ||
| + | ---- | ||
== 정식패턴명??? (스크롤 하면 일정속도 스크롤 후 느려지면서 멈추는 사례) == | == 정식패턴명??? (스크롤 하면 일정속도 스크롤 후 느려지면서 멈추는 사례) == | ||
Scroll은 컨텐츠 화면 간 이동할 때 사용하는 pattern이다. 주로 현재 페이지와 유사한 성격의 컨텐츠 간을 이동할 때 사용된다.
전후의 페이지를 이동하는 방식에 따라 구분이 가능한데, 주로 Paper flip 방식이 사용되며, Card flip, Cube flip, Slideshow 방식으로 분류할 수 있다. Page turn/ Page flip을 호출하는 방법은 주로 화면 좌우의 이동버튼이나 flick을 이용하여 동작시킨다.
저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠를 효과적으로 보기 위한 pattern이 필요하다. Page turn/ Page flip은 많은 양의 컨텐츠를 쉽게 볼 수 있는 기능을 제공한다.