From Design pattern
Jump to: navigation, search
(iOS_Google schorlar)
(drop-down menu)
Line 12: Line 12:
  
 
----
 
----
== drop-down menu ==
+
== Drop-down menu ==
 
=== Android_Evernote ===
 
=== Android_Evernote ===
 
{{#Widget:Vimeo|id=94621852|width=300|height=541}}
 
{{#Widget:Vimeo|id=94621852|width=300|height=541}}

Revision as of 21:22, 13 July 2014

Drop menu는 서브 메뉴를 팝업 형식으로 제공하는 인터랙션 패턴이다. 화면에 있는 메뉴를 tap하여 열며, 화면 이동 없이 서브 메뉴를 보여준다.

하단의 메뉴에서 위로 서브 메뉴가 팝업되는 drop-up menu와 상단의 메뉴에서 아래로 서브 메뉴가 팝업되는 drop-down menu로 나누어 진다.

With this pattern, we can solve...

  • Drop menu는 수직으로, Flyout menu는 수평으로 하위메뉴가 팝업된다는 점에서 차이가 있다.

Examples : Android_Evernote



Drop-down menu

Android_Evernote

Android_NY times

Android

iOS_Google Scholar


drop-up menu

iOS_Rookie