| Line 16: | Line 16: | ||
=== iOS_Yahoo === | === iOS_Yahoo === | ||
| − | {{#Widget:Vimeo|id=95772659|width= | + | {{#Widget:Vimeo|id=95772659|width=300|height=533}} |
=== iOS_Gmail === | === iOS_Gmail === | ||
| − | <!-- {{#Widget:Vimeo|id=95772492|width= | + | <!-- {{#Widget:Vimeo|id=95772492|width=300|height=533|start=4s}} --> |
| − | {{#Widget:Vimeo|id=95772492|width= | + | {{#Widget:Vimeo|id=95772492|width=300|height=533}} |
=== iOS_BuzzFeed === | === iOS_BuzzFeed === | ||
| − | {{#Widget:Vimeo|id=95773016|width= | + | {{#Widget:Vimeo|id=95773016|width=300|height=533}} |
=== iOS_MyFitnessPal === | === iOS_MyFitnessPal === | ||
| − | {{#Widget:Vimeo|id=95776698|width= | + | {{#Widget:Vimeo|id=95776698|width=300|height=533}} |
=== iOS_Google-Docs === | === iOS_Google-Docs === | ||
| − | {{#Widget:Vimeo|id=95772952|width= | + | {{#Widget:Vimeo|id=95772952|width=300|height=533}} |
=== Android_SBS 고릴라 === | === Android_SBS 고릴라 === | ||
* 화면 왼쪽 모서리를 오른쪽으로 drag하여 숨겨진 메뉴를 밀어내듯 불러온다. | * 화면 왼쪽 모서리를 오른쪽으로 drag하여 숨겨진 메뉴를 밀어내듯 불러온다. | ||
| − | {{#Widget:Vimeo|id=93361937|width=300|height= | + | {{#Widget:Vimeo|id=93361937|width=300|height=533}} |
<!-- | <!-- | ||
=== iOS_Tinder_3 === | === iOS_Tinder_3 === | ||
| − | {{#Widget:Vimeo|id=95772230|width= | + | {{#Widget:Vimeo|id=95772230|width=300|height=533}} |
=== iOS_ENow_5 === | === iOS_ENow_5 === | ||
| − | {{#Widget:Vimeo|id=95771492|width= | + | {{#Widget:Vimeo|id=95771492|width=300|height=533}} |
=== iOS_ENow_1 === | === iOS_ENow_1 === | ||
| − | {{#Widget:Vimeo|id=95771288|width= | + | {{#Widget:Vimeo|id=95771288|width=300|height=533}} |
=== iOS_FOX-NOW_1 === | === iOS_FOX-NOW_1 === | ||
| − | {{#Widget:Vimeo|id=95771003|width= | + | {{#Widget:Vimeo|id=95771003|width=300|height=533}} |
=== iOS_AskForTask 3 === | === iOS_AskForTask 3 === | ||
| − | {{#Widget:Vimeo|id=95762142|width= | + | {{#Widget:Vimeo|id=95762142|width=300|height=533}} |
--> | --> | ||
---- | ---- | ||
| Line 55: | Line 55: | ||
=== iOS_911 Memorial Museum === | === iOS_911 Memorial Museum === | ||
| − | {{#Widget:Vimeo|id=95762045|width= | + | {{#Widget:Vimeo|id=95762045|width=300|height=533}} |
=== iOS_Seene === | === iOS_Seene === | ||
| − | {{#Widget:Vimeo|id=95777540|width= | + | {{#Widget:Vimeo|id=95777540|width=300|height=533}} |
=== iOS_HuffPost === | === iOS_HuffPost === | ||
| − | {{#Widget:Vimeo|id=95773784|width= | + | {{#Widget:Vimeo|id=95773784|width=300|height=533}} |
=== iOS_FoxNews === | === iOS_FoxNews === | ||
| − | {{#Widget:Vimeo|id=95773501|width= | + | {{#Widget:Vimeo|id=95773501|width=300|height=533}} |
=== iOS_Groupon === | === iOS_Groupon === | ||
| − | {{#Widget:Vimeo|id=95772877|width= | + | {{#Widget:Vimeo|id=95772877|width=300|height=533}} |
=== iOS_Gogobot === | === iOS_Gogobot === | ||
| − | {{#Widget:Vimeo|id=95770896|width= | + | {{#Widget:Vimeo|id=95770896|width=300|height=533}} |
=== Android_Kakaotalk === | === Android_Kakaotalk === | ||
| Line 77: | Line 77: | ||
=== iOS_Superb Player === | === iOS_Superb Player === | ||
* 메뉴 아이콘 2개 이상을 활성화할 경우 하단에서부터 차례로 쌓인다. | * 메뉴 아이콘 2개 이상을 활성화할 경우 하단에서부터 차례로 쌓인다. | ||
| − | {{#Widget:Vimeo|id=94762165|width= | + | {{#Widget:Vimeo|id=94762165|width=400|height=533}} |
<!-- | <!-- | ||
=== iOS_USAToday_2 === | === iOS_USAToday_2 === | ||
| − | {{#Widget:Vimeo|id=95773661|width= | + | {{#Widget:Vimeo|id=95773661|width=300|height=533}} |
=== iOS_Bloomberg_2 === | === iOS_Bloomberg_2 === | ||
| − | {{#Widget:Vimeo|id=95774030|width= | + | {{#Widget:Vimeo|id=95774030|width=300|height=533}} |
--> | --> | ||
| Line 90: | Line 90: | ||
=== iOS_Yummly === | === iOS_Yummly === | ||
| − | {{#Widget:Vimeo|id=95774182|width= | + | {{#Widget:Vimeo|id=95774182|width=300|height=533}} |
=== iOS_Calendars5 === | === iOS_Calendars5 === | ||
| − | {{#Widget:Vimeo|id=95762262|width= | + | {{#Widget:Vimeo|id=95762262|width=300|height=533}} |
[[Category:Menus]] | [[Category:Menus]] | ||
Drawer menu는 좁은 화면에서 효과적으로 자주 사용하는 기능 및 정보를 표시하는 패턴이다. 주로 현재 화면을 어느 정도 유지한 채 숨겨진 페이지를 띄워 보여준다.
숨겨진 페이지를 표시하는 방식에 따라 구분이 가능한데, 주로 Slide방식이 사용되며, Overlay와 Insert (일명 Accordion) 방식으로 분류할 수 있다. Drawer Menu를 호출하는 버튼은 주로 일명 '햄버거'로 불리는 아이콘의 버튼이 사용된다.
앱의 기능이 점점 복잡해지면서 navigation 항목의 양이 많아지고 중요한 컨텐츠를 좁은 화면에 효과적으로 보여주기 위해서는 컨텐츠 외의 화면 요소들을 숨기기 위한 패턴이 필요하다. Drawer menu는 화면 상의 많은 요소들을 효과적으로 숨기고 꺼내 볼 수 있는 기능을 제공한다.