From Design pattern
Jump to: navigation, search
(→‎Examples)
(→‎Example)
 
(14 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
여러 객체를 이용하여 하나의 콜라쥬의 형태로 레이아웃을 구성한다.
+
Arrange collage는 여러장의 사진이나 그림 등의 이미지를 모아서 자동으로 꼴라쥬를 형성해주거나, 형성된 꼴라쥬의 레이아웃 구성을 편집하는 패턴이다.
  
−
== Examples ==
+
꼴라쥬하는 사진은 [[Export & import]]를 통해 진행하는 경우가 일반적이며, 앱에 따라 직접 사진을 찍을 수 있는 기능이 앱 내부에 포함되어 있을 수도 있다. 기능에 따라 자동으로 꼴라쥬를 형성하여 그림의 형태로 export하는 경우와, 꼴라쥬의 레이아웃이나 각각의 사진의 크기, 확대된 정도를 수정하여 저장하는 경우로 나뉘어진다.
  
−
=== 489번 사례 ===
+
=== With this pattern, we can solve... ===
−
* 나열된 사진 중 통합하여 편집하고 싶은 사진을 1개 이상 선택하면 선택하거나 취소할 때마다 선택한 사진조합으로 가능한 꼴라주 레이아웃이 보여진다.
+
사용자는 여러장의 사진을 함께 구성하는 꼴라쥬를 필요로 할 수 있다. 꼴라쥬의 경우 단일 사진을 편집하는 경우와 다르게, 활용되는 사진의 갯수, 활용할 사진의 선택, 사진의 밝기나 색조 등의 설정값, 레이아웃 구성, 특정 위치에 들어갈 사진의 선택 등 복잡하고 다양한 기능을 요구하게 된다. 그 중 Arrange collage는 꼴라쥬의 형성과 레이아웃 구성으로 한정한다.
−
{{#Widget:Vimeo|id=93374321|width=533|height=395}}
+
  
−
=== 490번 사례 ===
+
* 간단하게 꼴라쥬를 만드는 것이 목적일 경우, 복잡한 편집 과정을 생략하고 자동으로 꼴라쥬를 만들어주게 된다.
−
* 플러스 아이콘을 원하는 지점으로 drag하면, 그 위치에 새로운 공간이 배치되는 형태로 레이아웃이 변경된다.
+
* 사용자가 사진을 선택하는 과정에서 [[Multiple select]]가 이루어지며, 선택한 사진으로 만들어지는 꼴라쥬에 대해 [[Instant preview]]를 할 수도 있다.
−
{{#Widget:Vimeo|id=93374323|width=533|height=395}}
+
* Arrange collage가 진행된 후, 사용자는 꼴라쥬를 편집하는 과정에서 [[Change proportion]], [[Edit photo property]]. [[Free transform]], [[Object zoom in/out]], [[Rotate object]], [[Undo and redo]] 등 복잡한 단계를 거치며, 각각의 편집과정에 대해 자유롭게 여러가지 설정에 대해 오가거나 되돌아가는 기능, 이미 한 작업을 수정하는 기능 등이 추가적으로 필요하다.
  
−
=== 491번 사례 ===
+
=== Example : iOS_Filter Frame ===
−
* 선택한 화면을 빈 화면으로 drag 하면, 두 공간이 합쳐지면서 레이아웃이 변경된다.
+
[[File:Arrange collage.jpeg]]
 +
 
 +
----
 +
 
 +
=== iOS_Filter Frame ===
 +
{{#Widget:Vimeo|id=93374321|width=533|height=395}}
 +
{{#Widget:Vimeo|id=93374323|width=533|height=395}}
 
{{#Widget:Vimeo|id=93374579|width=533|height=395}}
 
{{#Widget:Vimeo|id=93374579|width=533|height=395}}
  
−
=== 193번 사례 ===
+
=== Android_LG G Pro2 콜라주===
−
* 별도의 사진 편집을 거치지 않고 사진목록에서 여러 장의 사진을 선택하여 한 장의 꼴라주 사진으로 자동으로 만든다.
+
* 별도의 사진 편집을 거치지 않고 사진목록에서 여러 장의 사진을 선택하여 한 장의 콜라주 사진으로 자동으로 만든다.
−
* 단, 아래 영상의 2분 13초 ~ 2분 45초에 해당한다.
+
* #02:13-#02:45
 
{{#Widget:Youtube|id=KeTJZj2RMjI|width=665|height=374}}
 
{{#Widget:Youtube|id=KeTJZj2RMjI|width=665|height=374}}
−
 
  
 
[[Category:Edit object]]
 
[[Category:Edit object]]

Latest revision as of 17:22, 31 July 2014

Arrange collage는 여러장의 사진이나 그림 등의 이미지를 모아서 자동으로 꼴라쥬를 형성해주거나, 형성된 꼴라쥬의 레이아웃 구성을 편집하는 패턴이다.

꼴라쥬하는 사진은 Export & import를 통해 진행하는 경우가 일반적이며, 앱에 따라 직접 사진을 찍을 수 있는 기능이 앱 내부에 포함되어 있을 수도 있다. 기능에 따라 자동으로 꼴라쥬를 형성하여 그림의 형태로 export하는 경우와, 꼴라쥬의 레이아웃이나 각각의 사진의 크기, 확대된 정도를 수정하여 저장하는 경우로 나뉘어진다.

With this pattern, we can solve...

사용자는 여러장의 사진을 함께 구성하는 꼴라쥬를 필요로 할 수 있다. 꼴라쥬의 경우 단일 사진을 편집하는 경우와 다르게, 활용되는 사진의 갯수, 활용할 사진의 선택, 사진의 밝기나 색조 등의 설정값, 레이아웃 구성, 특정 위치에 들어갈 사진의 선택 등 복잡하고 다양한 기능을 요구하게 된다. 그 중 Arrange collage는 꼴라쥬의 형성과 레이아웃 구성으로 한정한다.

  • 간단하게 꼴라쥬를 만드는 것이 목적일 경우, 복잡한 편집 과정을 생략하고 자동으로 꼴라쥬를 만들어주게 된다.
  • 사용자가 사진을 선택하는 과정에서 Multiple select가 이루어지며, 선택한 사진으로 만들어지는 꼴라쥬에 대해 Instant preview를 할 수도 있다.
  • Arrange collage가 진행된 후, 사용자는 꼴라쥬를 편집하는 과정에서 Change proportion, Edit photo property. Free transform, Object zoom in/out, Rotate object, Undo and redo 등 복잡한 단계를 거치며, 각각의 편집과정에 대해 자유롭게 여러가지 설정에 대해 오가거나 되돌아가는 기능, 이미 한 작업을 수정하는 기능 등이 추가적으로 필요하다.

Example : iOS_Filter Frame

Arrange collage.jpeg

iOS_Filter Frame

Android_LG G Pro2 콜라주

  • 별도의 사진 편집을 거치지 않고 사진목록에서 여러 장의 사진을 선택하여 한 장의 콜라주 사진으로 자동으로 만든다.
  • #02:13-#02:45

""

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