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