From Design pattern
Jump to: navigation, search
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{#css:
+
Select from menus의 예시들은 Single select로 이동
#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 ===
 
=== Example : Leap motion_Volantes ===
 
{{#Widget:Vimeo|id=93326989|width=665|height=374|start=4s}}
 
{{#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 방식으로 하나를 선택하여 입력한다.
  
 
=== Leap motion_Volantes ===
 
=== Leap motion_Volantes ===
 
* 양손을 펼친 상태에서 손을 모으는 제스처를 통해 메뉴를 선택한다.
 
* 양손을 펼친 상태에서 손을 모으는 제스처를 통해 메뉴를 선택한다.
<videoflash type="vimeo">93326989|665|374</videoflash>
+
{{#Widget:Vimeo|id=93326989|width=665|height=374}}
  
 
=== X box _ 키넥트어드밴쳐 ===
 
=== X box _ 키넥트어드밴쳐 ===
Line 84: Line 19:
 
===Leap motion_Telekinetic===
 
===Leap motion_Telekinetic===
 
* 립모션에서 원하는 메뉴 앞에 손을 위치시킨 후 주먹을 쥐어 메뉴를 실행한다.
 
* 립모션에서 원하는 메뉴 앞에 손을 위치시킨 후 주먹을 쥐어 메뉴를 실행한다.
<videoflash type="vimeo">95087812|665|374</videoflash>
+
{{#Widget:Vimeo|id=95087812|width=665|height=374}}
</div>
+
 
----
 
----
  
 
== Select from menus by touch ==
 
== Select from menus by touch ==
<div id="sun-col">
 
 
서로 다른 기능을 가지고 있는 메뉴들의 그룹에서 touch 방식으로 하나를 선택하여 입력한다.
 
서로 다른 기능을 가지고 있는 메뉴들의 그룹에서 touch 방식으로 하나를 선택하여 입력한다.
  
Line 98: Line 31:
 
=== iOS_알람몬 ===
 
=== iOS_알람몬 ===
 
* 메뉴를 선택할 때 포인터를 drag and drop 하여 해당 메뉴 위에 올려 놓으면 메뉴가 선택된다.
 
* 메뉴를 선택할 때 포인터를 drag and drop 하여 해당 메뉴 위에 올려 놓으면 메뉴가 선택된다.
<videoflash type="vimeo">93552405|300|533</videoflash>
+
{{#Widget:Vimeo|id=93552405|width=300|height=533}}
  
 
=== 279번 사례 ===
 
=== 279번 사례 ===
Line 106: Line 39:
 
=== Android_Samsung Galaxy Note 인터넷 ===
 
=== Android_Samsung Galaxy Note 인터넷 ===
 
* 화면 가장자리를 tap & hold 하여 불러온 퀵메뉴에서 hold & drag를 통하여 하위메뉴로 이동하여 손가락을 땔 경우 하나를 선택한다.
 
* 화면 가장자리를 tap & hold 하여 불러온 퀵메뉴에서 hold & drag를 통하여 하위메뉴로 이동하여 손가락을 땔 경우 하나를 선택한다.
<videoflash type="vimeo">93363072|300|455</videoflash>
+
{{#Widget:Vimeo|id=93363072|width=300|height=449}}
  
 
=== LG 전자 대형 터치모니터 ===
 
=== LG 전자 대형 터치모니터 ===
 
* 터치스크린에서 화면의 메뉴를 선택하면 관련된 정보를 보여준다.
 
* 터치스크린에서 화면의 메뉴를 선택하면 관련된 정보를 보여준다.
* 단, 아래 영상의 33초 ~ 37초에 해당한다.
+
* #00:33-#00:37
<videoflash>Hi6uzQ3Iv44|665|374</videoflash>
+
{{#Widget:Youtube|id=Hi6uzQ3Iv44|width=665|height=374}}
</div>
+
 
+
[[Category:Make selection from pre-defined values]]
+

Latest revision as of 00:39, 29 June 2014

Select from menus의 예시들은 Single select로 이동


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 전자 대형 터치모니터

  • 터치스크린에서 화면의 메뉴를 선택하면 관련된 정보를 보여준다.
  • #00:33-#00:37

""