From Design pattern
Jump to: navigation, search
(iOS_Pinterest)
Line 9: Line 9:
 
* Spread 동작을 통해 메뉴나 주요 기능 화면이 그사이로 열리면서 들어가지고, 반대로 pinch 함으로써 그 화면을 닫고 다시 원래 화면으로 나온다.
 
* Spread 동작을 통해 메뉴나 주요 기능 화면이 그사이로 열리면서 들어가지고, 반대로 pinch 함으로써 그 화면을 닫고 다시 원래 화면으로 나온다.
 
{{#Widget:Vimeo|id=93044158|width=300|height=449}}
 
{{#Widget:Vimeo|id=93044158|width=300|height=449}}
 +
 +
=== iOS_Paper by FiftyThree ===
 +
* 현재 위치한 화면을 두개의 손가락으로 동시에 모으는 pinch 동작을 취할 경우 화면이 접히면서 줄어들어 상위화면으로 이동한다.
 +
{{#Widget:Vimeo|id=93372825|width=533|height=395}}
 +
 +
=== iOS_Pinterest ===
 +
* 한 페이지에서 화면의 상단 끝을 (핀으로 꼽힌 페이지를 빼내듯이) 아래로 내리는 drag 동작을 하면, 현재 화면이 줄어들어 여러 페이지가 나열된 상위레벨의 화면으로 이동한다.
 +
{{#Widget:Vimeo|id=93372823|width=399|height=533}}
  
 
=== iOS ===
 
=== iOS ===
Line 14: Line 22:
 
{{#Widget:Vimeo|id=93550677|width=300|height=533}}
 
{{#Widget:Vimeo|id=93550677|width=300|height=533}}
  
===Wang Theatre Touch Screen Information Kiosk ===
+
=== iOS_Multitasking ===
* #00:34-00:37
+
{{#Widget:Vimeo|id=96631870|width=665|height=374}}
{{#Widget:Vimeo|id=36790650|width=665|height=374}}
+
  
 
=== Samsung Smart TV ===
 
=== Samsung Smart TV ===
Line 22: Line 29:
 
{{#Widget:Vimeo|id=94916509|width=665|height=374}}
 
{{#Widget:Vimeo|id=94916509|width=665|height=374}}
  
=== iOS_Paper by FiftyThree ===
+
===Wang Theatre Touch Screen Information Kiosk ===
* 현재 위치한 화면을 두개의 손가락으로 동시에 모으는 pinch 동작을 취할 경우 화면이 접히면서 줄어들어 상위화면으로 이동한다.
+
* #00:34-00:37
{{#Widget:Vimeo|id=93372825|width=533|height=395}}
+
{{#Widget:Vimeo|id=36790650|width=665|height=374}}
 
+
=== iOS_Pinterest ===
+
* 한 페이지에서 화면의 상단 끝을 (핀으로 꼽힌 페이지를 빼내듯이) 아래로 내리는 drag 동작을 하면, 현재 화면이 줄어들어 여러 페이지가 나열된 상위레벨의 화면으로 이동한다.
+
{{#Widget:Vimeo|id=93372823|width=399|height=533}}
+
  
 
=== Wang Theatre Touch Screen Information Kiosk ===
 
=== Wang Theatre Touch Screen Information Kiosk ===
Line 34: Line 37:
 
* #00:21-00:23
 
* #00:21-00:23
 
{{#Widget:Vimeo|id=36790650|width=665|height=374}}
 
{{#Widget:Vimeo|id=36790650|width=665|height=374}}
 
=== iOS_Multitasking ===
 
{{#Widget:Vimeo|id=96631870|width=665|height=374}}
 
  
 
=== Windows_Microsoft ===
 
=== Windows_Microsoft ===

Revision as of 16:42, 8 July 2014

Prev and next level은 특수한 동작을 통해 한 단계 아래의 메뉴로 들어가거나 한 단계 위의 메뉴로 나올 수 있는 인터랙션 패턴이다.

With this pattern, we can solve...

Example : iOS_Solar

  • Spread 동작을 통해 메뉴나 주요 기능 화면이 그사이로 열리면서 들어가지고, 반대로 pinch 함으로써 그 화면을 닫고 다시 원래 화면으로 나온다.

iOS_Paper by FiftyThree

  • 현재 위치한 화면을 두개의 손가락으로 동시에 모으는 pinch 동작을 취할 경우 화면이 접히면서 줄어들어 상위화면으로 이동한다.

iOS_Pinterest

  • 한 페이지에서 화면의 상단 끝을 (핀으로 꼽힌 페이지를 빼내듯이) 아래로 내리는 drag 동작을 하면, 현재 화면이 줄어들어 여러 페이지가 나열된 상위레벨의 화면으로 이동한다.

iOS

  • app 그룹으로 들어가고 나오는 상황에서 zoom in zoom out 의 형태로 화면이 보여진다.

iOS_Multitasking

Samsung Smart TV

  • 손바닥을 반시계 방향으로 돌리는 제스처를 통해 이전메뉴의 화면으로 돌아간다.

Wang Theatre Touch Screen Information Kiosk

  • #00:34-00:37

Wang Theatre Touch Screen Information Kiosk

  • 대형 터치스크린에서 화면을 tap하면 숨겨져있던 상세정보를 보여준다.
  • #00:21-00:23

Windows_Microsoft

  • 왼쪽에서 오른쪽으로 화면을 swipe 후 다시 왼쪽으로 swipe하는 행동을 통해 활성화 된 모든 앱들의 섬네일이 보인다.