From Design pattern
Jump to: navigation, search
(→‎iOS_UPAD)
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
돋보기를 이용하듯 화면을 확대한다.
+
Magnifier는 화면 내에서 일부분만를 돋보기를 이용하는 것처럼 확대하여 보여주는 패턴이다. 입력작업이 섬세하거나 화면 크기의 제약으로 인해 혹은 전체 이미지와 세부사항을 한 화면 내에서 보고자 할 때 나타난다.
  
−
==Example==
+
특정 위치를 spread하거나 hold하는 형태로 구현할 수 있다. 돋보기를 통해 화면의 일부분을 크게 볼 수 있으며, 확대된 부분에 작업을 할 수 있는 경우도 있다.
−
=== 384번 사례 ===
+
 
 +
=== With this pattern, we can solve... ===
 +
현실의 돋보기를 응용하여 만들어진 패턴으로, 스마트폰 혹은 태블릿에서 사용자가 식별하기 어려운 작은 글씨나 이미지의 특정부분을 확대하여 보거나, 커서를 특정한 위치로 정확하기 이동, 또는 특정한 범위를 선택해야할 필요가 있을 경우 해당 부분을 확대하여 보여주기 위하여 사용된다.
 +
 
 +
* Magnifier가 기본 기능이 아니라 선택적으로 필요할 때 나타나는 구조라면, 이런 기능이 있음을 사전에 안내하거나 화면 내에서 기능을 불러오는 방법을 알려주어야 한다.
 +
* 일반적으로 Magnifier로 확대된 부분은 해상도가 좋아질 수는 있으나, 확대를 적용하지 않았을 때 나타나지 않았던 새로운 정보를 보여주거나 하지는 않는다.
 +
* 화면 사이즈 전체를 확대하여 보는 경우는 [[Screen zoom in/out]]으로 Magnifier에는 해당하지 않는다.
 +
* 화면의 일부분이 확대되는 것이 아니라, 개체 사이즈가 변화하여 저장되는 경우는 [[Object zoom in/out]]에 해당한다.
 +
 
 +
=== Example: iOS_Paper by FiftyThree ===
 +
[[File:Magnifier.jpeg]]
 +
 
 +
----
 +
 
 +
=== iOS_Paper by FiftyThree ===
 
* 좁은 면적을 섬세하게 스케치하고 싶을 때 해당 위치에서 한 손으로 두 손가락을 벌린 상태에서(spread) 다른 손으로 스케치 작업을 한다.
 
* 좁은 면적을 섬세하게 스케치하고 싶을 때 해당 위치에서 한 손으로 두 손가락을 벌린 상태에서(spread) 다른 손으로 스케치 작업을 한다.
−
<videoflash type="vimeo">93373878|533|395</videoflash>
+
{{#Widget:Vimeo|id=93373878|width=533|height=395}}
 +
 
 +
=== iOS_UPAD ===
 +
{{#Widget:Vimeo|id=93374931|width=395|height=527}}
 +
 
 +
=== iOS_Genius Scan ===
 +
{{#Widget:Vimeo|id=103218182|width=395|height=524}}
 +
 
 +
=== Tokyo Sky Tree ===
 +
{{#Widget:Youtube|id=cwMz4FrA8Ng|width=665|height=374}}
  
−
=== 500번 사례 ===
+
=== iOS_Message ===
−
* 특정 기능을 tap하여 활성화시킴으로 페이지의 일부를 확대하여 더 정교하게 작업할 수 있다.
+
{{#Widget:Vimeo|id=100276310|width=300|height=533}}
−
<videoflash type="vimeo">93374931|300|405</videoflash>
+
  
−
=== 245번 사례 ===
+
=== iOS_Memo ===
−
* 터치테이블의 화면을 tap 하면 tap한 위치의 화면이 확대된다.
+
{{#Widget:Vimeo|id=100276302|width=300|height=533}}
−
<videoflash>cwMz4FrA8Ng|665|374</videoflash>
+
* #01:04-#01:19
 +
{{#Widget:Youtube|id=s-kbEUG-NRU|width=665|height=374}}
  
 
[[Category:Edit screen view]]
 
[[Category:Edit screen view]]

Latest revision as of 18:05, 12 August 2014

Magnifier는 화면 내에서 일부분만를 돋보기를 이용하는 것처럼 확대하여 보여주는 패턴이다. 입력작업이 섬세하거나 화면 크기의 제약으로 인해 혹은 전체 이미지와 세부사항을 한 화면 내에서 보고자 할 때 나타난다.

특정 위치를 spread하거나 hold하는 형태로 구현할 수 있다. 돋보기를 통해 화면의 일부분을 크게 볼 수 있으며, 확대된 부분에 작업을 할 수 있는 경우도 있다.

With this pattern, we can solve...

현실의 돋보기를 응용하여 만들어진 패턴으로, 스마트폰 혹은 태블릿에서 사용자가 식별하기 어려운 작은 글씨나 이미지의 특정부분을 확대하여 보거나, 커서를 특정한 위치로 정확하기 이동, 또는 특정한 범위를 선택해야할 필요가 있을 경우 해당 부분을 확대하여 보여주기 위하여 사용된다.

  • Magnifier가 기본 기능이 아니라 선택적으로 필요할 때 나타나는 구조라면, 이런 기능이 있음을 사전에 안내하거나 화면 내에서 기능을 불러오는 방법을 알려주어야 한다.
  • 일반적으로 Magnifier로 확대된 부분은 해상도가 좋아질 수는 있으나, 확대를 적용하지 않았을 때 나타나지 않았던 새로운 정보를 보여주거나 하지는 않는다.
  • 화면 사이즈 전체를 확대하여 보는 경우는 Screen zoom in/out으로 Magnifier에는 해당하지 않는다.
  • 화면의 일부분이 확대되는 것이 아니라, 개체 사이즈가 변화하여 저장되는 경우는 Object zoom in/out에 해당한다.

Example: iOS_Paper by FiftyThree

Magnifier.jpeg

iOS_Paper by FiftyThree

  • 좁은 면적을 섬세하게 스케치하고 싶을 때 해당 위치에서 한 손으로 두 손가락을 벌린 상태에서(spread) 다른 손으로 스케치 작업을 한다.

iOS_UPAD

iOS_Genius Scan

Tokyo Sky Tree

""

iOS_Message

iOS_Memo

  • #01:04-#01:19

""

Retrieved from "http://www.ixpatterns.com/index.php?title=Magnifier&oldid=109637"