|
|
| Line 1: |
Line 1: |
| − | Bounce back은 화면을 swipe하거나 drag 혹은 scroll 하였을 때, 화면의 마지막 페이지에 도달하였을 때 벽면에 부딛히는 듯한 효과를 보여주는 스크린 인터랙션 패턴이다. Bounce back 이라는 명칭은 공을 튕길 때 공이 바닥에서 튀어오르는 것과 같이 화면의 끝에 도달했을 때 페이지가 튕겨나자겨 나가는 것에서 유래되어 Bounce back이라고 불린다. | + | Bounce back은 화면을 상하좌우로 이동하면서 다음 컨텐츠를 보는경우, 화면의 마지막 페이지에 도달하였을 때 벽면에 부딛히는 듯한 효과를 보여주는 스크린 인터랙션 패턴이다. Bounce back 이라는 명칭은 공을 튕길 때 공이 바닥에서 튀어오르는 것과 같이 화면의 끝에 도달했을 때 페이지가 튕겨나자겨 나가는 것에서 유래되어 Bounce back이라고 불린다. |
| | | | |
| | === With this pattern, we can solve... === | | === With this pattern, we can solve... === |
Latest revision as of 12:58, 21 July 2014
Bounce back은 화면을 상하좌우로 이동하면서 다음 컨텐츠를 보는경우, 화면의 마지막 페이지에 도달하였을 때 벽면에 부딛히는 듯한 효과를 보여주는 스크린 인터랙션 패턴이다. Bounce back 이라는 명칭은 공을 튕길 때 공이 바닥에서 튀어오르는 것과 같이 화면의 끝에 도달했을 때 페이지가 튕겨나자겨 나가는 것에서 유래되어 Bounce back이라고 불린다.
With this pattern, we can solve...
- End of page lighting 도 마지막 페이지를 보여주는 같은 기능을 갖고있지만, End of page lighting의 경우 화면의 끝 부분에 화면과 다른 색상으로 표시하는 효과를 가지고 있다.
- 화면의 마지막 페이지에 대한 안내가 없을 경우, 페이지가 더 이어지는지 혹은 그냥 빈 화면인지 사용자가 헷갈릴 수 있기 때문에 화면이 튕기는 듯한 효과를 통해 사용자에게 마지막 페이지임을 인식시키기 위해 사용된다.
Example: iOS_Learnist
iOS_Duolingo
- 더이상 다음페이지가 없음을 Flick을 통해 보여준다.
iOS_Thunderspace2
- 스크롤의 맨 끝에서 swipe하면 움직이는 대신 화면이 길게 늘어나 끝임을 알려준다.
Android_LG home
iOS_Gogobot