Difference between revisions of "Multi-touch for transformation"
Navigation menu
From Design pattern
(→SKY TV Event_Multi-touch tables) |
(→SKY TV_Multi-touch tables) |
||
| (4 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Multi-touch for transformation은 터치디스플레이 화면상의 객체의 크기, 비율, 각도등을 조절하는데 있어서 두 손가락 이상의 터치 제스쳐를 통해 자유롭게 객체를 변경할 수 있는 패턴이다. | Multi-touch for transformation은 터치디스플레이 화면상의 객체의 크기, 비율, 각도등을 조절하는데 있어서 두 손가락 이상의 터치 제스쳐를 통해 자유롭게 객체를 변경할 수 있는 패턴이다. | ||
| Line 70: | Line 12: | ||
[[file:Multi-touch_for_transformation.jpeg|665px]] | [[file:Multi-touch_for_transformation.jpeg|665px]] | ||
---- | ---- | ||
| − | |||
== Two fingers touch for transformation == | == Two fingers touch for transformation == | ||
| − | |||
=== iPad _ Map === | === iPad _ Map === | ||
* 두손가락을 좁히고, 늘이거나 돌리면 화면에 출력된 지도를 확대, 축소하거나 회전시켜 볼 수 있다. | * 두손가락을 좁히고, 늘이거나 돌리면 화면에 출력된 지도를 확대, 축소하거나 회전시켜 볼 수 있다. | ||
| − | * 세손가락 위아래로 움직이면 화면에 출력된 지도를 2D, 3D | + | * 세손가락 위아래로 움직이면 화면에 출력된 지도를 2D, 3D 화면으로 전환시켜 볼 수 있다. |
{{#Widget:Vimeo|id=96656862|width=665|height=374}} | {{#Widget:Vimeo|id=96656862|width=665|height=374}} | ||
{{#Widget:Vimeo|id=96657019|width=665|height=374}} | {{#Widget:Vimeo|id=96657019|width=665|height=374}} | ||
| Line 94: | Line 34: | ||
=== LG전자 대형 터치 모니터 === | === LG전자 대형 터치 모니터 === | ||
* 터치스크린에서 양손으로 이미지의 크기를 조절하거나 화면 기울기를 회전한다. | * 터치스크린에서 양손으로 이미지의 크기를 조절하거나 화면 기울기를 회전한다. | ||
| − | * | + | * #00:51-#00:57 |
{{#Widget:Youtube|id=Hi6uzQ3Iv44|width=665|height=374}} | {{#Widget:Youtube|id=Hi6uzQ3Iv44|width=665|height=374}} | ||
=== SKY TV_Multi-touch tables === | === SKY TV_Multi-touch tables === | ||
* 터치테이블에서 이미지를 양손으로 확대/축소하거나 회전시킨다. | * 터치테이블에서 이미지를 양손으로 확대/축소하거나 회전시킨다. | ||
| − | * | + | * #00:22-#00:24 |
{{#Widget:Vimeo|id=6419294|width=665|height=374}} | {{#Widget:Vimeo|id=6419294|width=665|height=374}} | ||
[[Category:Touch command]] | [[Category:Touch command]] | ||
Latest revision as of 12:42, 12 July 2014
Multi-touch for transformation은 터치디스플레이 화면상의 객체의 크기, 비율, 각도등을 조절하는데 있어서 두 손가락 이상의 터치 제스쳐를 통해 자유롭게 객체를 변경할 수 있는 패턴이다.
Multi-touch for transformation은 터치디스플레이의 크기에 따라 한손을 이용하여 객체를 변형하는 사례와 양손을 이용하여 객체를 변경하는 사례로 크게 구분되어 진다. 일반적으로 터치디스플레이에 두개 이상의 접점을 통해 객체의 크기, 위치, 비율, 각도 등을 변형 한다.
Contents
With this pattern, we can solve....
Multi-touch for transformation은 화면상에 출력된 객체의 크기, 위치, 비율, 각도등을 조절하는 전반적인 사례를 포함한다. 별도의 메뉴를 통해 객체를 조절할 필요 없이 현재 보고 있는 화면을 직접 조작함으로써 보다 직관적이고 용이하게 객체를 변형할 수 있다.
- 이미지나 지도등을 자유롭게 변형하여 원하는 형상을 볼 수 있다.
- 화면상에 출력된 객체를 자유롭게 변형할 수 있다.
Example : iPad _ Map
Two fingers touch for transformation
iPad _ Map
- 두손가락을 좁히고, 늘이거나 돌리면 화면에 출력된 지도를 확대, 축소하거나 회전시켜 볼 수 있다.
- 세손가락 위아래로 움직이면 화면에 출력된 지도를 2D, 3D 화면으로 전환시켜 볼 수 있다.
iPad _ 123D Make
- 두손가락을 이용하여 드래그하면 객체를 이동시켜 볼 수 있다.
- 두손가락을 벌리거나 좁혀 모델링 화면의 객체를 확대 축소하여 볼 수 있다.
iOS Clocks App
- 두 손가락을 이용하여 개체를 drag하여 크기와 위치 등을 변경한다.
- 아래는 화면상에 표시된 시계를 자유로이 변형하는 사례이다.
Two points touch for transformation
LG전자 대형 터치 모니터
- 터치스크린에서 양손으로 이미지의 크기를 조절하거나 화면 기울기를 회전한다.
- #00:51-#00:57
""
SKY TV_Multi-touch tables
- 터치테이블에서 이미지를 양손으로 확대/축소하거나 회전시킨다.
- #00:22-#00:24