From Design pattern
Jump to: navigation, search
(iOS_UPAD)
 
(5 intermediate revisions by one user not shown)
Line 1: Line 1:
Screen zoom by magnifier는 돋보기를 이용하듯 화면을 확대하는 패턴이다.
+
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 ===
 +
[[File:Magnifier.jpeg]]
 +
 
 
----
 
----
 +
 
=== iOS_Paper by FiftyThree ===
 
=== iOS_Paper by FiftyThree ===
 
* 좁은 면적을 섬세하게 스케치하고 싶을 때 해당 위치에서 한 손으로 두 손가락을 벌린 상태에서(spread) 다른 손으로 스케치 작업을 한다.
 
* 좁은 면적을 섬세하게 스케치하고 싶을 때 해당 위치에서 한 손으로 두 손가락을 벌린 상태에서(spread) 다른 손으로 스케치 작업을 한다.
Line 6: Line 21:
  
 
=== iOS_UPAD ===
 
=== iOS_UPAD ===
{{#Widget:Vimeo|id=93374931|width=300|height=405}}
+
{{#Widget:Vimeo|id=93374931|width=395|height=527}}
 +
 
 +
=== iOS_Genius Scan ===
 +
{{#Widget:Vimeo|id=103218182|width=395|height=524}}
  
 
=== Tokyo Sky Tree ===
 
=== Tokyo Sky Tree ===
 
{{#Widget:Youtube|id=cwMz4FrA8Ng|width=665|height=374}}
 
{{#Widget:Youtube|id=cwMz4FrA8Ng|width=665|height=374}}
  
Magnifier는 텍스트의 특정 부분을 hold하고 있으면 그 부분이 확대되어 보여지는 패턴이다. 현실의 돋보기를 응용하여 만들어진 패턴으로, 스마트폰 혹은 태블릿에서 사용자가 식별하기 어려운 작은 글씨나 이미지의 특정부분을 확대하여 보거나, 커서를 특정한 위치로 정확하기 이동, 또는 특정한 범위를 선택해야할 필요가 있을 경우 해당 부분을 확대하여 보여주기 위하여 사용된다.
+
=== iOS_Message ===
 
+
{{#Widget:Vimeo|id=100276310|width=300|height=533}}
=== With this pattern, we can solve... ===
+
스미트폰 혹은 태블릿의 경우 입력된 텍스트의 크기가 작아서 식별이 어렵거나, 수정을 위하여 특정한 부분으로 커서를 옴겨야 할 경우에 사용된다. 또한 이미지의 특정한 부분을 확대하여 보여 줄 필요가 있을 경우 사용된다.
+
 
+
=== Example : iOS_Message ===
+
{{#Widget:Vimeo|id=100276310|width=300|height=533|start=4s}}
+
 
+
----
+
  
 
=== iOS_Memo ===
 
=== iOS_Memo ===
 
{{#Widget:Vimeo|id=100276302|width=300|height=533}}
 
{{#Widget:Vimeo|id=100276302|width=300|height=533}}
 
+
*  #01:04-#01:19
=== iOS_Memo ===
+
*  #01:04-01:19
+
 
{{#Widget:Youtube|id=s-kbEUG-NRU|width=665|height=374}}
 
{{#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

""