From Design pattern
Jump to: navigation, search
Line 24: Line 24:
 
=== iOS_Google schorlar ===
 
=== iOS_Google schorlar ===
 
{{#Widget:Vimeo|id=96701050|width=300|height=533}}
 
{{#Widget:Vimeo|id=96701050|width=300|height=533}}
 +
 +
----
 +
== drop-up menu ==
 +
=== iPhone_Rookie_3 ===
 +
<!--* 배경음악이 삽입되어 있어 추가가 불가합니다-->
 +
{{#Widget:Vimeo|id=95777093|width=300|height=533}}
 +
  
 
[[Category:Menus]]
 
[[Category:Menus]]

Revision as of 12:30, 11 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 schorlar


drop-up menu

iPhone_Rookie_3