From Design pattern
Jump to: navigation, search
Line 32: Line 32:
 
<videoflash type="vimeo">93373411|300|405</videoflash>
 
<videoflash type="vimeo">93373411|300|405</videoflash>
  
 +
=== 580번 사례 ===
 +
* 신문에서 다음면을 보기위해 전/후버튼을 눌러 페이지를 이동한다.
 +
<videoflash type="vimeo">93939181|533|395</videoflash>
 +
 +
=== 226번 사례 ===
 +
* 손가락을 오른쪽 또는 왼쪽으로 돌리는 제스처를 통해 화면을 좌/우로 이동한다
 +
<videoflash type="vimeo">93326754|665|374</videoflash>
 +
 +
=== 227번 사례 ===
 +
* 사례 설명 입력 예정
 +
<videoflash type="vimeo">93326755|665|374</videoflash>
 +
 +
=== 227_2번 사례 ===
 +
* 사례 설명 입력 예정
 +
<videoflash type="vimeo">93326757|665|374</videoflash>
 +
 +
=== 297번 사례 ===
 +
* 손 날을 오른쪽 또는 왼쪽으로 흔드는 행동을 통해 메뉴 화면을 좌우로 이동한다.
 +
<videoflash type="vimeo">94915198|665|374</videoflash>
 +
 +
=== 430번 사례 ===
 +
* 립모션에서 손바닥을 화면 방향으로 향하게 한 채로 상/하로 움직여 다음 화면으로 이동한다.
 +
<videoflash type="vimeo">93327398|665|374</videoflash>
 +
 +
=== 25번 사례 ===
 +
* 좌우로 drag를 해서 화면을 움직여 다음 화면으로 이동한다.
 +
<videoflash type="vimeo">93045872|300|405</videoflash>
 +
 +
 +
=== 178번 사례 ===
 +
* 사례 설명 입력 예정
 +
촬영불가자료_이미지로대체
 +
 +
=== 448번 사례 ===
 +
* 좌우로 swipe하여 이전,다음 페이지로 이동한다.
 +
<videoflash type="vimeo">93045296|300|405</videoflash>
 +
 +
=== 474번 사례 ===
 +
* 화면에서 좌/우로 drag하여 다음 메뉴 화면으로 이동한다.
 +
<videoflash type="vimeo">93361938|300|528</videoflash>
 +
 +
=== 348번 사례 ===
 +
* 좌우로 swipe하여 이전,다음 이미지로 이동한다.
 +
<videoflash type="vimeo">93368387|533|395</videoflash>
 +
 +
=== 430번 사례 ===
 +
* 립모션에서 손바닥을 화면 방향으로 향하게 한 채로 상/하로 움직여 다음 화면으로 이동한다.
 +
<videoflash type="vimeo">93327398|665|374</videoflash>
 +
 +
=== 82번 사례 ===
 +
* 손의 상/하 좌/우 움직임을 소리의 움직임으로 인식하여 스피커로 인지된 소리를 통해 스크롤 이동한다.
 +
<videoflash>rFM59B3tYI4|665|374</videoflash>
 +
 +
=== 29번 사례 ===
 +
* 위아래로 화면을 swipe하여 세로로 전후 페이지로 이동한다.
 +
<videoflash type="vimeo">93367651|300|405</videoflash>
 +
 +
=== 219번 사례 ===
 +
* 기사들이 나열된 목록에서 현재 기사의 대표이미지가 크게 보이며, 하나씩 넘길 때 다음 기사의 대표이미지가 커지면서 넘어간다.
 +
<videoflash type="vimeo">93367656|300|405</videoflash>
 +
 +
=== 443번 사례 ===
 +
* 위아래로 swipe해서 이전,다음 기사로 이동한다.
 +
<videoflash type="vimeo">93045292|300|405</videoflash>
 +
 +
=== 482번 사례 ===
 +
* 상단의 시청중인 영상은 고정 되어 있고, 아래의 화면을 상/하로 drag하여 화면을 이동시킨다.
 +
<videoflash type="vimeo">93362816|300|528</videoflash>
 +
 +
=== 210번 사례 ===
 +
* 터치휠이 위치한 부분을 시계반대방향 혹은 시계방향으로 drag하여 현재 화면 내에서 다음 화면 리스트 중 활성영역을 위아래로 이동하여 선택한다.
 +
<videoflash type="vimeo">93372587|300|405</videoflash>
 +
 +
=== 206번 사례 ===
 +
