From Design pattern
Jump to: navigation, search
(With this pattern, we can solve...)
Line 1: Line 1:
Drop menu는 서브 메뉴를 팝업 형식으로 제공하는 인터랙션 패턴이다. 화면에 있는 메뉴를 tap하여 열며, 화면 이동 없이 서브 메뉴를 보여준다.
+
Drop menu는 메뉴를 선택하면 서브 메뉴가 펼쳐지거나 팝업 형식으로 제공되는 인터랙션 패턴이다. 메뉴의 제목이 표시되어 있는 곳을 tap하여 열며, 화면 이동 없이 서브 메뉴를 보여준다.
  
Drop menu에는 메뉴 위로 서브 메뉴가 팝업되는 drop-up menu와 아래로 서브 메뉴가 팝업되는 drop-down menu가 있다. 그 중 drop-down menu에서, 선택된 메뉴 항목 바로 옆에 하위 메뉴를 띄워주는 horizontal drop-down menu는 따로 분류하고 있다.
+
Drop menu에는 메뉴 위로 서브 메뉴가 팝업되는 drop-up menu와 아래로 서브 메뉴가 팝업되는 drop-down menu가 있다. 그 중 drop-down menu는 pull-down menu라고도 부르며, 선택된 메뉴 항목 바로 옆에 하위 메뉴를 띄워주는 horizontal drop-down menu는 구분하였다.
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
Line 8: Line 8:
 
=== Examples : Android_Evernote ===
 
=== Examples : Android_Evernote ===
 
{{#Widget:Vimeo|id=96420807|width=300|height=541}}
 
{{#Widget:Vimeo|id=96420807|width=300|height=541}}
 
  
 
----
 
----

Revision as of 14:34, 18 July 2014

Drop menu는 메뉴를 선택하면 서브 메뉴가 펼쳐지거나 팝업 형식으로 제공되는 인터랙션 패턴이다. 메뉴의 제목이 표시되어 있는 곳을 tap하여 열며, 화면 이동 없이 서브 메뉴를 보여준다.

Drop menu에는 메뉴 위로 서브 메뉴가 팝업되는 drop-up menu와 아래로 서브 메뉴가 팝업되는 drop-down menu가 있다. 그 중 drop-down menu는 pull-down menu라고도 부르며, 선택된 메뉴 항목 바로 옆에 하위 메뉴를 띄워주는 horizontal drop-down menu는 구분하였다.

With this pattern, we can solve...

별도의 화면 이동 없이 메뉴와 서브 메뉴를 동시에 보여줄 수 있다.

Examples : Android_Evernote


drop-down menu

Android_Evernote

Android_NY times

Android

iOS_Google Scholar


horizontal drop-down menu

iOS_Tayasui Sketches


drop-up menu

iOS_Rookie