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