Difference between revisions of "Dial knob"
Navigation menu
From Design pattern
(→Example : iOS_MIDI Knob) |
|||
| (58 intermediate revisions by 5 users not shown) | |||
| Line 1: | Line 1: | ||
| + | Dial knob은 최소값과 최대값이 정해진 연속된 범위의 값을 조절할 때 사용하는 패턴이다. 컨트롤러가 Dial knob의 형태로 이루어져 있어, 사용자가 실생활에서 Dial knob를 조절하는 방법으로 값을 조절한다. Volume을 조정하는 경우와 Time을 설정하는 경우로 크게 나눌 수 있다. | ||
| − | + | 최소값과 최대값이 정해진 연속된 범위의 값 사이에서 현재값이 위치한 부분을 drag하여 값을 조절한다. Dial 이미지의 값의 위치를 조절하면, 실시간으로 적용되어 보여지는 값이 함께 변화한다. | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | . | + | === With this pattern, we can solve... === |
| − | + | 사용자가 원하는 값를 입력하기 위해, Dial knob은 연속된 값 중 원하는 값을 선택하여 입력 할 수 있는 기능을 제공한다. 입력 가능한 범위가 지정되어 있기 때문에, 사용자가 부적절한 값을 입력하는 상황을 방지한다. 메타포의 특성에 따라 주로 음향을 조절할 때 쓰이기 때문에 작곡 응용프로그램에서 많이 사용된다. | |
| − | + | ||
| − | + | * Dial knob은 간단한 동작을 통해 원하는 연속된 값을 부드럽게 입력할 수 있다. | |
| − | + | * Dial knob은 특정 범위안의 현재값을 상대적으로 파악할 수 있다. | |
| − | + | * Dial knob은 현실에서 사용자가 손으로 직접 dial을 잡고 좌우측으로 돌려 값을 조절하는 실제 기계의 메타포를 적용시킨 패턴이다. | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | === Example : iOS_MIDI Knob === | |
| − | + | [[File:Knob2.jpg]] | |
| − | + | ||
| − | + | ---- | |
| − | + | ||
| − | + | ||
| − | + | == Control volume == | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | === iOS_MIDI Knob === | |
| − | + | {{#Widget:Vimeo|id=96613103|width=395|height=533}} | |
| − | } | + | |
| + | === Android_Volume booster === | ||
| + | {{#Widget:Vimeo|id=96775219|width=300|height=541}} | ||
| − | + | === Android_Volume control=== | |
| − | + | {{#Widget:Vimeo|id=96775220|width=300|height=541}} | |
| − | + | ||
| − | + | ||
| − | width | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| − | # | + | === iOS_Volume dial === |
| − | + | {{#Widget:Vimeo|id=96612568|width=395|height=533}} | |
| − | + | ||
| − | } | + | |
| − | + | ---- | |
| − | + | == Set time == | |
| − | + | === Android_Date wheel classic === | |
| + | {{#Widget:Vimeo|id=96775217|width=300|height=541}} | ||
| − | === | + | === Android_Kitchen timer === |
| − | + | {{#Widget:Vimeo|id=96775218|width=300|height=541}} | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | {{#Widget:Vimeo|id=|width=300|height= | + | |
---- | ---- | ||
| − | + | [[Category:Enter continuous values]] | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | [[Category:Enter | + | |
Latest revision as of 22:41, 24 July 2014
Dial knob은 최소값과 최대값이 정해진 연속된 범위의 값을 조절할 때 사용하는 패턴이다. 컨트롤러가 Dial knob의 형태로 이루어져 있어, 사용자가 실생활에서 Dial knob를 조절하는 방법으로 값을 조절한다. Volume을 조정하는 경우와 Time을 설정하는 경우로 크게 나눌 수 있다.
최소값과 최대값이 정해진 연속된 범위의 값 사이에서 현재값이 위치한 부분을 drag하여 값을 조절한다. Dial 이미지의 값의 위치를 조절하면, 실시간으로 적용되어 보여지는 값이 함께 변화한다.
Contents
With this pattern, we can solve...
사용자가 원하는 값를 입력하기 위해, Dial knob은 연속된 값 중 원하는 값을 선택하여 입력 할 수 있는 기능을 제공한다. 입력 가능한 범위가 지정되어 있기 때문에, 사용자가 부적절한 값을 입력하는 상황을 방지한다. 메타포의 특성에 따라 주로 음향을 조절할 때 쓰이기 때문에 작곡 응용프로그램에서 많이 사용된다.
- Dial knob은 간단한 동작을 통해 원하는 연속된 값을 부드럽게 입력할 수 있다.
- Dial knob은 특정 범위안의 현재값을 상대적으로 파악할 수 있다.
- Dial knob은 현실에서 사용자가 손으로 직접 dial을 잡고 좌우측으로 돌려 값을 조절하는 실제 기계의 메타포를 적용시킨 패턴이다.
Example : iOS_MIDI Knob
Control volume
iOS_MIDI Knob
Android_Volume booster
Android_Volume control
iOS_Volume dial
Set time
Android_Date wheel classic
Android_Kitchen timer