From Design pattern
Jump to: navigation, search

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

용도나 활용성에 따라 선택할 수 있는 방법은 다양하나, Rectangular marquee tool 방식과 이미 활성화된 영역이 있는 상태에서 활성화된 영역에 대한 control pointer를 조절하는 방식이 주로 사용된다.

What Problem Does This Solve?

  • Select area를 구현하지 않은 상태에서는 사진이나 이미지를 편집할 때, 각각의 이미지 전체를 일괄적으로 편집하게 된다. 전문 사진 편집 어플리케이션이나 메모 어플리케이션 등에서 사진이나 이미지의 부분만을 편집하거나 부분으로 저장하기 위해서 영역을 선택하는 기능이 필요해졌다.
  • Select area는 지정된 비율이나 사이즈로 사진이나 이미지를 업로드하는 기능을 가진 어플리케이션에서 프로그램이 임의로 사진의 일부를 보여주는 방식이 아니라, 사용자가 원하는 부분을 보여주기 위해 활용된다.

Rectangular marquee tool

iPad_UPAD

  • 한 부분을 long tap한 상태에서 drag하여 다른 부분으로 이동할 경우, 두 점이 이루는 선을 대각선으로 하는 직사각형의 영역을 선택한다. 이렇게 선택된 영역 내에 위치한 객체에 대해 이동, 복사, 삭제, 색상변경 등의 편집 기능이 활성화된다.

Lasso tool

iPad_UPAD

  • 닫힌 도형을 자유롭게 그려 특정 영역을 선택한다. 이렇게 선택된 영역 내에 위치한 객체에 대해 이동, 복사, 삭제, 색상변경 등의 편집 기능이 활성화된다.

iPhone_PopAGraph

  • 개체의 외곽을 따라 drawing한 뒤 버튼을 누르면 개체의 외곽에 맞춰 영역이 깔끔하게 선택되어진다.

Control pointers

iPad_Picsplay

iPad_Adobe Photoshop Express