(→iOS_Weathercube) |
|||
| Line 1: | Line 1: | ||
| − | + | Page turn/ Page flip은 컨텐츠 화면 간 이동할 때 사용하는 패턴이다. 주로 현재 페이지와 유사한 성격의 컨텐츠 간을 이동할 때 사용된다. | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | Page turn/ Page flip은 컨텐츠 화면 간 이동할 때 사용하는 | + | |
전후의 페이지를 이동하는 방식에 따라 구분이 가능한데, 주로 Paper flip 방식이 사용되며, Card flip, Cube flip, Slideshow 방식으로 분류할 수 있다. Page turn/ Page flip을 호출하는 방법은 주로 화면 좌우의 이동버튼이나 flick을 이용하여 동작시킨다. | 전후의 페이지를 이동하는 방식에 따라 구분이 가능한데, 주로 Paper flip 방식이 사용되며, Card flip, Cube flip, Slideshow 방식으로 분류할 수 있다. Page turn/ Page flip을 호출하는 방법은 주로 화면 좌우의 이동버튼이나 flick을 이용하여 동작시킨다. | ||
=== With this pattern, we can solve... === | === With this pattern, we can solve... === | ||
| − | 저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠를 효과적으로 보기 위한 | + | 저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠를 효과적으로 보기 위한 패턴이 필요하다. Page turn/ Page flip은 많은 양의 컨텐츠를 쉽게 볼 수 있는 기능을 제공한다. |
* Page turn/ Page flip은 트랜지션 효과를 통해 전후의 컨텐츠로 이동을 하며, 전후에 다른 컨텐츠가 존재할 것이라는 기대를 주기 위해 시각적 힌트를 주기도 한다. | * Page turn/ Page flip은 트랜지션 효과를 통해 전후의 컨텐츠로 이동을 하며, 전후에 다른 컨텐츠가 존재할 것이라는 기대를 주기 위해 시각적 힌트를 주기도 한다. | ||
| Line 69: | Line 11: | ||
=== Example : iOS_Flipboard === | === Example : iOS_Flipboard === | ||
{{#Widget:Vimeo|id=96773017|width=300|height=400}} | {{#Widget:Vimeo|id=96773017|width=300|height=400}} | ||
| + | |||
---- | ---- | ||
| − | |||
== Paper flip == | == Paper flip == | ||
| − | |||
| − | |||
=== iOS_Hello HSK === | === iOS_Hello HSK === | ||
{{#Widget:Vimeo|id=95741744|width=300|height=406}} | {{#Widget:Vimeo|id=95741744|width=300|height=406}} | ||
| − | |||
| − | |||
| − | |||
---- | ---- | ||
| − | |||
== Card flip == | == Card flip == | ||
| − | |||
=== iOS_Clocks === | === iOS_Clocks === | ||
| − | |||
{{#Widget:Vimeo|id=93552411|width=300|height=533}} | {{#Widget:Vimeo|id=93552411|width=300|height=533}} | ||
=== iOS_Card flip demo === | === iOS_Card flip demo === | ||
| − | + | {{#Widget:Youtube|id=gl3IfsWChTE|width=665|height=374}} | |
| − | + | {{#Widget:Youtube|id=uUrqgbIefd4|width=665|height=374}} | |
=== Android_3D Pexeso === | === Android_3D Pexeso === | ||
| − | + | {{#Widget:Youtube|id=X7hDUblDGbg|width=665|height=374}} | |
=== Android_Flip! Flip! === | === Android_Flip! Flip! === | ||
| − | + | {{#Widget:Youtube|id=5fcR3BmnR5s|width=665|height=374}} | |
| − | |||
---- | ---- | ||
| − | |||
== Cube flip == | == Cube flip == | ||
| − | |||
| − | |||
=== iOS_Weathercube === | === iOS_Weathercube === | ||
{{#Widget:Vimeo|id=93044941|width=300|height=400}} | {{#Widget:Vimeo|id=93044941|width=300|height=400}} | ||
| Line 111: | Line 41: | ||
* 화면의 아랫부분을 double tab하면 큐브가 돌아가듯 하위 메뉴의 화면을 보여준다. | * 화면의 아랫부분을 double tab하면 큐브가 돌아가듯 하위 메뉴의 화면을 보여준다. | ||
{{#Widget:Vimeo|id=93552800|width=300|height=533}} | {{#Widget:Vimeo|id=93552800|width=300|height=533}} | ||
| − | |||
| − | |||
| − | |||
---- | ---- | ||
| − | |||
== Slideshow == | == Slideshow == | ||
| − | |||
| − | |||
=== iOS_ABC 사파리=== | === iOS_ABC 사파리=== | ||
{{#Widget:Vimeo|id=93368387|width=533|height=395}} | {{#Widget:Vimeo|id=93368387|width=533|height=395}} | ||
| Line 126: | Line 50: | ||
{{#Widget:Vimeo|id=93367651|width=300|height=400}} | {{#Widget:Vimeo|id=93367651|width=300|height=400}} | ||
| − | |||
| − | |||
[[Category:Move in same level]] | [[Category:Move in same level]] | ||
Page turn/ Page flip은 컨텐츠 화면 간 이동할 때 사용하는 패턴이다. 주로 현재 페이지와 유사한 성격의 컨텐츠 간을 이동할 때 사용된다.
전후의 페이지를 이동하는 방식에 따라 구분이 가능한데, 주로 Paper flip 방식이 사용되며, Card flip, Cube flip, Slideshow 방식으로 분류할 수 있다. Page turn/ Page flip을 호출하는 방법은 주로 화면 좌우의 이동버튼이나 flick을 이용하여 동작시킨다.
저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠를 효과적으로 보기 위한 패턴이 필요하다. Page turn/ Page flip은 많은 양의 컨텐츠를 쉽게 볼 수 있는 기능을 제공한다.
"" ""
""
""