From Design pattern
Jump to: navigation, search
(630번 사례)
 
(16 intermediate revisions by 4 users not shown)
Line 1: Line 1:
화면을 slide 하여 콘텐트의 내용을 훑어본다. slide 동작이 끝난 시점에서 속도가 점차감소하여 정지화면이 될 때 까지 내용을 스크롤링 한다
+
Fling to scroll은 스크롤을 drag할 때와 달리 swipe하는 경우 swipe의 속도와 길이에 따라 손을 뗀 상태에서도 스크롤이 이동하는 패턴이다. Swipe의 속도와 길이가 빠를 수록 빠르고 길게, 느릴수록 느리고 짧게 이동하며 swipe가 끝난 시점부터 점차 속도가 감소하여 정지할 때까지 이동한다.
  
 +
===With this pattern, we can solve...===
 +
많은 양의 컨텐츠를 나열할 경우에 페이지가 길어져 [[Scroll]]하는 과정에서 탐색이 어렵고 오래 걸리는 문제를 해결할 수 있다. 실제 물리적인 메타포를 담고 있어 직관적인 느낌을 준다.
  
== Examples ==
+
* 스크롤을 빠르게 이동하는 다른 방법으로 [[Scroll thumb]]와 [[Index scroller]]도 있으나, 찾는 내용이 어디쯤 있는지 위치를 잘 모르는 경우나, 페이지 전체나 일부 구간을 빠르게 훑어보고자 할 때는 Fling to scroll을 사용한다.
=== 629번 사례 ===
+
* 전화번호를 검색하는 화면에서 slide 하여 콘텐트의 내용을 훑어본다.
+
* slide 동작이 끝난 시점에서 속도가 점차감소하여 정지화면이 될 때 까지 내용을 스크롤링 한다.
+
  
<videoflash type="vimeo">94636892|300|455</videoflash>
 
  
=== 630번 사례 ===
+
=== Example : Android_Samsung Galaxy Note Gallery ===
* 사진의 썸네일 화면에서 slide 하여 콘텐트의 내용을 훑어본다.
+
[[File:Fling to scroll.png|310px]]
*slide 동작이 끝난 시점에서 속도가 점차감소하여 정지화면이 될 때 까지 내용을 스크롤링 한다 .
+
----
<videoflash type="vimeo">94636893|300|455</videoflash>
+
  
 +
=== 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:Scroll through content]]
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
[[Category:Move through contents]]

Latest revision as of 21:41, 17 September 2014

Fling to scroll은 스크롤을 drag할 때와 달리 swipe하는 경우 swipe의 속도와 길이에 따라 손을 뗀 상태에서도 스크롤이 이동하는 패턴이다. Swipe의 속도와 길이가 빠를 수록 빠르고 길게, 느릴수록 느리고 짧게 이동하며 swipe가 끝난 시점부터 점차 속도가 감소하여 정지할 때까지 이동한다.

With this pattern, we can solve...

많은 양의 컨텐츠를 나열할 경우에 페이지가 길어져 Scroll하는 과정에서 탐색이 어렵고 오래 걸리는 문제를 해결할 수 있다. 실제 물리적인 메타포를 담고 있어 직관적인 느낌을 준다.

  • 스크롤을 빠르게 이동하는 다른 방법으로 Scroll thumbIndex scroller도 있으나, 찾는 내용이 어디쯤 있는지 위치를 잘 모르는 경우나, 페이지 전체나 일부 구간을 빠르게 훑어보고자 할 때는 Fling to scroll을 사용한다.


Example : Android_Samsung Galaxy Note Gallery

Fling to scroll.png


Android_Samsung Galaxy Note Gallery

Android_Samsung Galaxy Note 연락처

iOS_Facetime

iOS_Kakao Talk