| Line 1: | Line 1: | ||
| − | Scroll은 | + | Scroll은 한 화면 이상의 많은 분량의 컨텐츠나 목록를 둘러볼 때 사용하는 인터랙션 패턴이다. 주로 현재 페이지 내를 이동할 때 사용된다. |
페이지 화면을 이동하는 방식에 따라 구분이 가능한데, 주로 slide to scroll 방식이 사용되며, fling to scroll, scroll thumb 방식으로 분류할 수 있다. | 페이지 화면을 이동하는 방식에 따라 구분이 가능한데, 주로 slide to scroll 방식이 사용되며, fling to scroll, scroll thumb 방식으로 분류할 수 있다. | ||
| Line 12: | Line 12: | ||
{{#Widget:Vimeo|id=96709270|width=300|height=533}} | {{#Widget:Vimeo|id=96709270|width=300|height=533}} | ||
---- | ---- | ||
| − | == Scroll == | + | == Scroll in page == |
=== iOS_Overview === | === iOS_Overview === | ||
* 화면을 위아래로 drag하면 소실점에 맞춰 달력이 움직인다. | * 화면을 위아래로 drag하면 소실점에 맞춰 달력이 움직인다. | ||
| Line 20: | Line 20: | ||
* 립모션에서 손바닥을 화면 방향으로 향하게 한 채로 상/하로 움직여 다음 화면으로 이동한다. | * 립모션에서 손바닥을 화면 방향으로 향하게 한 채로 상/하로 움직여 다음 화면으로 이동한다. | ||
{{#Widget:Vimeo|id=93327398|width=665|height=374}} | {{#Widget:Vimeo|id=93327398|width=665|height=374}} | ||
| + | |||
| + | === Soundwave_Using the doppler effect to sense gestures === | ||
| + | * 손의 상/하 좌/우 움직임을 소리의 움직임으로 인식하여 스피커로 인지된 소리를 통해 스크롤 이동한다. | ||
| + | {{#Widget:Youtube|id=rFM59B3tYI4|width=665|height=374}} | ||
=== Android_NAVER tvcast === | === Android_NAVER tvcast === | ||
| Line 32: | Line 36: | ||
* 현재 보고 있는 화면을 slide 하여 화면 속 내용을 상하로 훑어본다. | * 현재 보고 있는 화면을 slide 하여 화면 속 내용을 상하로 훑어본다. | ||
{{#Widget:Vimeo|id=94814135|width=300|height=455}} | {{#Widget:Vimeo|id=94814135|width=300|height=455}} | ||
| − | |||
| − | |||
| − | |||
| − | |||
=== iPod 4th === | === iPod 4th === | ||
Scroll은 한 화면 이상의 많은 분량의 컨텐츠나 목록를 둘러볼 때 사용하는 인터랙션 패턴이다. 주로 현재 페이지 내를 이동할 때 사용된다.
페이지 화면을 이동하는 방식에 따라 구분이 가능한데, 주로 slide to scroll 방식이 사용되며, fling to scroll, scroll thumb 방식으로 분류할 수 있다.
한 화면이 많은 양의 컨텐츠를 가지고 있을 때, 이것을 효과적으로 보기 위한 패턴이 필요하다. Scroll은 많은 양의 컨텐츠를 쉽게 둘러 볼 수 있는 기능을 제공한다.
""