From Design pattern
Jump to: navigation, search
(→‎iPad_Picsplay)
(→‎Select area (Control pointers))
 
(17 intermediate revisions by one user not shown)
Line 1: Line 1:
 
Select area는 사진이나 이미지를 편집하기 위해 영역을 선택하기 위한 패턴이다. 주로 편집 화면에서 영역선택 툴을 활성화환 상태에서 활용 가능하다.
 
Select area는 사진이나 이미지를 편집하기 위해 영역을 선택하기 위한 패턴이다. 주로 편집 화면에서 영역선택 툴을 활성화환 상태에서 활용 가능하다.
  
−
용도나 활용성에 따라 선택할 수 있는 방법은 다양하나, Rectangular marquee tool 방식과 이미 활성화된 영역이 있는 상태에서 활성화된 영역에 대한 control pointer를 조절하는 방식이 주로 사용된다.
+
용도나 활용성에 따라 선택할 수 있는 방법은 다양하다. 한 지점에서 다른 지점으로 drag하여 두 점이 이루는 직선을 대각선으로 하는 직사각형의 영역을 선택하는 rectangular marquee tool 방식과 닫힌 도형을 자유롭게 그려 특정 영역을 선택하는 lasso tool 방식, 이미 활성화된 영역이 있는 상태에서 활성화된 영역에 대한 control pointer를 조절하는 방식이 사용된다.
  
−
=== What Problem Does This Solve? ===
+
=== With this pattern, we can solve... ===
−
* Select area를 구현하지 않은 상태에서는 사진이나 이미지를 편집할 때, 각각의 이미지 전체를 일괄적으로 편집하게 된다. 전문 사진 편집 어플리케이션이나 메모 어플리케이션 등에서 사진이나 이미지의 부분만을 편집하거나 부분으로 저장하기 위해서 영역을 선택하는 기능이 필요해졌다.  
+
Select area를 구현하지 않은 상태에서는 사진이나 이미지를 편집할 때, 각각의 이미지 전체를 일괄적으로 편집하게 된다. 전문 사진 편집 어플리케이션이나 메모 어플리케이션 등에서 사진이나 이미지의 부분만을 편집하거나 부분으로 저장하기 위해서 영역을 선택하는 기능이 필요해졌다.  
  
−
* Select area는 지정된 비율이나 사이즈로 사진이나 이미지를 업로드하는 기능을 가진 어플리케이션에서 프로그램이 임의로 사진의 일부를 보여주는 방식이 아니라, 사용자가 원하는 부분을 보여주기 위해 활용된다.  
+
* Select area는 사용자가 원하는 부분을 보여주기 위해 활용된다.
 +
* 지정된 비율이나 사이즈로 사진이나 이미지를 업로드하는 기능을 가진 어플리케이션에서 프로그램이 임의로 사진의 일부를 활용하는 과정은 [[Object zoom in/out]]에 속한다.
 +
* Select area는 편집이나 선택된 영역만 남기고 자르기 등의 기능으로 이어진다.
  
−
== Rectangular marquee tool ==
+
=== Example : iOS_PopAGraph ===
−
=== iPad_UPAD ===
+
[[File:Select area.jpeg]]
−
* 한 부분을 long tap한 상태에서 drag하여 다른 부분으로 이동할 경우, 두 점이 이루는 선을 대각선으로 하는 직사각형의 영역을 선택한다. 이렇게 선택된 영역 내에 위치한 객체에 대해 이동, 복사, 삭제, 색상변경 등의 편집 기능이 활성화된다.  
+
−
<videoflash type="vimeo">93374684|300|405</videoflash>
+
----
  
−
== Lasso tool ==
+
== Select area (Rectangular marquee tool) ==
−
=== iPad_UPAD ===
+
−
* 닫힌 도형을 자유롭게 그려 특정 영역을 선택한다. 이렇게 선택된 영역 내에 위치한 객체에 대해 이동, 복사, 삭제, 색상변경 등의 편집 기능이 활성화된다.
+
−
<videoflash type="vimeo">93374685|300|405</videoflash>
+
  
−
=== iPhone_PopAGraph ===
+
=== iOS_UPAD ===
−
* 개체의 외곽을 따라 drawing한 뒤 버튼을 누르면 개체의 외곽에 맞춰 영역이 깔끔하게 선택되어진다.
+
{{#Widget:Vimeo|id=93374684|width=300|height=405}}
−
<videoflash type="vimeo">94743505|300|533</videoflash>
+
  
−
==Control pointers==
+
----
−
=== iPad_Picsplay ===
+
== Select area (Lasso tool) ==
−
<videoflash type="vimeo">96224801|300|405</videoflash>
+
 
 +
=== iOS_UPAD ===
 +
{{#Widget:Vimeo|id=93374685|width=300|height=405}}
 +
 
 +
=== iOS_PopAGraph ===
 +
{{#Widget:Vimeo|id=94743505|width=300|height=533}}
 +
 
 +
----
 +
==Select area (Control pointers) ==
 +
 
 +
=== iOS_Picsplay ===
 +
{{#Widget:Vimeo|id=96224801|width=300|height=405}}
 +
 
 +
=== iOS_Adobe Photoshop Express ===
 +
{{#Widget:Vimeo|id=96224802|width=300|height=405}}
 +
 
 +
=== iOS_Genius Scan ===
 +
{{#Widget:Vimeo|id=103218182|width=395|height=524}}
  
−
=== iPad_Adobe Photoshop Express ===
 
−
<videoflash type="vimeo">96224802|300|405</videoflash>
 
 
[[Category:Edit object]]
 
[[Category:Edit object]]

Latest revision as of 18:04, 12 August 2014

Select area는 사진이나 이미지를 편집하기 위해 영역을 선택하기 위한 패턴이다. 주로 편집 화면에서 영역선택 툴을 활성화환 상태에서 활용 가능하다.

용도나 활용성에 따라 선택할 수 있는 방법은 다양하다. 한 지점에서 다른 지점으로 drag하여 두 점이 이루는 직선을 대각선으로 하는 직사각형의 영역을 선택하는 rectangular marquee tool 방식과 닫힌 도형을 자유롭게 그려 특정 영역을 선택하는 lasso tool 방식, 이미 활성화된 영역이 있는 상태에서 활성화된 영역에 대한 control pointer를 조절하는 방식이 사용된다.

With this pattern, we can solve...

Select area를 구현하지 않은 상태에서는 사진이나 이미지를 편집할 때, 각각의 이미지 전체를 일괄적으로 편집하게 된다. 전문 사진 편집 어플리케이션이나 메모 어플리케이션 등에서 사진이나 이미지의 부분만을 편집하거나 부분으로 저장하기 위해서 영역을 선택하는 기능이 필요해졌다.

  • Select area는 사용자가 원하는 부분을 보여주기 위해 활용된다.
  • 지정된 비율이나 사이즈로 사진이나 이미지를 업로드하는 기능을 가진 어플리케이션에서 프로그램이 임의로 사진의 일부를 활용하는 과정은 Object zoom in/out에 속한다.
  • Select area는 편집이나 선택된 영역만 남기고 자르기 등의 기능으로 이어진다.

Example : iOS_PopAGraph

Select area.jpeg

Select area (Rectangular marquee tool)

iOS_UPAD

Select area (Lasso tool)

iOS_UPAD

iOS_PopAGraph

Select area (Control pointers)

iOS_Picsplay

iOS_Adobe Photoshop Express

iOS_Genius Scan

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