From Design pattern
Jump to: navigation, search
Line 2: Line 2:
  
  
== Examples ==
+
== Examples A (scroll bar) ==
 +
 
 
=== 451번 사례 ===
 
=== 451번 사례 ===
 
* 좌우로 스크롤을 움직이면 그 부분에 대한 간략한 정보가 보인다.  
 
* 좌우로 스크롤을 움직이면 그 부분에 대한 간략한 정보가 보인다.  
Line 24: Line 25:
 
* 영상의 트랙의 위치를 고려하여 원하는 장면을 tap하거나 drag하여 확인한다.
 
* 영상의 트랙의 위치를 고려하여 원하는 장면을 tap하거나 drag하여 확인한다.
 
<videoflash type="vimeo">93373411|300|405</videoflash>
 
<videoflash type="vimeo">93373411|300|405</videoflash>
 +
 +
== Examples b (dot) ==
  
 
=== 213번 사례 ===
 
=== 213번 사례 ===

Revision as of 21:52, 16 May 2014

수평으로 된 스크롤바를 움직여 같은 레벨의 정보를 살펴보다


Examples A (scroll bar)

451번 사례

  • 좌우로 스크롤을 움직이면 그 부분에 대한 간략한 정보가 보인다.
  • 스크롤을 놓은 후에 그 지점으로 화면이 빠르게 이동한다.

192번 사례

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

192_2번 사례

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

395번 사례

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

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

263번 사례

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

Examples b (dot)

213번 사례

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

448번 사례

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

226번 사례

  • 손가락 제스처를 통해 가로로 배치된 기사들을 살펴본다.

227번 사례

  • 손날 제스처를 통해 가로로 배치된 기사들을 살펴본다.

227_2번 사례

  • 사례 설명 입력 예정

351번 사례

  • 하단의 페이지 색인을 고려하여 좌우로 자막을 움직여 자막 종류를 선택한다.