From Design pattern
Jump to: navigation, search
Line 1: Line 1:
Editing bounce back은 화면을 swipe하거나 drag, scroll 하였을 때 화면의 마지막에 도달하였을 때 벽면에 부딛히며 튕기는 것을 보여주는 패턴이다.
+
Bounce back은 화면을 swipe하거나 drag 혹은 scroll 하였을 때, 화면의 마지막 페이지에 도달하였을 때 벽면에 부딛히는 듯한 효과를 보여주는 스크린 인터랙션 패턴이다. Bounce back 이라는 명칭은 공을 튕길 때 공이 바닥에서 튀어오르는 것과 같이 화면의 끝에 도달했을 때 페이지가 튕겨나자겨 나가는 것에서 유래되어 Bounce back이라고 불린다.
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
* End of page lighting 도 마지막 페이지를 보여주는 같은 기능을 갖고있지만, end of page의 경우 빛으로 마지막 화면임을 보여준다.
+
* [[End of page lighting]] 도 마지막 페이지를 보여주는 같은 기능을 갖고있지만, [[End of page lighting]]의 경우 화면의 끝 부분에 화면과 다른 색상으로 표시하는 효과를 가지고 있다.
  
 
== Example: iOS_Learnist ==
 
== Example: iOS_Learnist ==

Revision as of 14:55, 1 July 2014

Bounce back은 화면을 swipe하거나 drag 혹은 scroll 하였을 때, 화면의 마지막 페이지에 도달하였을 때 벽면에 부딛히는 듯한 효과를 보여주는 스크린 인터랙션 패턴이다. Bounce back 이라는 명칭은 공을 튕길 때 공이 바닥에서 튀어오르는 것과 같이 화면의 끝에 도달했을 때 페이지가 튕겨나자겨 나가는 것에서 유래되어 Bounce back이라고 불린다.

With this pattern, we can solve...

  • End of page lighting 도 마지막 페이지를 보여주는 같은 기능을 갖고있지만, End of page lighting의 경우 화면의 끝 부분에 화면과 다른 색상으로 표시하는 효과를 가지고 있다.

Example: iOS_Learnist


iOS_Thunderspace2

  • 스크롤의 맨 끝에서 swipe하면 움직이는 대신 화면이 길게 늘어나 끝임을 알려준다.

Android_LG home

iOS_Gogobot