| Line 78: | Line 78: | ||
* 리스트 중심에 있는 컨텐츠가 강조되어 보이더라도, 리스트에 끝이 존재하여 첫번째와 마지막 컨텐츠가 구분될 경우는 Slide project tray로, Carousel에는 해당하지 않는다. | * 리스트 중심에 있는 컨텐츠가 강조되어 보이더라도, 리스트에 끝이 존재하여 첫번째와 마지막 컨텐츠가 구분될 경우는 Slide project tray로, Carousel에는 해당하지 않는다. | ||
| − | === Example : | + | === Example : Android_Tumblr === |
| − | {{#Widget:Vimeo|id=|width=300|height= | + | {{#Widget:Vimeo|id=94621789|width=300|height=541|start=4s}} |
---- | ---- | ||
| Line 88: | Line 88: | ||
* 신문 요약기사를 가로로 된 형태로 돌려가며 본다. | * 신문 요약기사를 가로로 된 형태로 돌려가며 본다. | ||
{{#Widget:Vimeo|id=93939344|width=533|height=395}} | {{#Widget:Vimeo|id=93939344|width=533|height=395}} | ||
| − | |||
| − | |||
| − | |||
=== 288번 사례 === | === 288번 사례 === | ||
Slide project tray은 컨텐츠 화면 간 이동할 때 사용하는 pattern이다. 주로 현재 페이지와 유사한 성격의 컨텐츠 간을 이동할 때 사용된다.
전후의 페이지를 이동하는 방식에 따라 구분이 가능한데, 주로 Paper flip 방식이 사용되며, Card flip, Cube flip, Slideshow 방식으로 분류할 수 있다. Page turn/ Page flip을 호출하는 방법은 주로 화면 좌우의 이동버튼이나 flick을 이용하여 동작시킨다.
저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠를 효과적으로 보기 위한 pattern이 필요하다. Page turn/ Page flip은 많은 양의 컨텐츠를 쉽게 볼 수 있는 기능을 제공한다.
Carousel은 여러 개의 컨텐츠가 일렬로 나열되어 있으면서 한쪽 끝(첫번째 컨텐츠)가 다른쪽 끝(마지막)과 맞닿아있는 원형 구조로 되어진 컨텐츠 리스트 pattern이다. 리스트가 움직이는 양방향 중 어느 쪽이든 상관없이 swipe하여 목록을 넘겨볼 수 있으며, 끊임없이 회전이 가능하다. 항목이 회전목마처럼 돌아가듯 보여져 Carousel이라고 부른다.
Carousel의 컨텐츠 리스트는 주로 썸네일 이미지로 이루어져 있으며, 중심에 위치한 컨텐츠 항목을 주변 항목보다 큰 사이즈로 구성하여 강조할 수도 있다.
사용자가 컨텐츠를 선택하는 과정에서 대표 이미지를 목록에서 함께 보여주어야 하는 경우에 주로 사용한다. 한 번에 모든 리스트을 수용하기에 화면 공간이 부족할 수 있기 때문에, 공간을 효율적으로 사용하면서 어려움 없이 직관적으로 넘겨볼 수 있도록 한다.