(→What Problem Does This Solve?) |
|||
| Line 67: | Line 67: | ||
* Drawer 패턴은 트랜지션 효과를 통해 그 존재를 드러내며, 화면 바깥의 가상의 공간에 항상 대기중이라는 인식을 준다. | * Drawer 패턴은 트랜지션 효과를 통해 그 존재를 드러내며, 화면 바깥의 가상의 공간에 항상 대기중이라는 인식을 준다. | ||
| − | * 숨겨진 페이지가 표시되어도 현재 페이지를 살짝 유지함으로써, 일시적인 호출이며 마지막 위치가 항상 유지되고 있다는 느낌을 준다. | + | * 숨겨진 페이지가 표시되어도 현재 페이지를 살짝 유지함으로써, 일시적인 호출이며 마지막 위치가 항상 유지되고 있다는 느낌을 준다. |
| + | |||
=== Example : iPhone_Yahoo === | === Example : iPhone_Yahoo === | ||
{{#Widget:Vimeo|id=95772659|width=259|height=455|start=4s}} | {{#Widget:Vimeo|id=95772659|width=259|height=455|start=4s}} | ||
Drawer는 작은 화면에서 효과적으로 자주 사용하는 기능 및 정보를 표시할 수 있는 패턴이다. 주로 현재 페이지를 어느 정도 유지한 채 같은 화면에 숨겨진 페이지를 띄워 보여준다.
숨겨진 페이지를 표시하는 방식에서 여러가지 트랜지션이 사용되는데 Slide방식이 주로 사용되며, 최근 Overlay/Insert 등의 트랜지션을 사용한 사례도 많아지고 있다.
Drawer를 호출하는 버튼은 주로 일명 '햄버거'로 불리는 아이콘의 버튼이 사용된다.