From Design pattern
Jump to: navigation, search
Line 8: Line 8:
  
 
== turn page ==
 
== turn page ==
 +
 +
=== 25번 사례 ===
 +
* 좌우로 drag를 해서 화면을 움직여 다음 화면으로 이동한다.
 +
<videoflash type="vimeo">93045872|300|405</videoflash>
  
 
=== 580번 사례 ===
 
=== 580번 사례 ===
Line 46: Line 50:
 
<videoflash type="vimeo">93327398|665|374</videoflash>
 
<videoflash type="vimeo">93327398|665|374</videoflash>
  
=== 25번 사례 ===
+
 
* 좌우로 drag를 해서 화면을 움직여 다음 화면으로 이동한다.
+
<videoflash type="vimeo">93045872|300|405</videoflash>
+
  
  

Revision as of 01:14, 17 May 2014


Examples

480번 사례

  • 겹쳐저서 보이지 않는 여러개의 창을 위에서 아래로 drag하여 가려진 창의 정보를 본다

turn page

25번 사례

  • 좌우로 drag를 해서 화면을 움직여 다음 화면으로 이동한다.

580번 사례

  • 신문에서 다음면을 보기위해 전/후버튼을 눌러 페이지를 이동한다.

213번 사례

  • 하단의 페이지 색인의 위치를 고려하여 좌우 페이지로 이동한다.

448번 사례

  • 하단의 페이지 색인의 위치를 고려하여 좌우 페이지로 이동한다.

like movie

192번 사례

  • 버스트샷으로 촬영된 사진을 영상처럼 붙여 가로로 된 스크롤바를 스크롤 하여 영상처럼 붙여 확인한다.
  • 10~27

192_2번 사례

  • 사례 설명 입력 예정 1:13~1:40

395번 사례

  • 대형 터치스크린에서 가로로 된 스크롤바를 스크롤하여 재생되는 플레이화면을 이동한다.

촬영불가자료_이미지로대체

263번 사례

  • 영상의 트랙의 위치를 고려하여 원하는 장면을 tap하거나 drag하여 확인한다.

430번 사례

  • 립모션에서 손바닥을 화면 방향으로 향하게 한 채로 상/하로 움직여 다음 화면으로 이동한다.

178번 사례

  • 사례 설명 입력 예정

촬영불가자료_이미지로대체

448번 사례

  • 좌우로 swipe하여 이전,다음 페이지로 이동한다.

474번 사례

  • 화면에서 좌/우로 drag하여 다음 메뉴 화면으로 이동한다.

348번 사례

  • 좌우로 swipe하여 이전,다음 이미지로 이동한다.

430번 사례

  • 립모션에서 손바닥을 화면 방향으로 향하게 한 채로 상/하로 움직여 다음 화면으로 이동한다.

82번 사례

  • 손의 상/하 좌/우 움직임을 소리의 움직임으로 인식하여 스피커로 인지된 소리를 통해 스크롤 이동한다.

29번 사례

  • 위아래로 화면을 swipe하여 세로로 전후 페이지로 이동한다.

219번 사례

  • 기사들이 나열된 목록에서 현재 기사의 대표이미지가 크게 보이며, 하나씩 넘길 때 다음 기사의 대표이미지가 커지면서 넘어간다.

443번 사례

  • 위아래로 swipe해서 이전,다음 기사로 이동한다.

482번 사례

  • 상단의 시청중인 영상은 고정 되어 있고, 아래의 화면을 상/하로 drag하여 화면을 이동시킨다.

210번 사례

  • 터치휠이 위치한 부분을 시계반대방향 혹은 시계방향으로 drag하여 현재 화면 내에서 다음 화면 리스트 중 활성영역을 위아래로 이동하여 선택한다.

206번 사례

  • 멀티태스킹 화면에서 vertical carousel 이 서류함을 넘겨보듯 3D로 보여진다.

405번 사례

  • 좌우로 swipe 하면 카드를 넘기듯 화면이 전환된다.
  • 아래는 시계의 스타일을 변경하는 화면 전환에 적용된 사례이다.

355번 사례

  • 좌우로 drag하면 큐브가 돌아가듯 다음 화면으로 전환된다.

407번 사례

  • double tab 을 하면 큐브가 돌아가듯 다른 메뉴의 화면을 보여준다.

410번 사례

  • tap 을 통해 메뉴를 선택하면 큐브가 돌아가듯 화면이 전환된다.

213번 사례

  • drag하여 책장을 넘기듯이 이전이나 다음 페이지로 이동한다.

251번 사례

  • 화면에 표시된 달력을 좌/우로 swipe 하면 종이를 넘기듯 이동한다.

318번 사례

  • 사례 설명 입력 예정

350번 사례

  • 문제를 푸는 화면에서, 전구모양의 버튼을 tap하면 페이지가 넘어가듯이 뒤의 해답 페이지를 보여준다.

촬영불가자료_이미지로대체

453번 사례 455번 사례

  • 터치테이블에서 화면을 drag하면 책장을 넘기듯 이전/다음항목으로 이동한다.

475번 사례

  • drag하여 책장을 넘기듯이 이전이나 다음 페이지로 이동한다

628번 사례

  • 사례 설명 입력 예정

352번 사례

  • 화면 오른쪽에 일정한 간격으로 점이 나열되어 스크롤바의 역할을 하며, 한 점을 tap하면 그에 해당하는 항목 위치로 이동한다.

393번 사례

  • 대형 터치스크린에서 세로로 된 스크롤바를 스크롤하여 아래에 잘려진 정보를 더 본다.

촬영불가자료_이미지로대체

610번 사례

  • 사례 설명 입력 예정

631번 사례

  • 음악이 모여 있는 화면에서 스크롤바의 scroll thumb을 움직여 음악 목록의 내용을 훑어본다.