From Design pattern
Jump to: navigation, search
 
(2 intermediate revisions by 2 users not shown)
Line 11: Line 11:
 
----
 
----
 
=== iOS_Do! ===
 
=== iOS_Do! ===
 +
* 오른쪽 하단의 Dog-ear button을 이용하여 메뉴와 작성페이지를 왔다갔다 할 수 있다.
 
{{#Widget:Vimeo|id=100292728|width=300|height=533}}
 
{{#Widget:Vimeo|id=100292728|width=300|height=533}}
  
 +
=== Sony PS Vita ===
 +
* #01:24-#01:30
 +
{{#Widget:Youtube|id=QkcKA7OLiHI|width=665|height=374}}
  
[[Category:Move in same level]]
+
* #00:01-#00:04
 +
{{#Widget:Youtube|id=BJzfOUetkkU|width=665|height=374}}
 +
 
 +
* #03:57-#04:01
 +
{{#Widget:Youtube|id=C4noJnIW6wc|width=665|height=374}}
 +
 
 +
 
 +
[[Category:Metaphoric interaction]]

Latest revision as of 10:30, 19 July 2014

Dog-ear button은 화면 모서리가 접힌 부분을 버튼으로 설정한 인터랙션 패턴이다. Dog-ear button이라는 명칭은 마치 강아지 귀가 접혀있는 것 같이 생겨서 붙여진 이름이다.

With this pattern, we can solve...

화면 구석에 중요도가 높은 버튼을 배치하고자 할때 사용되고, Dog-ear button 부분을 tap 하면 버튼에 할당된 작업이 실행된다.

  • 접혀진 부분이 다른 화면구성과 대비될 수 있도록, 적절한 형태로 디자인되어야 한다.

Example

665.px


iOS_Do!

  • 오른쪽 하단의 Dog-ear button을 이용하여 메뉴와 작성페이지를 왔다갔다 할 수 있다.

Sony PS Vita

  • #01:24-#01:30

""

  • #00:01-#00:04

""

  • #03:57-#04:01

""