From Design pattern
Jump to: navigation, search
Line 57: Line 57:
  
 
}}
 
}}
현재 시스템이 진행 상황에 대한 주의와 확인을 요하기 위해 팝업창을 통해 내용을 알려주고 확인한다.
+
Pop up dialog는 현재 시스템이 진행 상황에 대한 주의와 확인을 요하기 위해 팝업창을 통해 내용을 알려주고 확인하는 pattern이다. Pop up dialog는 통상 Light box라고 불리는 GUI 효과를 동반한다.
 +
 
 +
Light box는 팝업창이 뜰 때 백그라운드 화면이 어두워지거나 밝아지면서 컨트롤이 불가능해지는 pattern이다. 사용자는 Light box를 통해 시각적으로 대화 상자에 집중해야 함을 알 수 있다. Light box는 일종의 Modal Dialog(혹은 Modal Window)로, 일반적인 팝업과는 달리 박스를 해제하지 않고는 배경의 요소와 인터랙션할 수 없다.
 +
 
 +
----
 +
== Pop up dialog ==
 +
<div id="sun-col">
  
== Examples ==
 
 
=== 612번 사례 ===
 
=== 612번 사례 ===
 
* 어플리케이션을 휴지통에 drag하면 정말 삭제할 것인지 확인하는 팝업이 발생한다.
 
* 어플리케이션을 휴지통에 drag하면 정말 삭제할 것인지 확인하는 팝업이 발생한다.
Line 68: Line 73:
 
{{#Widget:Vimeo|id=94622273|width=300|height=528}}
 
{{#Widget:Vimeo|id=94622273|width=300|height=528}}
  
 +
===iOS_Path===
 +
{{#Widget:Vimeo|id=96677646|width=300|height=533}}
 +
 +
===iOS_Weekend Read===
 +
{{#Widget:Vimeo|id=96677736|width=300|height=533}}
 +
 +
=== Android_Etsy ===
 +
{{#Widget:Vimeo|id=96420760|width=300|height=541}}
  
 +
=== Android_Soundcloud ===
 +
{{#Widget:Vimeo|id=96421129|width=300|height=541}}
  
 +
</div>
  
 
[[category:Deliver system message]]
 
[[category:Deliver system message]]

Revision as of 17:40, 3 June 2014

Pop up dialog는 현재 시스템이 진행 상황에 대한 주의와 확인을 요하기 위해 팝업창을 통해 내용을 알려주고 확인하는 pattern이다. Pop up dialog는 통상 Light box라고 불리는 GUI 효과를 동반한다.

Light box는 팝업창이 뜰 때 백그라운드 화면이 어두워지거나 밝아지면서 컨트롤이 불가능해지는 pattern이다. 사용자는 Light box를 통해 시각적으로 대화 상자에 집중해야 함을 알 수 있다. Light box는 일종의 Modal Dialog(혹은 Modal Window)로, 일반적인 팝업과는 달리 박스를 해제하지 않고는 배경의 요소와 인터랙션할 수 없다.


Pop up dialog

612번 사례

  • 어플리케이션을 휴지통에 drag하면 정말 삭제할 것인지 확인하는 팝업이 발생한다.

611번 사례

  • 사례 설명 입력 예정

iOS_Path

iOS_Weekend Read

Android_Etsy

Android_Soundcloud