Difference between revisions of "Light box"

Latest revision as of 11:23, 19 July 2014

Light Box는 현재 활용되고 있는 컨텐츠 위로 새로운 컨텐츠가 보여질 때 사용되는 패턴이다. 새로운 레이어가 생성되어 이전 레이어가 흐리게 보이는 효과를 준다.

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

@@ Line 1: / Line 1: @@
-Pop up dialog는 사용자가 선택한 기능의 진행 상황에 대한 주의와 확인을 요하기 위해 팝업창을 통해 내용을 알려주고 확인하는 패턴이다.
+Light Box는 현재 활용되고 있는 컨텐츠 위로 새로운 컨텐츠가 보여질 때 사용되는 패턴이다. 새로운 레이어가 생성되어 이전 레이어가 흐리게 보이는 효과를 준다.
-Pop up dialog는 Light box라고 불리는 GUI 효과를 동반한다.
 === With this pattern, we can solve... ===
+이전 컨텐츠를 흐리게 처리하여 최신의 컨텐츠를 강조하고 주목하도록 할 수 있다. 최신의 컨텐츠를 명확하게 보여주면서 이전 컨텐츠의 계락적인 내용을 짐작하도록 할 수 있다.
 * Light box는 팝업창이 뜰 때 백그라운드 화면이 어두워지거나 밝아지면서 컨트롤이 불가능해지는 패턴이다.
 * 사용자에게 Light box를 통해 시각적으로 대화 상자에 집중해야 함을 알려준다.
 * Light box는 일종의 Modal Dialog(Modal Window)로, 일반적인 팝업과는 달리 박스를 해제하지 않고는 배경의 요소와 인터랙션할 수 없다.
-===Example: iOS_Path===
+=== Example ===
+[[File:LightBox.PNG|310px]]
+----
+=== iOS_Path===
 {{#Widget:Vimeo|id=96677646|width=300|height=533}}