| (18 intermediate revisions by 5 users not shown) | |||
| Line 1: | Line 1: | ||
| − | 화면을 | + | Bounce back은 화면을 상하좌우로 이동하면서 다음 컨텐츠를 보는경우, 화면의 마지막 페이지에 도달하였을 때 벽면에 부딛히는 듯한 효과를 보여주는 스크린 인터랙션 패턴이다. Bounce back 이라는 명칭은 공을 튕길 때 공이 바닥에서 튀어오르는 것과 같이 화면의 끝에 도달했을 때 페이지가 튕겨나자겨 나가는 것에서 유래되어 Bounce back이라고 불린다. |
| − | == | + | === With this pattern, we can solve... === |
| + | * [[End of page lighting]] 도 마지막 페이지를 보여주는 같은 기능을 갖고있지만, [[End of page lighting]]의 경우 화면의 끝 부분에 화면과 다른 색상으로 표시하는 효과를 가지고 있다. | ||
| + | * 화면의 마지막 페이지에 대한 안내가 없을 경우, 페이지가 더 이어지는지 혹은 그냥 빈 화면인지 사용자가 헷갈릴 수 있기 때문에 화면이 튕기는 듯한 효과를 통해 사용자에게 마지막 페이지임을 인식시키기 위해 사용된다. | ||
| − | === | + | == Example: iOS_Learnist == |
| + | {{#Widget:Vimeo|id=95779328|width=300|height=533}} | ||
| + | |||
| + | ---- | ||
| + | === iOS_Duolingo === | ||
| + | * 더이상 다음페이지가 없음을 Flick을 통해 보여준다. | ||
| + | {{#Widget:Vimeo|id=96455710|width=300|height=450}} | ||
| + | |||
| + | === iOS_Thunderspace2 === | ||
* 스크롤의 맨 끝에서 swipe하면 움직이는 대신 화면이 길게 늘어나 끝임을 알려준다. | * 스크롤의 맨 끝에서 swipe하면 움직이는 대신 화면이 길게 늘어나 끝임을 알려준다. | ||
| − | + | {{#Widget:Vimeo|id=93044691|width=395|height=533}} | |
| − | === | + | === Android_LG home === |
| − | + | {{#Widget:Vimeo|id=94622275|width=300|height=541}} | |
| − | + | ||
| + | === iOS_Gogobot === | ||
| + | {{#Widget:Vimeo|id=95770976|width=300|height=533}} | ||
| − | [[Category: | + | [[Category:Indicate position]] |
Bounce back은 화면을 상하좌우로 이동하면서 다음 컨텐츠를 보는경우, 화면의 마지막 페이지에 도달하였을 때 벽면에 부딛히는 듯한 효과를 보여주는 스크린 인터랙션 패턴이다. Bounce back 이라는 명칭은 공을 튕길 때 공이 바닥에서 튀어오르는 것과 같이 화면의 끝에 도달했을 때 페이지가 튕겨나자겨 나가는 것에서 유래되어 Bounce back이라고 불린다.