(→tab에 걸리듯이 한 페이지 씩 scoll 되는 사례) |
|||
| Line 68: | Line 68: | ||
=== Example : iOS_ Naver=== | === Example : iOS_ Naver=== | ||
| − | {{#Widget:Vimeo|id=96709270|width=300|height=533}} | + | {{#Widget:Vimeo|id=96709270|width=300|height=533|start=4s}} |
---- | ---- | ||
| Line 94: | Line 94: | ||
{{#Widget:Vimeo|id=95703749|width=300|height=533}} | {{#Widget:Vimeo|id=95703749|width=300|height=533}} | ||
| + | === 82번 사례 === | ||
| + | * 손의 상/하 좌/우 움직임을 소리의 움직임으로 인식하여 스피커로 인지된 소리를 통해 스크롤 이동한다. | ||
| + | <videoflash>rFM59B3tYI4|665|374</videoflash> | ||
| + | </div> | ||
---- | ---- | ||
== Page단위 Scroll == | == Page단위 Scroll == | ||
| + | <div id="sun-col"> | ||
=== Isabella Stewart Gardner Museum - Touch Table Prototype === | === Isabella Stewart Gardner Museum - Touch Table Prototype === | ||
* 터치테이블에서 화면을 drag하여 세로로 화면을 이동한다. | * 터치테이블에서 화면을 drag하여 세로로 화면을 이동한다. | ||
* 단, 아래 영상의 45 ~ 53초에 해당한다. | * 단, 아래 영상의 45 ~ 53초에 해당한다. | ||
{{#Widget:Vimeo|id=42073036|width=665|height=374}} | {{#Widget:Vimeo|id=42073036|width=665|height=374}} | ||
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
---- | ---- | ||
== Fling to scroll == | == Fling to scroll == | ||
| + | <div id="sun-col"> | ||
===iOS_Facetime === | ===iOS_Facetime === | ||
{{#Widget:Vimeo|id=96695265|width=300|height=480}} | {{#Widget:Vimeo|id=96695265|width=300|height=480}} | ||
Scroll은 컨텐츠 화면 내에서 컨텐츠를 둘러볼 때 사용하는 pattern이다. 주로 현재 페이지 내를 이동할 때 사용된다.
페이지 화면을 이동하는 방식에 따라 구분이 가능한데, 주로 Slide to scroll 방식이 사용되며, Fling to scroll, Scroll thumb 방식으로 분류할 수 있다.
한 화면이 많은 양의 컨텐츠를 가지고 있을 때, 이것을 효과적으로 보기 위한 pattern이 필요하다. Scroll은 많은 양의 컨텐츠를 쉽게 둘러 볼 수 있는 기능을 제공한다.