From Design pattern
Jump to: navigation, search
(85번 사례)
(Junkyard Jumbotron)
 
(14 intermediate revisions by 2 users not shown)
Line 1: Line 1:
기존 화면의 틀을 벗어나 화면을 확장한다.
+
Extend screen은 연속된 컨텐츠의 표현을 하나의 스크린에 한정 짓지 않고 또 다른 스크린에 연속적으로 확장하여 표현하는 패턴이다. Mirroring과 달리 화면을 그대로 복사하지 않고 변화하여 보여준다.
  
 +
===With this pattern, we can solve...===
 +
Extend screen은 하나의 기기가 가지는 스크린의 한계를 극복할 수 있도록 기존 화면의 틀을 벗어나 화면을 확장한다.
  
== Examples ==
+
* 여러개의 스크린이 하나의 컨텐츠를 마치 더 큰 스크린에서 보는 듯  부분별로 출력하여 나타낸다.
=== Corning_A day made of glass 2 ===
+
* 작은 스크린의 컨텐츠를 큰 스크린으로 전달하여 출력하면 스크린 사이즈에 맞게 확장된 컨텐츠를 보여준다.
* 작은 화면의 틀을 벗어나 화면 밖으로 정보를 끄집어 내어 확장 시켜 본다.
+
 
#00:57-#01:17
+
=== Example ===
{{#Widget:Youtube|id=jZkHpNnXLB0|width=665||height=374}}
+
[[File:Junkyard-Jumbotron-550x335.jpg|533px]]
  
=== 94번 사례 ===
+
----
 +
=== Junkyard Jumbotron ===
 
* 하나의 큰 사이즈의 이미지를 각각의 다른 디바이스 화면으로 확장시켜 본다.
 
* 하나의 큰 사이즈의 이미지를 각각의 다른 디바이스 화면으로 확장시켜 본다.
 
{{#Widget:Youtube|id=cAUtSVSTbzU|width=665||height=374}}
 
{{#Widget:Youtube|id=cAUtSVSTbzU|width=665||height=374}}
  
 +
=== Corning_A day made of glass 2 ===
 +
* 작은 화면의 틀을 벗어나 화면 밖으로 정보를 끄집어 내어 확장 시켜 본다.
 +
* #00:57-#01:17
 +
{{#Widget:Youtube|id=jZkHpNnXLB0|width=665||height=374}}
  
=== 96번 사례 ===
+
=== Shiftable tangible data manipulation ===
 
* 여러개의 객체를 접촉시켜 입력정보를 확장시켜 보여준다.
 
* 여러개의 객체를 접촉시켜 입력정보를 확장시켜 보여준다.
 
{{#Widget:Youtube|id=ZgF2rRzTg8Q|width=665||height=374}}
 
{{#Widget:Youtube|id=ZgF2rRzTg8Q|width=665||height=374}}
  
 
+
[[Category:Beyond single screens]]
 
+
 
+
 
+
 
+
 
+
[[Category:Extend screen]]
+

Latest revision as of 10:46, 29 July 2014

Extend screen은 연속된 컨텐츠의 표현을 하나의 스크린에 한정 짓지 않고 또 다른 스크린에 연속적으로 확장하여 표현하는 패턴이다. Mirroring과 달리 화면을 그대로 복사하지 않고 변화하여 보여준다.

With this pattern, we can solve...

Extend screen은 하나의 기기가 가지는 스크린의 한계를 극복할 수 있도록 기존 화면의 틀을 벗어나 화면을 확장한다.

  • 여러개의 스크린이 하나의 컨텐츠를 마치 더 큰 스크린에서 보는 듯 부분별로 출력하여 나타낸다.
  • 작은 스크린의 컨텐츠를 큰 스크린으로 전달하여 출력하면 스크린 사이즈에 맞게 확장된 컨텐츠를 보여준다.

Example

Junkyard-Jumbotron-550x335.jpg


Junkyard Jumbotron

  • 하나의 큰 사이즈의 이미지를 각각의 다른 디바이스 화면으로 확장시켜 본다.

""

Corning_A day made of glass 2

  • 작은 화면의 틀을 벗어나 화면 밖으로 정보를 끄집어 내어 확장 시켜 본다.
  • #00:57-#01:17

""

Shiftable tangible data manipulation

  • 여러개의 객체를 접촉시켜 입력정보를 확장시켜 보여준다.

""