* 멀티태스킹 화면에서 vertical carousel 이 서류함을 넘겨보듯 3D로 보여진다.
 +
<videoflash type="vimeo">93550682|300|533</videoflash>
 +
 +
=== 405번 사례 ===
 +
* 좌우로 swipe 하면 카드를 넘기듯 화면이 전환된다.
 +
* 아래는 시계의 스타일을 변경하는 화면 전환에 적용된 사례이다.
 +
<videoflash type="vimeo">93552411|300|533</videoflash>
 +
 +
=== 355번 사례 ===
 +
* 좌우로 drag하면 큐브가 돌아가듯 다음 화면으로 전환된다.
 +
<videoflash type="vimeo">93044941|300|405</videoflash>
 +
 +
=== 407번 사례 ===
 +
* double tab 을 하면 큐브가 돌아가듯 다른 메뉴의 화면을 보여준다.
 +
<videoflash type="vimeo">93552800|300|533</videoflash>
 +
 +
=== 410번 사례 ===
 +
* tap 을 통해 메뉴를 선택하면 큐브가 돌아가듯 화면이 전환된다.
 +
<videoflash type="vimeo">93552802|300|533</videoflash>
 +
 +
=== 213번 사례 ===
 +
* drag하여 책장을 넘기듯이 이전이나 다음 페이지로 이동한다.
 +
<videoflash type="vimeo">93372596|300|405</videoflash>
 +
 +
=== 251번 사례 ===
 +
* 화면에 표시된 달력을 좌/우로 swipe 하면 종이를 넘기듯 이동한다.
 +
<videoflash type="vimeo">93552097|300|533</videoflash>
 +
 +
=== 318번 사례 ===
 +
* 사례 설명 입력 예정
 +
<videoflash>Hi6uzQ3Iv44|665|374</videoflash>
 +
 +
=== 350번 사례 ===
 +
* 문제를 푸는 화면에서, 전구모양의 버튼을 tap하면 페이지가 넘어가듯이 뒤의 해답 페이지를 보여준다.
 +
촬영불가자료_이미지로대체
 +
 +
=== 453번 사례 455번 사례===
 +
* 터치테이블에서 화면을 drag하면 책장을 넘기듯 이전/다음항목으로 이동한다.
 +
<videoflash type="vimeo">42073036|665|374</videoflash>
 +
 +
=== 475번 사례 ===
 +
* drag하여 책장을 넘기듯이 이전이나 다음 페이지로 이동한다
 +
<videoflash type="vimeo">93362186|300|528</videoflash>
 +
 +
=== 628번 사례 ===
 +
* 사례 설명 입력 예정
 +
<videoflash type="vimeo">94814136|300|528</videoflash>
 +
 +
=== 352번 사례 ===
 +
* 화면 오른쪽에 일정한 간격으로 점이 나열되어 스크롤바의 역할을 하며, 한 점을 tap하면 그에 해당하는 항목 위치로 이동한다.
 +
<videoflash type="vimeo">93368390|300|405</videoflash>
 +
 +
=== 393번 사례 ===
 +
* 대형 터치스크린에서 세로로 된 스크롤바를 스크롤하여 아래에 잘려진 정보를 더 본다.
 +
촬영불가자료_이미지로대체
 +
 +
=== 610번 사례 ===
 +
* 사례 설명 입력 예정
 +
<videoflash type="vimeo">94622272|300|528</videoflash>
 +
 +
=== 631번 사례 ===
 +
* 음악이 모여 있는 화면에서 스크롤바의 scroll thumb을 움직여 음악 목록의 내용을 훑어본다.
 +
<videoflash type="vimeo">94814137|300|528</videoflash>
  
 
[[Category:More navigation]]
 
[[Category:More navigation]]

Revision as of 00:23, 17 May 2014


Examples

480번 사례

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

213번 사례

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

448번 사례

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

192번 사례

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

192_2번 사례

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

395번 사례

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

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

263번 사례

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

580번 사례

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

226번 사례

  • 손가락을 오른쪽 또는 왼쪽으로 돌리는 제스처를 통해 화면을 좌/우로 이동한다

227번 사례

  • 사례 설명 입력 예정

227_2번 사례

  • 사례 설명 입력 예정

297번 사례

  • 손 날을 오른쪽 또는 왼쪽으로 흔드는 행동을 통해 메뉴 화면을 좌우로 이동한다.

430번 사례

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

25번 사례

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

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을 움직여 음악 목록의 내용을 훑어본다.
Retrieved from "http://www.ixpatterns.com/index.php?title=Page&oldid=99036"