Difference between revisions of "Zipper"
Navigation menu
From Design pattern
| (4 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | Zippper는 지퍼를 내려 다른 컨텐츠를 불러오거나 지퍼를 올려 불러온 컨텐츠를 닫는 패턴이다. Zipper는 레이어를 사용하여 직관적으로 컨텐츠를 열고 닫는 효과를 | + | Zippper는 지퍼를 내려 다른 컨텐츠를 불러오거나 지퍼를 올려 불러온 컨텐츠를 닫는 패턴이다. Zipper는 레이어를 사용하여 직관적으로 컨텐츠를 열고 닫는 효과를 보여주며 하위 항목으로 이동하기 위한 방식으로 주로 사용된다. |
=== With this pattern, we can solve... === | === With this pattern, we can solve... === | ||
| Line 6: | Line 6: | ||
* 계산기의 히스토리를 보기위해 지퍼를 내리면 히스토리를 확인할 수 있고 지퍼를 올리면 히스토리가 닫히며 계산기로 돌아간다. | * 계산기의 히스토리를 보기위해 지퍼를 내리면 히스토리를 확인할 수 있고 지퍼를 올리면 히스토리가 닫히며 계산기로 돌아간다. | ||
| − | === Example: | + | === Example === |
| + | [[File:Zipper.jpg|310px]] | ||
| + | ---- | ||
| + | === iOS_Lumino === | ||
* #00:31-#00:43 | * #00:31-#00:43 | ||
{{#Widget:Vimeo|id=61411580|width=665||height=374}} | {{#Widget:Vimeo|id=61411580|width=665||height=374}} | ||
Latest revision as of 14:42, 19 July 2014
Zippper는 지퍼를 내려 다른 컨텐츠를 불러오거나 지퍼를 올려 불러온 컨텐츠를 닫는 패턴이다. Zipper는 레이어를 사용하여 직관적으로 컨텐츠를 열고 닫는 효과를 보여주며 하위 항목으로 이동하기 위한 방식으로 주로 사용된다.
With this pattern, we can solve...
히스토리 등의 세부사항을 확인하고자 할 때, 직관적인 메타포를 사용하여 계층관계를 보여줄 수 있다.
- 계산기의 히스토리를 보기위해 지퍼를 내리면 히스토리를 확인할 수 있고 지퍼를 올리면 히스토리가 닫히며 계산기로 돌아간다.
Example
iOS_Lumino
- #00:31-#00:43