(→448번 사례) |
|||
Line 70: | Line 70: | ||
{{#Widget:Vimeo|id=93372596|width=300|height=405|start=4s}} | {{#Widget:Vimeo|id=93372596|width=300|height=405|start=4s}} | ||
---- | ---- | ||
− | |||
− | |||
− | |||
== Turn page like Card == | == Turn page like Card == | ||
Line 134: | Line 131: | ||
* drag하여 책장을 넘기듯이 이전이나 다음 페이지로 이동한다. | * drag하여 책장을 넘기듯이 이전이나 다음 페이지로 이동한다. | ||
{{#Widget:Vimeo|id=93362186|width=300|height=455}} | {{#Widget:Vimeo|id=93362186|width=300|height=455}} | ||
+ | |||
+ | === 628번 사례 === | ||
+ | * drag하여 책장을 넘기듯이 이전이나 다음 페이지로 이동한다. | ||
+ | {{#Widget:Vimeo|id=94814136|width=300|height=455}} | ||
+ | </div> | ||
+ | |||
+ | ---- | ||
== Turn page like Slide == | == Turn page like Slide == | ||
<div id="sun-col"> | <div id="sun-col"> | ||
+ | |||
+ | === 178번 사례 === | ||
+ | * 현재화면을 밀어 다음화면으로 이동한다. | ||
+ | {{#Widget:Vimeo|id=93952467|width=300|height=508}} | ||
=== 268번 사례 === | === 268번 사례 === | ||
Line 149: | Line 157: | ||
* 좌우로 swipe하여 이전,다음 이미지로 이동하며, 이동할 때 제목을 읽어준다. | * 좌우로 swipe하여 이전,다음 이미지로 이동하며, 이동할 때 제목을 읽어준다. | ||
{{#Widget:Vimeo|id=93368387|width=533|height=395}} | {{#Widget:Vimeo|id=93368387|width=533|height=395}} | ||
+ | |||
+ | === 448번 사례 === | ||
+ | * 하단의 페이지 색인의 위치를 고려하여 좌우 페이지로 이동한다. | ||
+ | {{#Widget:Vimeo|id=93045296|width=300|height=405}} | ||
=== 29번 사례 === | === 29번 사례 === |
Page Turn/ Page Flip은 컨텐츠 화면 간 이동할 때 사용하는 pattern이다. 주로 현재 페이지와 유사한 성격의 컨텐츠 간을 이동할 때 사용된다.
전후의 페이지를 이동하는 방식에 따라 구분이 가능한데, 주로 Paper Flip 방식이 사용되며, Card Flip, Cube Flip, Slideshow 방식으로 분류할 수 있다. Page Turn/ Page Flip을 호출하는 방법은 주로 화면 좌우의 이동버튼이나 Flick을 이용하여 동작시킨다.
저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠를 효과적으로 보기 위한 pattern이 필요하다. Page Turn/ Page Flip은 많은 양의 컨텐츠를 쉽게 볼 수 있는 기능을 제공한다.
촬영불가자료_이미지로대체