From Design pattern
Jump to: navigation, search
(Touch)
Line 36: Line 36:
  
 
----
 
----
 +
== 화면 일부분 swipe paging ==
 +
* 화면 전체가 아닌 한 부분만 swipe paging 방식.
 +
* [[Swipe paging]]의 소분류로 갈지 별도의 패턴으로 볼것인지
 +
 +
=== iOS_Jet Setter ===
 +
{{#Widget:Vimeo|id=95771735|width=300|height=533}}
 +
 +
=== iOS_Made Square ===
 +
{{#Widget:Vimeo|id=95771218|width=300|height=533}}
 +
 +
=== iOS_Amazon ===
 +
{{#Widget:Vimeo|id=95762137|width=300|height=533}}
 +
 +
=== iOS_Learnist ===
 +
{{#Widget:Vimeo|id=95779184|width=300|height=533}}
 +
 +
=== iOS_My Fitness Pal ===
 +
{{#Widget:Vimeo|id=95776651|width=300|height=533}}
 +
 +
=== iOS_airbnb ===
 +
* 다양한 객실에 대한 정보를 좌우 스크롤로 넘겨 본다.
 +
{{#Widget:Vimeo|id=94906265|width=300|height=500}}
 +
----
 +
 
== Gesture ==
 
== Gesture ==
 
===motion ring===
 
===motion ring===

Revision as of 11:37, 21 July 2014

Swipe paging은 동일 레벨상에서 좌우로 swipe하여 페이지를 이동하는 인터랙션 패턴이다. 주로 최상위 메뉴 혹은 상세 화면에서 이동하는 방식이며, 현재 페이지를 표시하기 위해 Page indicators/Pagination를 함께 사용하기도 한다.

With this pattern, we can solve...


Touch

iOS_911 Memorial Museum

iOS_Paper

iOS_Huff Post

iOS_Nike Plus Move

iOS_USA Today

iOS_CNN

iOS_Yahoo

iOS_Jet Setter

Android


화면 일부분 swipe paging

  • 화면 전체가 아닌 한 부분만 swipe paging 방식.
  • Swipe paging의 소분류로 갈지 별도의 패턴으로 볼것인지

iOS_Jet Setter

iOS_Made Square

iOS_Amazon

iOS_Learnist

iOS_My Fitness Pal

iOS_airbnb

  • 다양한 객실에 대한 정보를 좌우 스크롤로 넘겨 본다.


Gesture

motion ring

""

Samsung Smart TV

DA in MWC2011_ Science Today

  • #01:35-01:45

""