From Design pattern
Jump to: navigation, search
m (Admin1 moved page Select from menus by gesture to Select from menus without leaving a redirect)
Line 1: Line 1:
 +
{{#css:
 +
#mw-content-text h3 span {
 +
font-weight: 600;
 +
padding-left: 0px;
 +
}
  
 +
.mw-headline {
 +
font-weight: 600;
 +
}
 +
 +
span.mw-editsection {
 +
font-weight: 200;
 +
position: relative;
 +
float:right;
 +
margin-right: 25px
 +
}
 +
 +
span.mw-editsection a {
 +
font-weight: 200;
 +
}
 +
 +
.art-subpage {
 +
background: #F7F7F7;
 +
}
 +
 +
#mw-content-text p {
 +
padding-top: 0px;
 +
padding-bottom: 6px;
 +
}
 +
 +
.mw-content-ltr ul {
 +
margin: 0.3em 0 0 42px;
 +
}
 +
 +
 +
hr {
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
margin-left: -31px;
 +
width: 720px;
 +
border-bottom: 1px solid #E0E0DD;
 +
border-left: 0px;
 +
border-right: 0px;
 +
border-top: 30px solid #F7F7F7;
 +
}
 +
<!--
 +
#sun-col {
 +
-webkit-column-count:2; /* Chrome, Safari, Opera */
 +
-moz-column-count:2; /* Firefox */
 +
column-count:2;
 +
}
 +
 +
#sun-col p {
 +
padding-left: 0px;
 +
-->
 +
}
 +
 +
}}
 +
 +
Select from menus는
 +
 +
=== With this pattern, we can solve... ===
 +
app에서
 +
 +
*
 +
*
 +
*
 +
 +
=== Example : Leap motion_Volantes ===
 +
{{#Widget:Vimeo|id=93326989|width=665|height=374|start=4s}}
 +
----
 
== Select from menus by gesture ==
 
== Select from menus by gesture ==
 +
<div id="sun-col">
 
서로 다른 기능을 가지고 있는 메뉴들의 그룹에서 gesture 방식으로 하나를 선택하여 입력한다.
 
서로 다른 기능을 가지고 있는 메뉴들의 그룹에서 gesture 방식으로 하나를 선택하여 입력한다.
  
Line 14: Line 85:
 
* 립모션에서 원하는 메뉴 앞에 손을 위치시킨 후 주먹을 쥐어 메뉴를 실행한다.
 
* 립모션에서 원하는 메뉴 앞에 손을 위치시킨 후 주먹을 쥐어 메뉴를 실행한다.
 
<videoflash type="vimeo">95087812|665|374</videoflash>
 
<videoflash type="vimeo">95087812|665|374</videoflash>
 
+
</div>
 
----
 
----
  
 
== Select from menus by touch ==
 
== Select from menus by touch ==
 +
<div id="sun-col">
 
서로 다른 기능을 가지고 있는 메뉴들의 그룹에서 touch 방식으로 하나를 선택하여 입력한다.
 
서로 다른 기능을 가지고 있는 메뉴들의 그룹에서 touch 방식으로 하나를 선택하여 입력한다.
  
Line 40: Line 112:
 
* 단, 아래 영상의 33초 ~ 37초에 해당한다.
 
* 단, 아래 영상의 33초 ~ 37초에 해당한다.
 
<videoflash>Hi6uzQ3Iv44|665|374</videoflash>
 
<videoflash>Hi6uzQ3Iv44|665|374</videoflash>
 
+
</div>
 
+
  
 
[[Category:Make selection from pre-defined values]]
 
[[Category:Make selection from pre-defined values]]

Revision as of 22:27, 8 June 2014


Select from menus는

With this pattern, we can solve...

app에서

Example : Leap motion_Volantes


Select from menus by gesture

서로 다른 기능을 가지고 있는 메뉴들의 그룹에서 gesture 방식으로 하나를 선택하여 입력한다.

Leap motion_Volantes

  • 양손을 펼친 상태에서 손을 모으는 제스처를 통해 메뉴를 선택한다.

X box _ 키넥트어드밴쳐

  • 일정 자세로 손을 유지하여 메뉴를 선택한다.

Leap motion_Telekinetic

  • 립모션에서 원하는 메뉴 앞에 손을 위치시킨 후 주먹을 쥐어 메뉴를 실행한다.

Select from menus by touch

서로 다른 기능을 가지고 있는 메뉴들의 그룹에서 touch 방식으로 하나를 선택하여 입력한다.

181번 사례

  • 버튼을 메뉴아이콘 쪽으로 drag하여 특정 기능(카메라, 노트, 음악 등)을 선택한다.

iOS_알람몬

  • 메뉴를 선택할 때 포인터를 drag and drop 하여 해당 메뉴 위에 올려 놓으면 메뉴가 선택된다.

279번 사례

  • 객체(버튼)을 잡아 끌어 선택한 메뉴(왼쪽은 카메라, 오른쪽은 라이브러리)를 선택한다.

Android_Samsung Galaxy Note 인터넷

  • 화면 가장자리를 tap & hold 하여 불러온 퀵메뉴에서 hold & drag를 통하여 하위메뉴로 이동하여 손가락을 땔 경우 하나를 선택한다.

LG 전자 대형 터치모니터

  • 터치스크린에서 화면의 메뉴를 선택하면 관련된 정보를 보여준다.
  • 단, 아래 영상의 33초 ~ 37초에 해당한다.