From Design pattern
Jump to: navigation, search
(→‎Example)
 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
작업물이나 항목의 비율을 변경한다.
+
Change proportion은 객체의 비율을 변경하는 패턴이다.
  
−
==Example==
+
한 장의 사진의 비율을 변경하는 과정은 주로 크기, 비율, 각도를 자유롭게 한꺼번에 변경할 수 있는 Free transform으로 작동하여, Change proportion은 여러 개의 이미지가 모여있는 경우, 각각의 이미지의 비율을 사용자의 취향에 맞게 변형하는 형태로 나타난다.  직접적으로 비율 변경이 가능한 control pointer가 일반적이며 button을 통해 여러가지 콘텐츠의 구성과 비율을 보여주면서 변경할 수도 있다.
−
=== 249번 사례 ===
+
−
* 포인터를 drag하여 화면에 표시되는 그리드를 변경할 수 있다.
+
−
<videoflash type="vimeo">93552095|300|533</videoflash>
+
  
−
=== 492번 사례 ===
+
=== With this pattern, we can solve... ===
−
* 포인터를 hold하고 원하는 사이즈를 고려하여 원하는 위치로 drag하면, 포인터의 위치에 따라 길이와 비례가 변화하면서 전체 레이아웃이 변경된다.
+
사용자가 자유롭게 각각의 콘텐츠에 대한 비율이나 크기 조정을 하고자 할 때 활용된다. Free transform의 방식이 아닌 객체 비율 변경의 경우, 주로 여러 개의 콘텐츠나 이미지를 꼴라쥬 형태로 구성할 때 발생한다.
−
<videoflash type="vimeo">93374329|533|395</videoflash>
+
 
 +
* 앱에서의 [[Free transform]]은 비율을 변화하여 이미지를 찌그러뜨리는 경우가 드물기 때문에, 비율까지의 자연스러운 변화는 잘 나타나지 않는 것에 반해, Change proportion은 이미지 자체가 아니라 이미지를 크롭하여 보여줄 틀의 비율을 변경하는 형태로 나타난다.
 +
* 한 장의 사진에서 비율을 바꾸는 것이 아니라 원하는 영역만 crop하여 최종 비율의 변화가 따라오는 경우는 [[Select area]]에 해당한다.
 +
* 한 장의 사진에서 crop할 틀의 비율을 바꾸는 것이 아니라, 틀 안의 내용물을 확대하거나 축소하고 이동하여 원하는 이미지로 바꾸는 작업은 [[Object zoom in/out]]에 해당한다.
 +
 
 +
=== Example : iOS_Moldiv ===
 +
[[File:Change proportion.jpeg]]
 +
 
 +
----
 +
 
 +
==Change proportion with control pointer==
 +
 
 +
=== iOS_Moldiv ===
 +
{{#Widget:Vimeo|id=93552095|width=300|height=533}}
 +
 
 +
=== iOS_Filter Frame ===
 +
{{#Widget:Vimeo|id=93374329|width=533|height=395}}
 +
 
 +
----
 +
==Change proportion with button==
 +
 
 +
=== iOS_Prezi ===
 +
* 변경 가능한 레이아웃에 대한 아이콘메뉴가 하단에 있으며, 이를 클릭하였을 때 내용과 함께 실시간으로 선택한 레이아웃으로 변화한다. 사용자가 직접 편집하는 프레젠테이션의 형식이라는 것을 무시하면 [[Change display option]]과 같은 양상을 가진다.
 +
{{#Widget:Vimeo|id=94762486|width=533|height=395}}
  
 
[[category:Edit object]]
 
[[category:Edit object]]

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과 같은 양상을 가진다.

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