Difference between revisions of "Dog-ear button"
Navigation menu
From Design pattern
(Created page with "Dog-ear button은 ===With this pattern, we can solve...=== * * Etc") |
|||
| (11 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| − | Dog-ear button은 | + | Dog-ear button은 화면 모서리가 접힌 부분을 버튼으로 설정한 인터랙션 패턴이다. Dog-ear button이라는 명칭은 마치 강아지 귀가 접혀있는 것 같이 생겨서 붙여진 이름이다. |
| − | + | ||
===With this pattern, we can solve...=== | ===With this pattern, we can solve...=== | ||
| + | 화면 구석에 중요도가 높은 버튼을 배치하고자 할때 사용되고, Dog-ear button 부분을 tap 하면 버튼에 할당된 작업이 실행된다. | ||
| + | |||
| + | * 접혀진 부분이 다른 화면구성과 대비될 수 있도록, 적절한 형태로 디자인되어야 한다. | ||
| + | |||
| + | ===Example === | ||
| + | [[File: Dog-ear_button.png|665.px]] | ||
| + | |||
| + | ---- | ||
| + | === iOS_Do! === | ||
| + | * 오른쪽 하단의 Dog-ear button을 이용하여 메뉴와 작성페이지를 왔다갔다 할 수 있다. | ||
| + | {{#Widget:Vimeo|id=100292728|width=300|height=533}} | ||
| + | |||
| + | === Sony PS Vita === | ||
| + | * #01:24-#01:30 | ||
| + | {{#Widget:Youtube|id=QkcKA7OLiHI|width=665|height=374}} | ||
| − | * | + | * #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: | + | [[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
iOS_Do!
- 오른쪽 하단의 Dog-ear button을 이용하여 메뉴와 작성페이지를 왔다갔다 할 수 있다.
Sony PS Vita
- #01:24-#01:30
""
- #00:01-#00:04
""
- #03:57-#04:01
""