From Design pattern
Jump to: navigation, search
(Example)
 
(2 intermediate revisions by one user not shown)
Line 1: Line 1:
 
Change proportion은 객체의 비율을 변경하는 패턴이다.
 
Change proportion은 객체의 비율을 변경하는 패턴이다.
  
여러 개의 이미지가 모여있는 경우, 각각의 이미지의 비율을 사용자의 취향에 맞게 변형한다. 한 장의 사진의 비율을 변경하는 과정은 주로 크기, 비율, 각도를 자유롭게 한꺼번에 변경할 수 있는 [[Free transform]]으로 작동한다. 직접적으로 비율 변경이 가능한 control pointer가 일반적이며 button을 통해 여러가지 콘텐츠의 구성과 비율을 보여주면서 변경할 수도 있다.
+
한 장의 사진의 비율을 변경하는 과정은 주로 크기, 비율, 각도를 자유롭게 한꺼번에 변경할 수 있는 Free transform으로 작동하여, Change proportion은 여러 개의 이미지가 모여있는 경우, 각각의 이미지의 비율을 사용자의 취향에 맞게 변형하는 형태로 나타난다. 직접적으로 비율 변경이 가능한 control pointer가 일반적이며 button을 통해 여러가지 콘텐츠의 구성과 비율을 보여주면서 변경할 수도 있다.
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
Line 10: Line 10:
 
* 한 장의 사진에서 crop할 틀의 비율을 바꾸는 것이 아니라, 틀 안의 내용물을 확대하거나 축소하고 이동하여 원하는 이미지로 바꾸는 작업은 [[Object zoom in/out]]에 해당한다.
 
* 한 장의 사진에서 crop할 틀의 비율을 바꾸는 것이 아니라, 틀 안의 내용물을 확대하거나 축소하고 이동하여 원하는 이미지로 바꾸는 작업은 [[Object zoom in/out]]에 해당한다.
  
=== Example ===
+
=== Example : iOS_Moldiv ===
 
[[File:Change proportion.jpeg]]
 
[[File:Change proportion.jpeg]]
  
 
----
 
----
 +
 
==Change proportion with control pointer==
 
==Change proportion with control pointer==
  

Latest revision as of 17:23, 31 July 2014

Change proportion은 객체의 비율을 변경하는 패턴이다.

한 장의 사진의 비율을 변경하는 과정은 주로 크기, 비율, 각도를 자유롭게 한꺼번에 변경할 수 있는 Free transform으로 작동하여, Change proportion은 여러 개의 이미지가 모여있는 경우, 각각의 이미지의 비율을 사용자의 취향에 맞게 변형하는 형태로 나타난다. 직접적으로 비율 변경이 가능한 control pointer가 일반적이며 button을 통해 여러가지 콘텐츠의 구성과 비율을 보여주면서 변경할 수도 있다.

With this pattern, we can solve...

사용자가 자유롭게 각각의 콘텐츠에 대한 비율이나 크기 조정을 하고자 할 때 활용된다. Free transform의 방식이 아닌 객체 비율 변경의 경우, 주로 여러 개의 콘텐츠나 이미지를 꼴라쥬 형태로 구성할 때 발생한다.

  • 앱에서의 Free transform은 비율을 변화하여 이미지를 찌그러뜨리는 경우가 드물기 때문에, 비율까지의 자연스러운 변화는 잘 나타나지 않는 것에 반해, Change proportion은 이미지 자체가 아니라 이미지를 크롭하여 보여줄 틀의 비율을 변경하는 형태로 나타난다.
  • 한 장의 사진에서 비율을 바꾸는 것이 아니라 원하는 영역만 crop하여 최종 비율의 변화가 따라오는 경우는 Select area에 해당한다.
  • 한 장의 사진에서 crop할 틀의 비율을 바꾸는 것이 아니라, 틀 안의 내용물을 확대하거나 축소하고 이동하여 원하는 이미지로 바꾸는 작업은 Object zoom in/out에 해당한다.

Example : iOS_Moldiv

Change proportion.jpeg


Change proportion with control pointer

iOS_Moldiv

iOS_Filter Frame


Change proportion with button

iOS_Prezi

  • 변경 가능한 레이아웃에 대한 아이콘메뉴가 하단에 있으며, 이를 클릭하였을 때 내용과 함께 실시간으로 선택한 레이아웃으로 변화한다. 사용자가 직접 편집하는 프레젠테이션의 형식이라는 것을 무시하면 Change display option과 같은 양상을 가진다.