From Design pattern
Jump to: navigation, search
Line 58: Line 58:
 
}}
 
}}
  
Ferris wheel은 여러 개의 콘텐츠가 대관람차 각 칸을 이루고 있으며 원형 구조로 되어진 리스트 pattern이다. 리스트가 움직이는 양방향 중 어느 쪽이든 상관없이 swipe하여 목록을 넘겨볼 수 있으며, 끊임없이 회전이 가능하다.  
+
Ferris wheel은 여러 개의 컨텐츠가 대관람차 각 칸을 이루고 있으며 원형 구조로 되어진 컨텐츠 리스트 pattern이다. 리스트가 움직이는 양방향 중 어느 쪽이든 상관없이 swipe하여 목록을 넘겨볼 수 있으며, 끊임없이 회전이 가능하다.  
  
 
Ferris wheel의 리스트 간 이동은 대관람차의 메타포를 사용하였으며, 각 리스트는 주로 썸네일 이미지로 이루어져 있다.
 
Ferris wheel의 리스트 간 이동은 대관람차의 메타포를 사용하였으며, 각 리스트는 주로 썸네일 이미지로 이루어져 있다.
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠의 리스트를 효과적으로 보기 위한 pattern이 필요하다. Ferris wheel은 많은 양의 리스트를 쉽게 볼 수 있는 기능을 제공한다.
+
저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠 리스트를 효과적으로 보기 위한 pattern이 필요하다. Ferris wheel은 많은 양의 리스트를 쉽게 볼 수 있는 기능을 제공한다.
  
* Ferris wheel은 트랜지션 효과를 통해 전후의 컨텐츠로 이동을 하며, 전후에 다른 컨텐츠가 존재할 것이라는 기대를 주기 위해 시각적 힌트를 주기도 한다.
+
* 리스트을 넘기는 과정에서 더 동적이고 매력적으로 보이게 한다.
* Ferris wheel 이전에는 Previous/Next button이나 이와 유사한 방식을 사용하였다.
+
* Carousel은 전후의 컨텐츠로 이동할 때, 전후의 리스트를 동시에 표시해 연속적인 느낌을 준다.
 
+
* 목록을 넘기는 과정에서 더 동적이고 매력적으로 보이게 한다.
+
* Carousel은 전후의 컨텐츠로 이동할 때, 전후의 컨텐츠를 동시에 표시해 연속적인 느낌을 준다.
+
* 리스트 중심에 있는 콘텐츠가 강조되어 보이더라도, 리스트에 끝이 존재하여 첫번째와 마지막 콘텐츠가 구분될 경우는 Rail로, Carousel에는 해당하지 않는다.
+
  
 
=== Example : iOS_Endless Numbers ===
 
=== Example : iOS_Endless Numbers ===

Revision as of 22:04, 28 May 2014


Ferris wheel은 여러 개의 컨텐츠가 대관람차 각 칸을 이루고 있으며 원형 구조로 되어진 컨텐츠 리스트 pattern이다. 리스트가 움직이는 양방향 중 어느 쪽이든 상관없이 swipe하여 목록을 넘겨볼 수 있으며, 끊임없이 회전이 가능하다.

Ferris wheel의 리스트 간 이동은 대관람차의 메타포를 사용하였으며, 각 리스트는 주로 썸네일 이미지로 이루어져 있다.

With this pattern, we can solve...

저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠 리스트를 효과적으로 보기 위한 pattern이 필요하다. Ferris wheel은 많은 양의 리스트를 쉽게 볼 수 있는 기능을 제공한다.

  • 리스트을 넘기는 과정에서 더 동적이고 매력적으로 보이게 한다.
  • Carousel은 전후의 컨텐츠로 이동할 때, 전후의 리스트를 동시에 표시해 연속적인 느낌을 준다.

Example : iOS_Endless Numbers


Ferris wheel

iOS_showcase

iOS_Photo wheel