(→Example : iOS_Peek Calendar) |
|||
| Line 61: | Line 61: | ||
Accordion은 탭을 통한 리스트뷰와 유사한 목적을 가지지만 GUI적 효과에서 구분된다. | Accordion은 탭을 통한 리스트뷰와 유사한 목적을 가지지만 GUI적 효과에서 구분된다. | ||
| − | === | + | === With this pattern, we can solve... === |
* 한정된 화면, 즉 제한된 공간을 사용하는 경우에 대표성을 띄는 항목들을 목록으로 구성하고 각각의 항목에 해당하는 내용을 확장해 보여줌으로 화면을 효율적으로 디자인할 수 있다. | * 한정된 화면, 즉 제한된 공간을 사용하는 경우에 대표성을 띄는 항목들을 목록으로 구성하고 각각의 항목에 해당하는 내용을 확장해 보여줌으로 화면을 효율적으로 디자인할 수 있다. | ||
=== Example : iOS_180번 === | === Example : iOS_180번 === | ||
{{#Widget:Vimeo|id=95488635|width=300|height=405|start=4s}} | {{#Widget:Vimeo|id=95488635|width=300|height=405|start=4s}} | ||
| + | |||
| + | Page turn/ Page flip은 컨텐츠 화면 간 이동할 때 사용하는 pattern이다. 주로 현재 페이지와 유사한 성격의 컨텐츠 간을 이동할 때 사용된다. | ||
| + | |||
| + | 전후의 페이지를 이동하는 방식에 따라 구분이 가능한데, 주로 Paper flip 방식이 사용되며, Card flip, Cube flip, Slideshow 방식으로 분류할 수 있다. Page turn/ Page flip을 호출하는 방법은 주로 화면 좌우의 이동버튼이나 flick을 이용하여 동작시킨다. | ||
| + | |||
| + | === With this pattern, we can solve... === | ||
| + | 저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠를 효과적으로 보기 위한 pattern이 필요하다. Page turn/ Page flip은 많은 양의 컨텐츠를 쉽게 볼 수 있는 기능을 제공한다. | ||
| + | |||
| + | * Page turn/ Page flip은 트랜지션 효과를 통해 전후의 컨텐츠로 이동을 하며, 전후에 다른 컨텐츠가 존재할 것이라는 기대를 주기 위해 시각적 힌트를 주기도 한다. | ||
| + | * Page turn/ Page flip 이전에는 Previous/Next button이나 이와 유사한 방식을 사용하였다. | ||
| + | |||
---- | ---- | ||
Accordion은 세로로 쌓여진 목록에서 선택한 항목과 관련된 내용이 악기 아코디언처럼 확장되거나 늘어나는 패턴이다. 확장목록은 없을 수도 하나이거나 그 이상일 수도 있으며 리스트에서 많은 공간을 확보하기 위해 사용된다.
Accordion은 탭을 통한 리스트뷰와 유사한 목적을 가지지만 GUI적 효과에서 구분된다.
Page turn/ Page flip은 컨텐츠 화면 간 이동할 때 사용하는 pattern이다. 주로 현재 페이지와 유사한 성격의 컨텐츠 간을 이동할 때 사용된다.
전후의 페이지를 이동하는 방식에 따라 구분이 가능한데, 주로 Paper flip 방식이 사용되며, Card flip, Cube flip, Slideshow 방식으로 분류할 수 있다. Page turn/ Page flip을 호출하는 방법은 주로 화면 좌우의 이동버튼이나 flick을 이용하여 동작시킨다.
저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠를 효과적으로 보기 위한 pattern이 필요하다. Page turn/ Page flip은 많은 양의 컨텐츠를 쉽게 볼 수 있는 기능을 제공한다.