From Design pattern
Jump to: navigation, search
(Example : iOS_Ubersense Coach)
Line 83: Line 83:
 
* 단, 아래 영상의 50초 ~ 58초에 해당한다.
 
* 단, 아래 영상의 50초 ~ 58초에 해당한다.
 
{{#Widget:Vimeo|id=36790650|width=665|height=374}}
 
{{#Widget:Vimeo|id=36790650|width=665|height=374}}
 +
 +
=== iOS 3D Album ===
 +
{{#Widget:Vimeo|id=96779667|width=300|height=533}}
 
</div>
 
</div>
  

Revision as of 15:23, 29 May 2014

Timeline은 컨텐츠 내에서 특정한 위치로 이동하거나, 현재위치를 파악하는데 사용 하는 pattern이다. 주로 시간적 흐름을 가진 컨텐츠 안에서 특정한 시간대로 이동 및 현재위치를 파악할 때 사용된다.

Timeline을 표시 방식에 따라 구분이 가능한데, 주로 Slide bar 방식과 chronicle 방식이 사용된다.

With this pattern, we can solve...

시간적 흐름을 가지고 있는 컨텐츠를 효과적으로 보기 위한 pattern이 필요하다. Timeline은 시간적 흐름을 가진 컨텐츠를 직관적이며 간편하게 둘러 볼 수 있는 기능을 제공한다.

  • Timeline은 line의 길이와 조절점의 위치를 통해서 시간의 흐름을 알 수 있도록 한다.

Example : iOS_Ubersense Coach


Timeline (Slide bar)

Android_LG G Pro 2 버스트샷

  • 단, 아래 영상의 10초 ~ 27초에 해당한다.

Android_LG G Pro 2 버스트샷

  • 단, 아래 영상의 1분 13초 ~ 1분 40초에 해당한다.

Wang Theatre Touch Screen Information Kiosk

  • 단, 아래 영상의 50초 ~ 58초에 해당한다.

iOS 3D Album


Timeline (Chronicle)

iOS_Facebook

iOS_Path

  • 단, 아래 영상의 10초 ~ 23초에 해당한다.

"10"