From Design pattern
Jump to: navigation, search
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 one은
 +
 +
=== With this pattern, we can solve... ===
 +
app에서
 +
 +
*
 +
*
 +
*
 +
 +
=== Example : Android_Noom Diet Coach ===
 +
{{#Widget:Vimeo|id=95683436|width=300|height=455|start=4s}}
 +
----
 
== Select one from a list of texts ==
 
== Select one from a list of texts ==
 +
<div id="sun-col">
 
텍스트로 이루어진 리스트에서 하나를 선택하여 입력한다.
 
텍스트로 이루어진 리스트에서 하나를 선택하여 입력한다.
  
Line 21: Line 92:
 
* 좌, 우 한쪽으로 swipe하여 두 가지 답 중 하나를 선택하여 답을 맞춘다.
 
* 좌, 우 한쪽으로 swipe하여 두 가지 답 중 하나를 선택하여 답을 맞춘다.
 
{{#Widget:Vimeo|id=95246812|width=533|height=395}}
 
{{#Widget:Vimeo|id=95246812|width=533|height=395}}
 
+
</div>
 
----
 
----
  
 
== Select one from icons ==
 
== Select one from icons ==
 +
<div id="sun-col">
 
swipe로 이동하여 아이콘 항목 중 하나를 선택하여 입력한다.
 
swipe로 이동하여 아이콘 항목 중 하나를 선택하여 입력한다.
  
Line 34: Line 106:
 
* 좌석을 고르는 화면에서, 세가지 설정 사항을 각각 swipe로 하나씩 넘겨서 선택한다.
 
* 좌석을 고르는 화면에서, 세가지 설정 사항을 각각 swipe로 하나씩 넘겨서 선택한다.
 
{{#Widget:Vimeo|id=93044696|width=300|height=449}}
 
{{#Widget:Vimeo|id=93044696|width=300|height=449}}
 
+
</div>
 
----
 
----
  
 
== Select one from a list of visual options ==
 
== Select one from a list of visual options ==
 +
<div id="sun-col">
 
그림으로 이루어진 리스트에서 하나를 선택하여 입력한다.
 
그림으로 이루어진 리스트에서 하나를 선택하여 입력한다.
  
Line 51: Line 124:
 
* 손바닥을 움직여 화면속 메뉴를 활성화 하여 선택한다.
 
* 손바닥을 움직여 화면속 메뉴를 활성화 하여 선택한다.
 
<videoflash type="vimeo">94916421|665|374</videoflash>
 
<videoflash type="vimeo">94916421|665|374</videoflash>
 
+
</div>
 
[[Category:Make selection from pre-defined values]]
 
[[Category:Make selection from pre-defined values]]

Revision as of 22:28, 8 June 2014


Select one은

With this pattern, we can solve...

app에서

Example : Android_Noom Diet Coach


Select one from a list of texts

텍스트로 이루어진 리스트에서 하나를 선택하여 입력한다.

Android_Noom Diet Coach

  • 문자를 입력하여 검색되어진 리스트에 나와 있는 텍스트 중 하나를 선택하여 입력한다.

iOS_EnglishFlow

  • 자막을 좌우로 swipe하여 여러 자막 가운데 하나를 선택한다.

iOS_Booklip

  • 리스트에 나와있는 텍스트 중 하나를 선택하여 입력한다.

iOS_Codecademy(420)

업로드중

iOS_Oh no fractions

  • 좌, 우 한쪽으로 swipe하여 두 가지 답 중 하나를 선택하여 답을 맞춘다.


Select one from icons

swipe로 이동하여 아이콘 항목 중 하나를 선택하여 입력한다.

iOS_Sleep Pillow

  • 음원 설정에서 최대 세개까지 재생할 수 있는데, 각각의 항목에 대해 좌우로 swipe하여 원하는 것을 선택한다.

iOS_Korail talk

  • 좌석을 고르는 화면에서, 세가지 설정 사항을 각각 swipe로 하나씩 넘겨서 선택한다.


Select one from a list of visual options

그림으로 이루어진 리스트에서 하나를 선택하여 입력한다.

대형 터치스크린 자판기

  • 자판기에서 화면에 나타난 음료수 이미지들 중 하나를 선택한다.

Leap motion_Caterpillar count

  • 립모션에서 손가락으로 누르는 제스처를 통해 이미지로 이루어진 리스트 중 하나를 선택한다.

362번 사례

  • 손바닥을 움직여 화면속 메뉴를 활성화 하여 선택한다.