From Design pattern
Jump to: navigation, search

Accordion은 세로로 쌓여진 목록에서 선택한 항목과 관련된 내용이 악기 아코디언처럼 확장되거나 늘어나는 패턴이다. 확장목록은 없을 수도 하나이거나 그 이상일 수도 있으며 리스트에서 많은 공간을 확보하기 위해 사용된다.

Accordion은 탭을 통한 리스트뷰와 유사한 목적을 가지지만 GUI적 효과에서 구분된다.

With this pattern, we can solve...

  • 한정된 화면, 즉 제한된 공간을 사용하는 경우에 대표성을 띄는 항목들을 목록으로 구성하고 각각의 항목에 해당하는 내용을 확장해 보여줌으로 화면을 효율적으로 디자인할 수 있다.

Page turn/ Page flip은 컨텐츠 화면 간 이동할 때 사용하는 pattern이다. 주로 현재 페이지와 유사한 성격의 컨텐츠 간을 이동할 때 사용된다.

전후의 페이지를 이동하는 방식에 따라 구분이 가능한데, 주로 Paper flip 방식이 사용되며, Card flip, Cube flip, Slideshow 방식으로 분류할 수 있다. Page turn/ Page flip을 호출하는 방법은 주로 화면 좌우의 이동버튼이나 flick을 이용하여 동작시킨다.

Example : iOS_Peek Calendar

Accordion

iOS_Yummly


Accordion