Difference between revisions of "Magnifier"
Navigation menu
From Design pattern
(→iOS_UPAD) |
|||
| (2 intermediate revisions by one user not shown) | |||
| Line 9: | Line 9: | ||
* 일반적으로 Magnifier로 확대된 부분은 해상도가 좋아질 수는 있으나, 확대를 적용하지 않았을 때 나타나지 않았던 새로운 정보를 보여주거나 하지는 않는다. | * 일반적으로 Magnifier로 확대된 부분은 해상도가 좋아질 수는 있으나, 확대를 적용하지 않았을 때 나타나지 않았던 새로운 정보를 보여주거나 하지는 않는다. | ||
* 화면 사이즈 전체를 확대하여 보는 경우는 [[Screen zoom in/out]]으로 Magnifier에는 해당하지 않는다. | * 화면 사이즈 전체를 확대하여 보는 경우는 [[Screen zoom in/out]]으로 Magnifier에는 해당하지 않는다. | ||
| − | * 화면의 일부분이 확대되는 것이 아니라, 개체 사이즈가 변화하여 저장되는 경우는 [Object zoom in/out]]에 해당한다. | + | * 화면의 일부분이 확대되는 것이 아니라, 개체 사이즈가 변화하여 저장되는 경우는 [[Object zoom in/out]]에 해당한다. |
| − | === Example === | + | === Example: iOS_Paper by FiftyThree === |
| − | + | [[File:Magnifier.jpeg]] | |
---- | ---- | ||
| Line 21: | Line 21: | ||
=== iOS_UPAD === | === iOS_UPAD === | ||
| − | {{#Widget:Vimeo|id=93374931|width= | + | {{#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 === | ||
Latest revision as of 18:05, 12 August 2014
Magnifier는 화면 내에서 일부분만를 돋보기를 이용하는 것처럼 확대하여 보여주는 패턴이다. 입력작업이 섬세하거나 화면 크기의 제약으로 인해 혹은 전체 이미지와 세부사항을 한 화면 내에서 보고자 할 때 나타난다.
특정 위치를 spread하거나 hold하는 형태로 구현할 수 있다. 돋보기를 통해 화면의 일부분을 크게 볼 수 있으며, 확대된 부분에 작업을 할 수 있는 경우도 있다.
Contents
With this pattern, we can solve...
현실의 돋보기를 응용하여 만들어진 패턴으로, 스마트폰 혹은 태블릿에서 사용자가 식별하기 어려운 작은 글씨나 이미지의 특정부분을 확대하여 보거나, 커서를 특정한 위치로 정확하기 이동, 또는 특정한 범위를 선택해야할 필요가 있을 경우 해당 부분을 확대하여 보여주기 위하여 사용된다.
- Magnifier가 기본 기능이 아니라 선택적으로 필요할 때 나타나는 구조라면, 이런 기능이 있음을 사전에 안내하거나 화면 내에서 기능을 불러오는 방법을 알려주어야 한다.
- 일반적으로 Magnifier로 확대된 부분은 해상도가 좋아질 수는 있으나, 확대를 적용하지 않았을 때 나타나지 않았던 새로운 정보를 보여주거나 하지는 않는다.
- 화면 사이즈 전체를 확대하여 보는 경우는 Screen zoom in/out으로 Magnifier에는 해당하지 않는다.
- 화면의 일부분이 확대되는 것이 아니라, 개체 사이즈가 변화하여 저장되는 경우는 Object zoom in/out에 해당한다.
Example: iOS_Paper by FiftyThree
iOS_Paper by FiftyThree
- 좁은 면적을 섬세하게 스케치하고 싶을 때 해당 위치에서 한 손으로 두 손가락을 벌린 상태에서(spread) 다른 손으로 스케치 작업을 한다.
iOS_UPAD
iOS_Genius Scan
Tokyo Sky Tree
""
iOS_Message
iOS_Memo
- #01:04-#01:19
""