Difference between revisions of "Fling to scroll"
Navigation menu
From Design pattern
| (21 intermediate revisions by 5 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | Fling to scroll은 스크롤을 drag할 때와 달리 swipe하는 경우 swipe의 속도와 길이에 따라 손을 뗀 상태에서도 스크롤이 이동하는 패턴이다. Swipe의 속도와 길이가 빠를 수록 빠르고 길게, 느릴수록 느리고 짧게 이동하며 swipe가 끝난 시점부터 점차 속도가 감소하여 정지할 때까지 이동한다. | |
| + | ===With this pattern, we can solve...=== | ||
| + | 많은 양의 컨텐츠를 나열할 경우에 페이지가 길어져 [[Scroll]]하는 과정에서 탐색이 어렵고 오래 걸리는 문제를 해결할 수 있다. 실제 물리적인 메타포를 담고 있어 직관적인 느낌을 준다. | ||
| − | + | * 스크롤을 빠르게 이동하는 다른 방법으로 [[Scroll thumb]]와 [[Index scroller]]도 있으나, 찾는 내용이 어디쯤 있는지 위치를 잘 모르는 경우나, 페이지 전체나 일부 구간을 빠르게 훑어보고자 할 때는 Fling to scroll을 사용한다. | |
| − | + | ||
| − | * | + | |
| − | + | ||
| − | |||
| − | |||
| − | |||
| + | === Example : Android_Samsung Galaxy Note Gallery === | ||
| + | [[File:Fling to scroll.png|310px]] | ||
| + | ---- | ||
| + | === Android_Samsung Galaxy Note Gallery === | ||
| + | {{#Widget:Vimeo|id=94636893|width=300|height=480}} | ||
| + | ===Android_Samsung Galaxy Note 연락처 === | ||
| + | {{#Widget:Vimeo|id=94636892|width=300|height=480}} | ||
| + | === iOS_Facetime === | ||
| + | {{#Widget:Vimeo|id=96695265|width=300|height=533}} | ||
| + | ===iOS_Kakao Talk === | ||
| + | {{#Widget:Vimeo|id=96695268|width=300|height=533}} | ||
| − | [[Category: | + | |
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | [[Category:Move through contents]] | ||
Latest revision as of 21:41, 17 September 2014
Fling to scroll은 스크롤을 drag할 때와 달리 swipe하는 경우 swipe의 속도와 길이에 따라 손을 뗀 상태에서도 스크롤이 이동하는 패턴이다. Swipe의 속도와 길이가 빠를 수록 빠르고 길게, 느릴수록 느리고 짧게 이동하며 swipe가 끝난 시점부터 점차 속도가 감소하여 정지할 때까지 이동한다.
Contents
With this pattern, we can solve...
많은 양의 컨텐츠를 나열할 경우에 페이지가 길어져 Scroll하는 과정에서 탐색이 어렵고 오래 걸리는 문제를 해결할 수 있다. 실제 물리적인 메타포를 담고 있어 직관적인 느낌을 준다.
- 스크롤을 빠르게 이동하는 다른 방법으로 Scroll thumb와 Index scroller도 있으나, 찾는 내용이 어디쯤 있는지 위치를 잘 모르는 경우나, 페이지 전체나 일부 구간을 빠르게 훑어보고자 할 때는 Fling to scroll을 사용한다.
Example : Android_Samsung Galaxy Note Gallery
Android_Samsung Galaxy Note Gallery
Android_Samsung Galaxy Note 연락처
iOS_Facetime
iOS_Kakao Talk