Difference between revisions of "Scroll"

Revision as of 23:23, 28 May 2014

Scroll은 컨텐츠 화면 내에서 컨텐츠를 둘러볼 때 사용하는 pattern이다. 주로 현재 페이지 이동할 때 사용된다.

전후의 페이지를 이동하는 방식에 따라 구분이 가능한데, 주로 Paper flip 방식이 사용되며, Card flip, Cube flip, Slideshow 방식으로 분류할 수 있다. Page turn/ Page flip을 호출하는 방법은 주로 화면 좌우의 이동버튼이나 flick을 이용하여 동작시킨다.

Scroll

248번 사례

화면을 위아래로 drag하면 소실점에 맞춰 달력이 움직인다.

430번 사례

립모션에서 손바닥을 화면 방향으로 향하게 한 채로 상/하로 움직여 다음 화면으로 이동한다.

443번 사례

위아래로 swipe해서 이전,다음 기사로 이동한다.

Android_NAVER tvcast

상단의 시청중인 영상은 고정 되어 있고, 아래의 화면을 상/하로 drag하여 화면을 이동시킨다.

210번 사례

터치휠이 위치한 부분을 시계반대방향 혹은 시계방향으로 drag하여 현재 화면 내에서 다음 화면 리스트 중 활성영역을 위아래로 이동하여 선택한다.

tab에 걸리듯이 한 페이지 씩 scoll 되는 사례

Isabella Stewart Gardner Museum - Touch Table Prototype

터치테이블에서 화면을 drag하여 세로로 화면을 이동한다.
단, 아래 영상의 45 ~ 53초에 해당한다.

82번 사례

손의 상/하 좌/우 움직임을 소리의 움직임으로 인식하여 스피커로 인지된 소리를 통해 스크롤 이동한다.

Fling to scroll

iOS_Facetime

Personal tools

Difference between revisions of "Scroll"

Navigation menu

Navigation

Search

Tools

Revision as of 23:23, 28 May 2014

Contents

With this pattern, we can solve...

Example : iOS_

Scroll

248번 사례

430번 사례

443번 사례

Android_NAVER tvcast

210번 사례

tab에 걸리듯이 한 페이지 씩 scoll 되는 사례

Isabella Stewart Gardner Museum - Touch Table Prototype

82번 사례

Fling to scroll

iOS_Facetime

iOS_Facetime

@@ Line 57: / Line 57: @@
 }}
-Scroll은  컨텐츠 화면 간 이동할 때 사용하는 pattern이다. 주로 현재 페이지와 유사한 성격의 컨텐츠 간을 이동할 때 사용된다.
+Scroll은  컨텐츠 화면 내에서 컨텐츠를 둘러볼 때 사용하는 pattern이다. 주로 현재 페이지 이동할 때 사용된다.
 전후의 페이지를 이동하는 방식에 따라 구분이 가능한데, 주로 Paper flip 방식이 사용되며, Card flip, Cube flip, Slideshow 방식으로 분류할 수 있다. Page turn/ Page flip을 호출하는 방법은 주로 화면 좌우의 이동버튼이나 flick을 이용하여 동작시킨다.